<!--::result::time::08:00:26::App\Service\Components\Header\H03::-->
<!--::result::time::08:00:26::work: 0.0043 s::App\Service\Components\Header\H03::-->
<!--::result::time::08:00:26::App\Service\Components\Header\H03::-->
<!--::result::time::08:00:26::work: 0.0013 s::App\Service\Components\Header\H03::-->
<!--::result::time::08:00:26::App\Service\Components\Header\H03::-->
<!--::result::time::08:00:26::work: 0.0017 s::App\Service\Components\Header\H03::-->
<!--::result::time::08:00:26::App\Service\Components\Header\H04::-->
<!--::result::time::08:00:26::work: 0.0008 s::App\Service\Components\Header\H04::-->
<!--::result::time::08:00:26::App\Service\Components\Header\H02::-->
<!--::result::time::08:00:26::work: 0.0169 s::App\Service\Components\Header\H02::-->
<!--::result::time::08:00:26::App\Service\Components\Text\T01::-->
<!--::result::time::08:00:26::work: 0.0008 s::App\Service\Components\Text\T01::-->
<!--::result::time::08:00:26::App\Service\Components\News\N04::-->
<!--::result::time::08:00:26::work: 0.0151 s::App\Service\Components\News\N04::-->
<!--::result::time::08:00:26::App\Service\Components\News\N12::-->
<!--::result::time::08:00:26::work: 0.0091 s::App\Service\Components\News\N12::-->
<!--::result::time::08:00:26::App\Service\Components\News\N10::-->
<!--::result::time::08:00:26::work: 0.0009 s::App\Service\Components\News\N10::-->
<!--::result::time::08:00:26::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::work: 0.0017 s::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::getChildsMapIds::-->
<!--::result::time::08:00:26::work: 0.0324 s::getChildsMapIds::-->
<!--::result::time::08:00:26::getPagesByCategoryLimit::-->
<!--::result::time::08:00:26::work: 0.2013 s::getPagesByCategoryLimit::-->
<!--::result::time::08:00:26::foreach::-->
<!--::result::time::08:00:26::work: 0.0883 s::foreach::-->
<!--::result::time::08:00:26::work: 0.3236 s::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::getChildsMapIds::-->
<!--::result::time::08:00:26::work: 0.0026 s::getChildsMapIds::-->
<!--::result::time::08:00:26::getPagesByCategoryLimit::-->
<!--::result::time::08:00:26::work: 0.0643 s::getPagesByCategoryLimit::-->
<!--::result::time::08:00:26::foreach::-->
<!--::result::time::08:00:26::work: 0.0296 s::foreach::-->
<!--::result::time::08:00:26::work: 0.097 s::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::getChildsMapIds::-->
<!--::result::time::08:00:26::work: 0.0059 s::getChildsMapIds::-->
<!--::result::time::08:00:26::getPagesByCategoryLimit::-->
<!--::result::time::08:00:26::work: 0.0902 s::getPagesByCategoryLimit::-->
<!--::result::time::08:00:26::foreach::-->
<!--::result::time::08:00:26::work: 0.0274 s::foreach::-->
<!--::result::time::08:00:26::work: 0.124 s::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::getChildsMapIds::-->
<!--::result::time::08:00:26::work: 0.0065 s::getChildsMapIds::-->
<!--::result::time::08:00:26::getPagesByCategoryLimit::-->
<!--::result::time::08:00:26::work: 0.0912 s::getPagesByCategoryLimit::-->
<!--::result::time::08:00:26::foreach::-->
<!--::result::time::08:00:26::work: 0.0327 s::foreach::-->
<!--::result::time::08:00:26::work: 0.1311 s::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::getChildsMapIds::-->
<!--::result::time::08:00:26::work: 0.0063 s::getChildsMapIds::-->
<!--::result::time::08:00:26::getPagesByCategoryLimit::-->
<!--::result::time::08:00:26::work: 0.0627 s::getPagesByCategoryLimit::-->
<!--::result::time::08:00:26::foreach::-->
<!--::result::time::08:00:26::work: 0.0282 s::foreach::-->
<!--::result::time::08:00:26::work: 0.0978 s::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::getChildsMapIds::-->
<!--::result::time::08:00:26::work: 0.0051 s::getChildsMapIds::-->
<!--::result::time::08:00:26::getPagesByCategoryLimit::-->
<!--::result::time::08:00:26::work: 0.0618 s::getPagesByCategoryLimit::-->
<!--::result::time::08:00:26::foreach::-->
<!--::result::time::08:00:26::work: 0.0279 s::foreach::-->
<!--::result::time::08:00:26::work: 0.0953 s::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::App\Service\Components\News\N01::-->
<!--::result::time::08:00:26::getChildsMapIds::-->
<!--::result::time::08:00:26::work: 0.0019 s::getChildsMapIds::-->
<!--::result::time::08:00:26::getPagesByCategoryLimit::-->
<!--::result::time::08:00:27::work: 0.0597 s::getPagesByCategoryLimit::-->
<!--::result::time::08:00:27::foreach::-->
<!--::result::time::08:00:27::work: 0.0274 s::foreach::-->
<!--::result::time::08:00:27::work: 0.0897 s::App\Service\Components\News\N01::-->
<!--::result::time::08:00:27::App\Service\Components\News\N01::-->
<!--::result::time::08:00:27::work: 0.0259 s::App\Service\Components\News\N01::-->
<!--::result::time::08:00:27::App\Service\Components\News\N05::-->
<!--::result::time::08:00:27::work: 0.0187 s::App\Service\Components\News\N05::-->
<!--::result::time::08:00:27::App\Service\Components\News\N05::-->
<!--::result::time::08:00:27::getChildsMapIds::-->
<!--::result::time::08:00:27::work: 0.0006 s::getChildsMapIds::-->
<!--::result::time::08:00:27::getPagesByCategoryLimit::-->
<!--::result::time::08:00:27::work: 0.0415 s::getPagesByCategoryLimit::-->
<!--::result::time::08:00:27::foreach::-->
<!--::result::time::08:00:27::work: 0.0203 s::foreach::-->
<!--::result::time::08:00:27::work: 0.0636 s::App\Service\Components\News\N05::-->
<!--::result::time::08:00:27::App\Service\Components\News\N01::-->
<!--::result::time::08:00:27::getChildsMapIds::-->
<!--::result::time::08:00:27::work: 0.0105 s::getChildsMapIds::-->
<!--::result::time::08:00:27::getPagesByCategoryLimit::-->
<!--::result::time::08:00:27::work: 0.0491 s::getPagesByCategoryLimit::-->
<!--::result::time::08:00:27::foreach::-->
<!--::result::time::08:00:27::work: 0.0407 s::foreach::-->
<!--::result::time::08:00:27::work: 0.1025 s::App\Service\Components\News\N01::-->
<!--::result::time::08:00:27::App\Service\Components\News\N05::-->
<!--::result::time::08:00:27::getChildsMapIds::-->
<!--::result::time::08:00:27::work: 0.0005 s::getChildsMapIds::-->
<!--::result::time::08:00:27::getPagesByCategoryLimit::-->
<!--::result::time::08:00:27::work: 0.278 s::getPagesByCategoryLimit::-->
<!--::result::time::08:00:27::foreach::-->
<!--::result::time::08:00:27::work: 0.1128 s::foreach::-->
<!--::result::time::08:00:27::work: 0.3929 s::App\Service\Components\News\N05::-->
<!--::result::time::08:00:27::work: 1.6439 s::-->
<!--::result::time::08:00:27::render work: 0.0112 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" />

        
        <style>
            @import url('https://fonts.googleapis.com/css?family=Marck Script&display=swap&subset=cyrillic');
            .navbar .navbar-nav .nav-link {
                font-size: 14px;
            }
            .profile.pr-i .widget.category-child .title {
                background: transparent;
            }
            .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-822-0 {width:95%}
.row-k-style-822-0 {background: linear-gradient(#edaf00,#edaf00)}
.row-k-width-822-1 {width:95%}
.row-k-style-822-1 {background: linear-gradient(#0068b2,#0068b2)}
.row-k-width-822-2 {width:95%}
.row-k-style-822-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-822-3 {width:95%}
.row-k-style-822-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-823-0 {width:95%}
.row-k-style-823-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-823-1 {width:95%}
.row-k-style-823-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-823-2 {width:95%}
.row-k-style-823-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-823-3 {width:95%}
.row-k-style-823-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-823-4 {width:95%}
.row-k-style-823-4 {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: 999;
                width: 100%;
                top: 0;
                padding: 5px;
                box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
            }
        </style>
    
                    <script src="/assets-param/style/const"></script>
        
                                                                        		            <link rel="preload" href="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/1aff0666a64556c02c762a97eeb2178f.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/news-derzhava-pravookhoronni-orhany/104190-na-v-nnic-komu-vokzal-znayshli-zh-nku-scho-perebuvala-u-rozshuku.html">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/1aff0666a64556c02c762a97eeb2178f.jpeg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/1aff0666a64556c02c762a97eeb2178f.jpeg&size=1000<&ios=false">
			<meta property="og:site_name" content="Новини України. Новини Києва. Новини України та світу. Новини Дніпра. Інформаційне агентство. Останні новини. Верховна рада. Кабінет Міністрів. Президент. Вибори депутатів верховної ради.">
			
                </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-822-0 row-k-style" id="row-k-style-822-0">
            <div class="row-k-width-822-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1786.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--1786 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1786.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1786.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1786.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1786 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #ffffff;
    }
    .widjetComponent--1786 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent1786 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1786 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1786 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1786 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1786 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1786" once="menu" id="menu1786-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="#navbarSupportedContent1786"
                aria-controls="navbarSupportedContent1786" 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="navbarSupportedContent1786">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/contact">Контакти</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/about-company">Про компанію</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1787.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: center;
        -webkit-justify-content: center;
    }
    .widjetComponent--1787 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1787.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1787.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1787.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1787 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #ffffff;
    }
    .widjetComponent--1787 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent1787 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1787 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1787 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1787 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1787 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1787" once="menu" id="menu1787-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="#navbarSupportedContent1787"
                aria-controls="navbarSupportedContent1787" 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="navbarSupportedContent1787">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1788.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1788 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1788.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1788.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1788.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1788 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #ffffff;
    }
    .widjetComponent--1788 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent1788 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1788 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1788 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1788 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1788 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1788" once="menu" id="menu1788-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="#navbarSupportedContent1788"
                aria-controls="navbarSupportedContent1788" 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="navbarSupportedContent1788">
            <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-822-1 row-k-style" id="row-k-style-822-1">
            <div class="row-k-width-822-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--1789.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--1789 .logo-text {
        margin-left: 25px;    }
    </style>
<a class="widjetComponent--1789 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.07.2020/87700328aa1119d6327dd73919fd0c5d.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.07.2020/87700328aa1119d6327dd73919fd0c5d.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.07.2020/87700328aa1119d6327dd73919fd0c5d.png&size=<<340 340w">
            <span class="logo-text">News Ukraine</span>
    </a>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-8 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1791 {
        background: transparent;
    }
    .widjetComponent--1791 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1791 .navbar-toggleable-sm .navbar-nav .nav-link,
    .widjetComponent--1791 .nav-dropdown>li>a {
        padding: 15px 5px 15px 5px;
        color: #ffffff;
        position: relative;
        font-size: 16px;
        margin: 0;
    }
    .widjetComponent--1791 .navbar-toggleable-sm .navbar-nav .nav-link:hover,
    .widjetComponent--1791 .nav-dropdown>li>a:hover {
        padding: 15px 5px 15px 5px;
        color: #1d5072;
        margin: 0;
        background: #ffffff;
    }
    .widjetComponent--1791 .navbar-toggleable-sm {
        padding-top: 0;
        padding-bottom: 0;
    }
    .widjetComponent--1791 .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--1791 .nav-item.dropdown.open .dropdown-menu a {
        display: inline-block;
        padding: 15px 15px;
        width: auto;
    }
    .widjetComponent--1791 .nav-item.dropdown.open .dropdown-menu a:hover {
        background: #ffffff;
        color: #54a1d4;
    }
    .widjetComponent--1791 .dropdown {
        position: initial;
    }
    .widjetComponent--1791 .navbar,
    section.menu.widjetComponent--1791 {
        position: initial;
    }
    .widjetComponent--1791 .search-item .form-search {
        display: none;
    }
</style>
<section class="menu widjetComponent--1791">
    <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="#navbarSupportedContent1791"
                aria-controls="navbarSupportedContent1791" 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="navbarSupportedContent1791">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/video"
                               data-toggle="dropdown-submenu" aria-expanded="false">Відео новини</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/video-news-press-center">Прес-центр</a>
                                                                    <a class="dropdown-item" href="/video-politika">Політика</a>
                                                                    <a class="dropdown-item" href="/video-suspilstvo">Суспільство</a>
                                                                    <a class="dropdown-item" href="/video-ekonomika">Економіка</a>
                                                                    <a class="dropdown-item" href="/video-tekhnologiji">Технології</a>
                                                                    <a class="dropdown-item" href="/video-sport">Спорт</a>
                                                                    <a class="dropdown-item" href="/video-shou-biznes">Шоу бізнес</a>
                                                                    <a class="dropdown-item" href="/video-derzhava">Держава</a>
                                                                    <a class="dropdown-item" href="/video-streams">Стріми</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-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-prezydent-ukrayiny">Президент України</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-uryad">Уряд</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-verkhovna-rada-ukrayiny">Верховна Рада України</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-rehiony-ukrayiny">Регіони України</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-derzhavni-administratsiyi">Державні адміністрації</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-afu">Міністерство оборони України</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-pravookhoronni-orhany">Правоохоронні органи</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-nadzvychayna-sytuatsiya">Надзвичайна ситуація</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-suspilstvo"
                               data-toggle="dropdown-submenu" aria-expanded="false">Суспільство</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-suspilstvo-medicine">Медицина</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-science">Наука</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-education">Освіта</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-ecology">Екологія</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>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-blagodiynist">Благодійність</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-finances">Фінанси</a>
                                                                    <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-transport">Транспорт</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>
                                                                    <a class="dropdown-item" href="/news-ekonomika-enerhetyka">Енергетика</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-basketball">Баскетбол</a>
                                                                    <a class="dropdown-item" href="/news-sport-boxing">Бокс</a>
                                                                    <a class="dropdown-item" href="/news-sport-tennis">Теніс</a>
                                                                    <a class="dropdown-item" href="/news-sport-auto-moto">Авто Мото</a>
                                                                    <a class="dropdown-item" href="/news-sport-championships">Чемпіонати</a>
                                                                    <a class="dropdown-item" href="/news-sport-football">Футбол</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-shou-biznes"
                               data-toggle="dropdown-submenu" aria-expanded="false">Шоу бізнес</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-shou-biznes-secular-news">Світські новини</a>
                                                                    <a class="dropdown-item" href="/news-shou-biznes-star-style">Зірковий стиль</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--1791').parent().parent().css('position', 'initial')
        });
    });

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

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

</style>
<section class="widjet-component-inner widjetComponent--1792">
            <style>
        .widjetComponent--title--1792.widget-title-base {
            color: #0068b2;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #0068b2;
            text-align: flex-start;
        }
        .widjetComponent--title--1792.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
        <h4 class="widjetComponent--title--1792 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="/news-derzhava-pravookhoronni-orhany/104190-na-v-nnic-komu-vokzal-znayshli-zh-nku-scho-perebuvala-u-rozshuku.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/1aff0666a64556c02c762a97eeb2178f.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>
</section>

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

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

</style>
<section class="widjet-component-inner widjetComponent--2388">
            <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-suspilstvo-events/104189-z-stih-ynogo-kar-ru-na-v-nnichchin-vikrali-tonni-p-sku.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/8e084cd2725bcdf4f9bb0536d94e1994.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">
                                    

&nbsp;
Конфуз трапився у селі Ракова, Томашківського району Вінницької області. Правоохоронці вночі затримали &laquo;на гарячому&raquo; &nbsp;крадіїв. На місці злочину було...
                                </div>
                            </div>

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

                                                                            <style>
.widjet-component-inner.widjetComponent--1804 {
       padding: 10px 0;
	   padding-bottom: 0;
    }

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

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

.theo-primary-color, .theo-upnext-panel .theo-upnext-panel-content .theo-upnext-panel-autoplay, .theoplayer-skin .theo-settings-control-menu-item-hd-label, .theoplayer-skin .theo-settings-control-menu-item-value, .theoplayer-skin .vjs-volume-level, .theoplayer-skin .vjs-play-progress, .theoplayer-skin .vjs-slider-bar, .theoplayer-skin .vjs-big-play-button {
    color: #ffffff !important;
}
</style>
<section class="widjet-component-inner widjetComponent--1804">
    <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>
        </video>
        <div id="video-streem"></div>
    </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;
                    });

                    $.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 THEOplayer !== 'undefined') {
                            clearInterval(pltime);
                            initPlayer();
                        }
                    }, 1000);
                }

            });
        });

   // }, 5000);
</script>

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

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

            }

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

            if ($('#streem_append_block-3267').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-3267 .entry").remove();');
                                $('#streem_append_block-3267 .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-3267').append(curstr);

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

                                                                            <style>
    .widjetComponent--1794 .post-image img {
        width: 100%;
    }
    .widjetComponent--1794 .post-image a {
        display: block;
    }
    .widjetComponent--1794 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1794 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1794 .widget-title a {
        color: #1b2559;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1794 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1794 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1794 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1794 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1794 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1794 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1794 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1794 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1794">
            <style>
        .widjetComponent--title--1794.widget-title-base {
            color: #0068b2;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #edaf00;
            text-align: flex-start;
        }
        .widjetComponent--title--1794.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/video" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1794 widget-title-base">
        <span>ВIДЕО НОВИНИ</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava-pravookhoronni-orhany/104160-zhahliva-avar-ya-v-chern-g-vs-k-y-oblast.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/07.12.2021/844811525fc3977230cf67fcc2b0d90a/09ed80c4930e59ce3797f3a6655fc0fe.mp4"
                               data-videoid="2898"
                               data-videoHLS=""
                               data-link="/video-derzhava-pravookhoronni-orhany/104160-zhahliva-avar-ya-v-chern-g-vs-k-y-oblast.html"
                               title="Жахлива аварія в Чернігівській області "
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/07.12.2021/844811525fc3977230cf67fcc2b0d90a/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/07.12.2021/844811525fc3977230cf67fcc2b0d90a/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/07.12.2021/844811525fc3977230cf67fcc2b0d90a/a83d17c4ca9678552299e1716dc678b7_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Жахлива аварія в Чернігівській області ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava-pravookhoronni-orhany/104160-zhahliva-avar-ya-v-chern-g-vs-k-y-oblast.html" title="Жахлива аварія в Чернігівській області ">Жахлива аварія в Чернігівській області </a>
                            <!--<a href="/video-derzhava-pravookhoronni-orhany/104160-zhahliva-avar-ya-v-chern-g-vs-k-y-oblast.html" title="Жахлива аварія в Чернігівській області ">Жахлива аварія в Чернігівській області </a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava-afu/104037-priv-tannya-komanduvacha-ob-dnanih-sil-zbroynih-sil-ukra-ni.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/05.12.2021/46349d36ff991ab6a432a2f6d6c26e6f/d2fb542cb5e5b737405fd80195a7ec37.mp4"
                               data-videoid="2897"
                               data-videoHLS=""
                               data-link="/video-derzhava-afu/104037-priv-tannya-komanduvacha-ob-dnanih-sil-zbroynih-sil-ukra-ni.html"
                               title="ПРИВІТАННЯ КОМАНДУВАЧА ОБ’ЄДНАНИХ СИЛ ЗБРОЙНИХ СИЛ УКРАЇНИ"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/05.12.2021/46349d36ff991ab6a432a2f6d6c26e6f/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/05.12.2021/46349d36ff991ab6a432a2f6d6c26e6f/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/05.12.2021/46349d36ff991ab6a432a2f6d6c26e6f/3410bc354bfd2addb17d6a2333da96fa_poster.jpg&amp;size=205x135" class="wp-post-image" alt="ПРИВІТАННЯ КОМАНДУВАЧА ОБ’ЄДНАНИХ СИЛ ЗБРОЙНИХ СИЛ УКРАЇНИ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava-afu" class="post_term category investing">Міністерство оборони України</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava-afu/104037-priv-tannya-komanduvacha-ob-dnanih-sil-zbroynih-sil-ukra-ni.html" title="ПРИВІТАННЯ КОМАНДУВАЧА ОБ’ЄДНАНИХ СИЛ ЗБРОЙНИХ СИЛ УКРАЇНИ">ПРИВІТАННЯ КОМАНДУВАЧА ОБ’ЄДНАНИХ СИЛ ЗБРОЙНИХ СИЛ УКРАЇНИ</a>
                            <!--<a href="/video-derzhava-afu/104037-priv-tannya-komanduvacha-ob-dnanih-sil-zbroynih-sil-ukra-ni.html" title="ПРИВІТАННЯ КОМАНДУВАЧА ОБ’ЄДНАНИХ СИЛ ЗБРОЙНИХ СИЛ УКРАЇНИ">ПРИВІТАННЯ КОМАНДУВАЧА ОБ’ЄДНАНИХ СИЛ ЗБРОЙНИХ СИЛ УКРАЇНИ</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava-uryad/103921-dek-l-ka-oblastey-ukra-ni-mozhut-viyti-z-chervono-zoni-karantinu.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/02.12.2021/eb92436b5353145074a929471f9a1323/f8a2a04cd790e66ec82b00c05a48e143.mp4"
                               data-videoid="2878"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/02.12.2021/eb92436b5353145074a929471f9a1323/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava-uryad/103921-dek-l-ka-oblastey-ukra-ni-mozhut-viyti-z-chervono-zoni-karantinu.html"
                               title="Декілька областей України можуть вийти із "червоної" зони карантину"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.12.2021/eb92436b5353145074a929471f9a1323/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/02.12.2021/eb92436b5353145074a929471f9a1323/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.12.2021/eb92436b5353145074a929471f9a1323/56d35fdb5a82961aad3237507a63e37b_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Декілька областей України можуть вийти із "червоної" зони карантину">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava-uryad" class="post_term category investing">Уряд</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava-uryad/103921-dek-l-ka-oblastey-ukra-ni-mozhut-viyti-z-chervono-zoni-karantinu.html" title="Декілька областей України можуть вийти із "червоної" зони карантину">Декілька областей України можуть вийти із "червоної" зони карантину</a>
                            <!--<a href="/video-derzhava-uryad/103921-dek-l-ka-oblastey-ukra-ni-mozhut-viyti-z-chervono-zoni-karantinu.html" title="Декілька областей України можуть вийти із &quot;червоної&quot; зони карантину">Декілька областей України можуть вийти із "червоної" зони...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava-afu/103891-rankove-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-7-00-2-grudnya-2021-roku.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/02.12.2021/ec45d887dac183d74b88b4cefa9d2dd3/dfb60ec17f61f9171c4d3740d2f4bf0f.jpeg"
                               data-videoid="2873"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/02.12.2021/ec45d887dac183d74b88b4cefa9d2dd3/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava-afu/103891-rankove-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-7-00-2-grudnya-2021-roku.html"
                               title="Ранкове зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 7.00  2 грудня 2021 року"
                               data-videothumbnails=""
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/02.12.2021/ec45d887dac183d74b88b4cefa9d2dd3/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.12.2021/ec45d887dac183d74b88b4cefa9d2dd3/ad3e31658f7183a5cd5ca86d6487f7e4_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Ранкове зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 7.00  2 грудня 2021 року">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava-afu" class="post_term category investing">Міністерство оборони України</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava-afu/103891-rankove-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-7-00-2-grudnya-2021-roku.html" title="Ранкове зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 7.00  2 грудня 2021 року">Ранкове зведення щодо ситуації в районі проведення операції Об’єднаних...</a>
                            <!--<a href="/video-derzhava-afu/103891-rankove-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-7-00-2-grudnya-2021-roku.html" title="Ранкове зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 7.00  2 грудня 2021 року">Ранкове зведення щодо ситуації в районі проведення операції...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava-pravookhoronni-orhany/103923-pol-c-ya-vikrila-tretyu-feykovu-d-yu-z-p-drobnimi-covid-sertif-katami.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/02.12.2021/a4d4f9170e2ddae98901ea3f2f7257b6/c58be868351fed936e19d3f7af0884da.mp4"
                               data-videoid="2880"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/02.12.2021/a4d4f9170e2ddae98901ea3f2f7257b6/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava-pravookhoronni-orhany/103923-pol-c-ya-vikrila-tretyu-feykovu-d-yu-z-p-drobnimi-covid-sertif-katami.html"
                               title="Поліція викрила третю фейкову "Дію" із підробними COVID-сертифікатами"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.12.2021/a4d4f9170e2ddae98901ea3f2f7257b6/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/02.12.2021/a4d4f9170e2ddae98901ea3f2f7257b6/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.12.2021/a4d4f9170e2ddae98901ea3f2f7257b6/ad71469c67fc299064e4d0e12bb2a9ef_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Поліція викрила третю фейкову "Дію" із підробними COVID-сертифікатами">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava-pravookhoronni-orhany/103923-pol-c-ya-vikrila-tretyu-feykovu-d-yu-z-p-drobnimi-covid-sertif-katami.html" title="Поліція викрила третю фейкову "Дію" із підробними COVID-сертифікатами">Поліція викрила третю фейкову "Дію" із підробними COVID-сертифікатами</a>
                            <!--<a href="/video-derzhava-pravookhoronni-orhany/103923-pol-c-ya-vikrila-tretyu-feykovu-d-yu-z-p-drobnimi-covid-sertif-katami.html" title="Поліція викрила третю фейкову &quot;Дію&quot; із підробними COVID-сертифікатами">Поліція викрила третю фейкову "Дію" із підробними COVID-сертифікатами</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo-culture/103924-na-ternop-l-schin-viyavili-un-kal-nu-znah-dku.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/02.12.2021/8b93ff9b7e8bb2ed5941d8ee66308d10/6333b82d314d6744b3c42329a27a0d2f.mp4"
                               data-videoid="2881"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/02.12.2021/8b93ff9b7e8bb2ed5941d8ee66308d10/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo-culture/103924-na-ternop-l-schin-viyavili-un-kal-nu-znah-dku.html"
                               title="На Тернопільщині виявили унікальну знахідку"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.12.2021/8b93ff9b7e8bb2ed5941d8ee66308d10/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/02.12.2021/8b93ff9b7e8bb2ed5941d8ee66308d10/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.12.2021/8b93ff9b7e8bb2ed5941d8ee66308d10/5235b0b686c8bb61956279a40ff116ba_poster.jpg&amp;size=205x135" class="wp-post-image" alt="На Тернопільщині виявили унікальну знахідку">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo-culture" class="post_term category investing">Культура</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo-culture/103924-na-ternop-l-schin-viyavili-un-kal-nu-znah-dku.html" title="На Тернопільщині виявили унікальну знахідку">На Тернопільщині виявили унікальну знахідку</a>
                            <!--<a href="/video-suspilstvo-culture/103924-na-ternop-l-schin-viyavili-un-kal-nu-znah-dku.html" title="На Тернопільщині виявили унікальну знахідку">На Тернопільщині виявили унікальну знахідку</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava-uryad/103936-oon-viznala-ukra-nu-odn-yu-z-l-der-v-z-vimirannya-naselennya.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/02.12.2021/19ce1a645c5f3e811386ddcd429fbe3b/865c064a5b61bccec0640d33f4a1943f.mp4"
                               data-videoid="2886"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/02.12.2021/19ce1a645c5f3e811386ddcd429fbe3b/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava-uryad/103936-oon-viznala-ukra-nu-odn-yu-z-l-der-v-z-vimirannya-naselennya.html"
                               title="ООН визнала Україну однією з лідерів із вимирання населення"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.12.2021/19ce1a645c5f3e811386ddcd429fbe3b/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/02.12.2021/19ce1a645c5f3e811386ddcd429fbe3b/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.12.2021/19ce1a645c5f3e811386ddcd429fbe3b/9d666a76f05f3fe5cc1cad6eaabdfed3_poster.jpg&amp;size=205x135" class="wp-post-image" alt="ООН визнала Україну однією з лідерів із вимирання населення">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava-uryad" class="post_term category investing">Уряд</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava-uryad/103936-oon-viznala-ukra-nu-odn-yu-z-l-der-v-z-vimirannya-naselennya.html" title="ООН визнала Україну однією з лідерів із вимирання населення">ООН визнала Україну однією з лідерів із вимирання населення</a>
                            <!--<a href="/video-derzhava-uryad/103936-oon-viznala-ukra-nu-odn-yu-z-l-der-v-z-vimirannya-naselennya.html" title="ООН визнала Україну однією з лідерів із вимирання населення">ООН визнала Україну однією з лідерів із вимирання населення</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo-ecology/103929-u-kanad-ozero-vkrilosya-krizhanimi-kulyami.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/02.12.2021/f0b183cba88c79e27ef0bf208f9a5495/15845b2c704a1ca17788fa3251fd5810.mp4"
                               data-videoid="2883"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/02.12.2021/f0b183cba88c79e27ef0bf208f9a5495/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo-ecology/103929-u-kanad-ozero-vkrilosya-krizhanimi-kulyami.html"
                               title="У Канаді озеро вкрилося крижаними кулями"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.12.2021/f0b183cba88c79e27ef0bf208f9a5495/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/02.12.2021/f0b183cba88c79e27ef0bf208f9a5495/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.12.2021/f0b183cba88c79e27ef0bf208f9a5495/4c494f1e8b23a7400dfbdcc8f7cc247f_poster.jpg&amp;size=205x135" class="wp-post-image" alt="У Канаді озеро вкрилося крижаними кулями">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo-ecology" class="post_term category investing">Екологія</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo-ecology/103929-u-kanad-ozero-vkrilosya-krizhanimi-kulyami.html" title="У Канаді озеро вкрилося крижаними кулями">У Канаді озеро вкрилося крижаними кулями</a>
                            <!--<a href="/video-suspilstvo-ecology/103929-u-kanad-ozero-vkrilosya-krizhanimi-kulyami.html" title="У Канаді озеро вкрилося крижаними кулями">У Канаді озеро вкрилося крижаними кулями</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo-events/103931-kompan-ya-pfizer-zmozhe-adaptuvati-svoyu-vakcinu-do-novogo-covid-shtamu-om-kron.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/02.12.2021/5fde90c09d02d9020c6e44a5786d2435/565e542a8c333d92bb8ffc500c27d035.mp4"
                               data-videoid="2884"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/02.12.2021/5fde90c09d02d9020c6e44a5786d2435/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo-events/103931-kompan-ya-pfizer-zmozhe-adaptuvati-svoyu-vakcinu-do-novogo-covid-shtamu-om-kron.html"
                               title="Компанія Pfizer зможе адаптувати свою вакцину до нового COVID-штаму "омікрон""
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.12.2021/5fde90c09d02d9020c6e44a5786d2435/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/02.12.2021/5fde90c09d02d9020c6e44a5786d2435/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.12.2021/5fde90c09d02d9020c6e44a5786d2435/dc86d8811d620ee429a298ea1d1ea5c8_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Компанія Pfizer зможе адаптувати свою вакцину до нового COVID-штаму "омікрон"">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo-events/103931-kompan-ya-pfizer-zmozhe-adaptuvati-svoyu-vakcinu-do-novogo-covid-shtamu-om-kron.html" title="Компанія Pfizer зможе адаптувати свою вакцину до нового COVID-штаму "омікрон"">Компанія Pfizer зможе адаптувати свою вакцину до нового COVID-штаму "омікрон"</a>
                            <!--<a href="/video-suspilstvo-events/103931-kompan-ya-pfizer-zmozhe-adaptuvati-svoyu-vakcinu-do-novogo-covid-shtamu-om-kron.html" title="Компанія Pfizer зможе адаптувати свою вакцину до нового COVID-штаму &quot;омікрон&quot;">Компанія Pfizer зможе адаптувати свою вакцину до нового...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo-ecology/103917-v-ukra-n-vipav-pershiy-sn-g.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/02.12.2021/ad4cad157969a7d8036acfdaf691d7de/4f1a2c2e0b3bf2e910c57754dab60b0e.mp4"
                               data-videoid="2874"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/02.12.2021/ad4cad157969a7d8036acfdaf691d7de/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo-ecology/103917-v-ukra-n-vipav-pershiy-sn-g.html"
                               title="В Україні випав перший сніг"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.12.2021/ad4cad157969a7d8036acfdaf691d7de/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/02.12.2021/ad4cad157969a7d8036acfdaf691d7de/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.12.2021/ad4cad157969a7d8036acfdaf691d7de/9f0c2c4f982103a418c79d95466699cc_poster.jpg&amp;size=205x135" class="wp-post-image" alt="В Україні випав перший сніг">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo-ecology" class="post_term category investing">Екологія</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo-ecology/103917-v-ukra-n-vipav-pershiy-sn-g.html" title="В Україні випав перший сніг">В Україні випав перший сніг</a>
                            <!--<a href="/video-suspilstvo-ecology/103917-v-ukra-n-vipav-pershiy-sn-g.html" title="В Україні випав перший сніг">В Україні випав перший сніг</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava-verkhovna-rada-ukrayiny/103850-m-ting-p-d-st-nami-verhovno-radi.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/01.12.2021/d3b0957126b437ff818cb29e97d1986e/686bd811e3dd0611b9737df3438c8529.mp4"
                               data-videoid="2871"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/01.12.2021/d3b0957126b437ff818cb29e97d1986e/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava-verkhovna-rada-ukrayiny/103850-m-ting-p-d-st-nami-verhovno-radi.html"
                               title="Мітинг під стінами Верховної ради"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/01.12.2021/d3b0957126b437ff818cb29e97d1986e/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/01.12.2021/d3b0957126b437ff818cb29e97d1986e/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/01.12.2021/d3b0957126b437ff818cb29e97d1986e/9901bda13c14c06f45675fc7f6cbe098_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Мітинг під стінами Верховної ради">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava-verkhovna-rada-ukrayiny" class="post_term category investing">Верховна Рада України</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava-verkhovna-rada-ukrayiny/103850-m-ting-p-d-st-nami-verhovno-radi.html" title="Мітинг під стінами Верховної ради">Мітинг під стінами Верховної ради</a>
                            <!--<a href="/video-derzhava-verkhovna-rada-ukrayiny/103850-m-ting-p-d-st-nami-verhovno-radi.html" title="Мітинг під стінами Верховної ради">Мітинг під стінами Верховної ради</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava-pravookhoronni-orhany/103816-k-berpol-c-ya-ki-vschini-zupinila-d-yal-n-st-shahrays-kogo-kol-centru.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/01.12.2021/a16241cb3bff64b52dfed93f13aea050/07cc4d294c8a539ff2b7149d6794746a.mp4"
                               data-videoid="2862"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/01.12.2021/a16241cb3bff64b52dfed93f13aea050/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava-pravookhoronni-orhany/103816-k-berpol-c-ya-ki-vschini-zupinila-d-yal-n-st-shahrays-kogo-kol-centru.html"
                               title="Кіберполіція Київщини зупинила діяльність шахрайського кол-центру"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/01.12.2021/a16241cb3bff64b52dfed93f13aea050/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/30.11.2021/2e79460197a078aa2d4c92e91c0296cf/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/01.12.2021/a16241cb3bff64b52dfed93f13aea050/704285ad11d6175c1ffc603353736805_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Кіберполіція Київщини зупинила діяльність шахрайського кол-центру">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava-pravookhoronni-orhany/103816-k-berpol-c-ya-ki-vschini-zupinila-d-yal-n-st-shahrays-kogo-kol-centru.html" title="Кіберполіція Київщини зупинила діяльність шахрайського кол-центру">Кіберполіція Київщини зупинила діяльність шахрайського кол-центру</a>
                            <!--<a href="/video-derzhava-pravookhoronni-orhany/103816-k-berpol-c-ya-ki-vschini-zupinila-d-yal-n-st-shahrays-kogo-kol-centru.html" title="Кіберполіція Київщини зупинила діяльність шахрайського кол-центру">Кіберполіція Київщини зупинила діяльність шахрайського кол-центру</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1794').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-1794 .entry").remove();');
                                $('#streem_append_block-1794 .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-1794').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-823-2 row-k-style" id="row-k-style-823-2">
            <div class="row-k-width-823-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-height no-height no-height no-height no-height no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1800 .post-image img {
        width: 100%;
    }
    .widjetComponent--1800 .post-image a {
        display: block;
    }
    .widjetComponent--1800 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1800 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1800 .widget-title a {
        color: #1d2073;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1800 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1800 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1800 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1800 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1800 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1800 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1800 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1800 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1800">
            <style>
        .widjetComponent--title--1800.widget-title-base {
            color: #0068b2;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #edaf00;
            text-align: flex-start;
        }
        .widjetComponent--title--1800.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-polityka" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1800 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-vnutrishnya-polityka/103812-persh-zach-pki-v-d-l-pro-zamah-na-shef-ra-chi-pol-tichn-sutichki-m-zh-vladoyu-ta-part-yu-vropeys-ka-sol-dn-st.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.11.2021/e3b55ea0282bb1ba3ec52006f28044be.jpeg&amp;size=320x210" class="wp-post-image" alt="Перші зачіпки в ділі про замах на Шефіра чи політичні сутички між владою та партією «Європейська солідність»? ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-vnutrishnya-polityka" class="post_term category investing">Внутрішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-vnutrishnya-polityka/103812-persh-zach-pki-v-d-l-pro-zamah-na-shef-ra-chi-pol-tichn-sutichki-m-zh-vladoyu-ta-part-yu-vropeys-ka-sol-dn-st.html" title="Перші зачіпки в ділі про замах на Шефіра чи політичні сутички між владою та партією «Європейська солідність»? ">Перші зачіпки в ділі про замах на Шефіра чи політичні сутички між владою...</a>
                            <!--<a href="/news-polityka-vnutrishnya-polityka/103812-persh-zach-pki-v-d-l-pro-zamah-na-shef-ra-chi-pol-tichn-sutichki-m-zh-vladoyu-ta-part-yu-vropeys-ka-sol-dn-st.html" title="Перші зачіпки в ділі про замах на Шефіра чи політичні сутички між владою та партією «Європейська солідність»? ">Перші зачіпки в ділі про замах на Шефіра чи політичні сутички...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/103063-v-zit-v-ce-prezidenta-ssha-do-franc-ne-vir-shit-krizi-dov-ri-u-sistem-al-yans-v-ssha.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.11.2021/3d84bb31880376edfc1600d0c5b0d1c6.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/103063-v-zit-v-ce-prezidenta-ssha-do-franc-ne-vir-shit-krizi-dov-ri-u-sistem-al-yans-v-ssha.html" title="Візит віце-президента США до Франції не вирішить кризи довіри у системі альянсів США">Візит віце-президента США до Франції не вирішить кризи довіри у системі...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/103063-v-zit-v-ce-prezidenta-ssha-do-franc-ne-vir-shit-krizi-dov-ri-u-sistem-al-yans-v-ssha.html" title="Візит віце-президента США до Франції не вирішить кризи довіри у системі альянсів США">Візит віце-президента США до Франції не вирішить кризи довіри...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/103066-m-n-str-torg-vl-kanadi-na-konferenc-sv-tovo-organ-zac-torg-vl-zdivovana-novoyu-pol-tikoyu-ssha.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.11.2021/e29450cc8285bc2511092fc9357c7fd2.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/103066-m-n-str-torg-vl-kanadi-na-konferenc-sv-tovo-organ-zac-torg-vl-zdivovana-novoyu-pol-tikoyu-ssha.html" title="Міністр торгівлі Канади на конференції Світової організації торгівлі здивована новою політикою США">Міністр торгівлі Канади на конференції Світової організації торгівлі здивована...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/103066-m-n-str-torg-vl-kanadi-na-konferenc-sv-tovo-organ-zac-torg-vl-zdivovana-novoyu-pol-tikoyu-ssha.html" title="Міністр торгівлі Канади на конференції Світової організації торгівлі здивована новою політикою США">Міністр торгівлі Канади на конференції Світової організації...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/102103-ros-ys-ka-druzhba-z-k-l-koma-krapkami.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.10.2021/f652d3102d7d564d50a02c7a0332fb5c.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/102103-ros-ys-ka-druzhba-z-k-l-koma-krapkami.html" title="Російська дружба з кількома крапками">Російська дружба з кількома крапками</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/102103-ros-ys-ka-druzhba-z-k-l-koma-krapkami.html" title="Російська дружба з кількома крапками">Російська дружба з кількома крапками</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1800').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-1800 .entry").remove();');
                                $('#streem_append_block-1800 .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-1800').append(curstr);

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

                                                                            <style>
    .widjetComponent--1795 .post-image img {
        width: 100%;
    }
    .widjetComponent--1795 .post-image a {
        display: block;
    }
    .widjetComponent--1795 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1795 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1795 .widget-title a {
        color: #1b2559;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1795 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1795 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1795 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1795 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1795 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1795 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1795 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1795 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1795">
            <style>
        .widjetComponent--title--1795.widget-title-base {
            color: #0068b2;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #edaf00;
            text-align: flex-start;
        }
        .widjetComponent--title--1795.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1795 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/104190-na-v-nnic-komu-vokzal-znayshli-zh-nku-scho-perebuvala-u-rozshuku.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/1aff0666a64556c02c762a97eeb2178f.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/104190-na-v-nnic-komu-vokzal-znayshli-zh-nku-scho-perebuvala-u-rozshuku.html" title="На Вінницькому вокзалі знайшли жінку, що перебувала у розшуку">На Вінницькому вокзалі знайшли жінку, що перебувала у розшуку</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/104190-na-v-nnic-komu-vokzal-znayshli-zh-nku-scho-perebuvala-u-rozshuku.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-afu/104183-vech-rn-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-17-00-7-grudnya-2021-roku.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/69443d6681d819a46c54a5a17f3fa5df.jpeg&amp;size=320x210" class="wp-post-image" alt="Вечірнє зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 17.00 7 грудня 2021 року">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-afu" class="post_term category investing">Міністерство оборони України</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-afu/104183-vech-rn-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-17-00-7-grudnya-2021-roku.html" title="Вечірнє зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 17.00 7 грудня 2021 року">Вечірнє зведення щодо ситуації в районі проведення операції Об’єднаних...</a>
                            <!--<a href="/news-derzhava-afu/104183-vech-rn-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-17-00-7-grudnya-2021-roku.html" title="Вечірнє зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 17.00 7 грудня 2021 року">Вечірнє зведення щодо ситуації в районі проведення операції...</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-uryad/104151-zapituvali_v-dpov-da-mo-yak-otrimati-dov-dku-pro-nayavnu-zaborgovan-st-po-al-mentam.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/be3c853279e7c5b69594f9a5080d36d3.png&amp;size=320x210" class="wp-post-image" alt="#Запитували_відповідаємо.  Як отримати довідку про наявну заборгованість по аліментам?">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-uryad" class="post_term category investing">Уряд</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-uryad/104151-zapituvali_v-dpov-da-mo-yak-otrimati-dov-dku-pro-nayavnu-zaborgovan-st-po-al-mentam.html" title="#Запитували_відповідаємо.  Як отримати довідку про наявну заборгованість по аліментам?">#Запитували_відповідаємо.  Як отримати довідку про наявну заборгованість...</a>
                            <!--<a href="/news-derzhava-uryad/104151-zapituvali_v-dpov-da-mo-yak-otrimati-dov-dku-pro-nayavnu-zaborgovan-st-po-al-mentam.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/104137-ukra-nc-vstanovili-c-ogor-chniy-antirekord-namagalisya-v-listopad-pronesti-do-organ-v-ta-ustanov-sistemi-pravosuddya-mayzhe-14-tisyach-zaboronenih-predmet-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/df73bec7b2e11d7d01c6c15d07401e05.jpeg&amp;size=320x210" class="wp-post-image" alt="Українці встановили цьогорічний антирекорд: намагалися в листопаді пронести до органів та установ системи правосуддя майже 14 тисяч заборонених предметів ">
                        </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/104137-ukra-nc-vstanovili-c-ogor-chniy-antirekord-namagalisya-v-listopad-pronesti-do-organ-v-ta-ustanov-sistemi-pravosuddya-mayzhe-14-tisyach-zaboronenih-predmet-v.html" title="Українці встановили цьогорічний антирекорд: намагалися в листопаді пронести до органів та установ системи правосуддя майже 14 тисяч заборонених предметів ">Українці встановили цьогорічний антирекорд: намагалися в листопаді пронести...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/104137-ukra-nc-vstanovili-c-ogor-chniy-antirekord-namagalisya-v-listopad-pronesti-do-organ-v-ta-ustanov-sistemi-pravosuddya-mayzhe-14-tisyach-zaboronenih-predmet-v.html" title="Українці встановили цьогорічний антирекорд: намагалися в листопаді пронести до органів та установ системи правосуддя майже 14 тисяч заборонених предметів ">Українці встановили цьогорічний антирекорд: намагалися в...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1795').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-1795 .entry").remove();');
                                $('#streem_append_block-1795 .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-1795').append(curstr);

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

                                                                            <style>
    .widjetComponent--1797 .post-image img {
        width: 100%;
    }
    .widjetComponent--1797 .post-image a {
        display: block;
    }
    .widjetComponent--1797 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1797 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1797 .widget-title a {
        color: #1b2559;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1797 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1797 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1797 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1797 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1797 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1797 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1797 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1797 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1797">
            <style>
        .widjetComponent--title--1797.widget-title-base {
            color: #0068b2;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #edaf00;
            text-align: flex-start;
        }
        .widjetComponent--title--1797.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1797 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/104163-na-cherkaschin-v-dkrito-soc-al-nu-maysternyu-odyagu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/b9d684cada7ffa5aea491edd2a8e9480.png&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/104163-na-cherkaschin-v-dkrito-soc-al-nu-maysternyu-odyagu.html" title="На Черкащині відкрито соціальну майстерню одягу">На Черкащині відкрито соціальну майстерню одягу</a>
                            <!--<a href="/news-suspilstvo-events/104163-na-cherkaschin-v-dkrito-soc-al-nu-maysternyu-odyagu.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/104164-na-cherkaschin-oblashtuvali-16-koshachih-osel.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/a53883be3e639bd012f2c7b6f8cb9201.png&amp;size=320x210" class="wp-post-image" alt="На Черкащині облаштували 16 кошачих осель">
                        </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/104164-na-cherkaschin-oblashtuvali-16-koshachih-osel.html" title="На Черкащині облаштували 16 кошачих осель">На Черкащині облаштували 16 кошачих осель</a>
                            <!--<a href="/news-suspilstvo-events/104164-na-cherkaschin-oblashtuvali-16-koshachih-osel.html" title="На Черкащині облаштували 16 кошачих осель">На Черкащині облаштували 16 кошачих осель</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-education/104170-byudzhet-programi-erasmus-zb-l-sheno-u-2022-roc.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/c0799c937429684f57c066fcb3d7cf82.jpeg&amp;size=320x210" class="wp-post-image" alt="БЮДЖЕТ ПРОГРАМИ ERASMUS+ ЗБІЛЬШЕНО У 2022 РОЦІ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-education" class="post_term category investing">Освіта</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-education/104170-byudzhet-programi-erasmus-zb-l-sheno-u-2022-roc.html" title="БЮДЖЕТ ПРОГРАМИ ERASMUS+ ЗБІЛЬШЕНО У 2022 РОЦІ">БЮДЖЕТ ПРОГРАМИ ERASMUS+ ЗБІЛЬШЕНО У 2022 РОЦІ</a>
                            <!--<a href="/news-suspilstvo-education/104170-byudzhet-programi-erasmus-zb-l-sheno-u-2022-roc.html" title="БЮДЖЕТ ПРОГРАМИ ERASMUS+ ЗБІЛЬШЕНО У 2022 РОЦІ">БЮДЖЕТ ПРОГРАМИ ERASMUS+ ЗБІЛЬШЕНО У 2022 РОЦІ</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/104188-dityachiy-k-berpank-vse-pochina-t-sya-z-kvadrocikl-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/e920ceacd326caedc70c84fca3e88ff4.png&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/104188-dityachiy-k-berpank-vse-pochina-t-sya-z-kvadrocikl-v.html" title="Дитячий кіберпанк – все починається з квадроциклів">Дитячий кіберпанк – все починається з квадроциклів</a>
                            <!--<a href="/news-suspilstvo-events/104188-dityachiy-k-berpank-vse-pochina-t-sya-z-kvadrocikl-v.html" title="Дитячий кіберпанк – все починається з квадроциклів">Дитячий кіберпанк – все починається з квадроциклів</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1797').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-1797 .entry").remove();');
                                $('#streem_append_block-1797 .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-1797').append(curstr);

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

                                                                            <style>
    .widjetComponent--1796 .post-image img {
        width: 100%;
    }
    .widjetComponent--1796 .post-image a {
        display: block;
    }
    .widjetComponent--1796 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1796 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1796 .widget-title a {
        color: #1b2559;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1796 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1796 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1796 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1796 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1796 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1796 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1796 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1796 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1796">
            <style>
        .widjetComponent--title--1796.widget-title-base {
            color: #0068b2;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #edaf00;
            text-align: flex-start;
        }
        .widjetComponent--title--1796.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-ekonomika" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1796 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-enerhetyka/104166-nov-energobloki-dlya-hmel-nic-ko-atomno-elektrostanc-chi-bude-vt-leno-pro-kt-u-zhittya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/9920ca1c0ccabeb93a31d23143435d04.png&amp;size=320x210" class="wp-post-image" alt="  Нові енергоблоки для Хмельницької атомної електростанції. Чи буде втілено проєкт у життя?">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-enerhetyka" class="post_term category investing">Енергетика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-enerhetyka/104166-nov-energobloki-dlya-hmel-nic-ko-atomno-elektrostanc-chi-bude-vt-leno-pro-kt-u-zhittya.html" title="  Нові енергоблоки для Хмельницької атомної електростанції. Чи буде втілено проєкт у життя?">  Нові енергоблоки для Хмельницької атомної електростанції. Чи буде втілено...</a>
                            <!--<a href="/news-ekonomika-enerhetyka/104166-nov-energobloki-dlya-hmel-nic-ko-atomno-elektrostanc-chi-bude-vt-leno-pro-kt-u-zhittya.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-tekhnologiji/104123-u-b-bl-oteki-ki-vschini-peredali-komp-yuternu-tehn-ku.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/b429308f5a479356a49956053a8ddc84.jpeg&amp;size=320x210" class="wp-post-image" alt="У бібліотеки Київщини передали комп’ютерну техніку">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-tekhnologiji" class="post_term category investing">Технології</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-tekhnologiji/104123-u-b-bl-oteki-ki-vschini-peredali-komp-yuternu-tehn-ku.html" title="У бібліотеки Київщини передали комп’ютерну техніку">У бібліотеки Київщини передали комп’ютерну техніку</a>
                            <!--<a href="/news-tekhnologiji/104123-u-b-bl-oteki-ki-vschini-peredali-komp-yuternu-tehn-ku.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-industry/104119-nezakonn-zemel-n-roboti-na-hmel-nichchin.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/9b554ca807c97f30c2d009eb7bf807f9.png&amp;size=320x210" class="wp-post-image" alt="Незаконні земельні роботи на Хмельниччині">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-industry" class="post_term category investing">Промисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-industry/104119-nezakonn-zemel-n-roboti-na-hmel-nichchin.html" title="Незаконні земельні роботи на Хмельниччині">Незаконні земельні роботи на Хмельниччині</a>
                            <!--<a href="/news-ekonomika-industry/104119-nezakonn-zemel-n-roboti-na-hmel-nichchin.html" title="Незаконні земельні роботи на Хмельниччині">Незаконні земельні роботи на Хмельниччині</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika-finances/104052-kreditnu-zaborgovan-st-na-sumu-20-000-grn-skasovano.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/8d88653e444ea1916fba78143874d912.jpeg&amp;size=320x210" class="wp-post-image" alt="Кредитну заборгованість на суму 20 000 грн. скасовано">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-finances" class="post_term category investing">Фінанси</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-finances/104052-kreditnu-zaborgovan-st-na-sumu-20-000-grn-skasovano.html" title="Кредитну заборгованість на суму 20 000 грн. скасовано">Кредитну заборгованість на суму 20 000 грн. скасовано</a>
                            <!--<a href="/news-ekonomika-finances/104052-kreditnu-zaborgovan-st-na-sumu-20-000-grn-skasovano.html" title="Кредитну заборгованість на суму 20 000 грн. скасовано">Кредитну заборгованість на суму 20 000 грн. скасовано</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1796').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-1796 .entry").remove();');
                                $('#streem_append_block-1796 .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-1796').append(curstr);

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

                                                                            <style>
    .widjetComponent--1798 .post-image img {
        width: 100%;
    }
    .widjetComponent--1798 .post-image a {
        display: block;
    }
    .widjetComponent--1798 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1798 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1798 .widget-title a {
        color: #1b2559;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1798 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1798 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1798 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1798 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1798 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1798 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1798 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1798 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1798">
            <style>
        .widjetComponent--title--1798.widget-title-base {
            color: #0068b2;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #edaf00;
            text-align: flex-start;
        }
        .widjetComponent--title--1798.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-sport" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1798 widget-title-base">
        <span>Спорт</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-boxing/104193-v-avstral-bokseri-odnochasno-v-dpravili-odin-odnogo-v-nokdaun.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/5e21999273f56ce8c6d0b4506266bd5c.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/104193-v-avstral-bokseri-odnochasno-v-dpravili-odin-odnogo-v-nokdaun.html" title="В Австралії боксери одночасно відправили один одного в нокдаун">В Австралії боксери одночасно відправили один одного в нокдаун</a>
                            <!--<a href="/news-sport-boxing/104193-v-avstral-bokseri-odnochasno-v-dpravili-odin-odnogo-v-nokdaun.html" title="В Австралії боксери одночасно відправили один одного в нокдаун">В Австралії боксери одночасно відправили один одного в нокдаун</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-boxing/104129-libo-voz-mi-den-gi-i-ot-s-libo-srazis-s-usikom-f-yuri-raskritikoval-dzhoshua-video.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/ccdf79c4c31c39b0f581b10fe25dfa5a.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/104129-libo-voz-mi-den-gi-i-ot-s-libo-srazis-s-usikom-f-yuri-raskritikoval-dzhoshua-video.html" title=""Либо возьми деньги и отъ***сь, либо сразись с Усиком": Фьюри раскритиковал Джошуа (видео)">"Либо возьми деньги и отъ***сь, либо сразись с Усиком": Фьюри раскритиковал...</a>
                            <!--<a href="/news-sport-boxing/104129-libo-voz-mi-den-gi-i-ot-s-libo-srazis-s-usikom-f-yuri-raskritikoval-dzhoshua-video.html" title="&quot;Либо возьми деньги и отъ***сь, либо сразись с Усиком&quot;: Фьюри раскритиковал Джошуа (видео)">"Либо возьми деньги и отъ***сь, либо сразись с Усиком":...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-boxing/104125-usik-proti-f-yur-nayoch-kuvan-shiy-po-dinok-za-vers-yu-the-ring.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/4b85805d6d1fc6b5b5b794a677bdb044.jpeg&amp;size=320x210" class="wp-post-image" alt="Усик проти Ф'юрі – найочікуваніший поєдинок за версією The Ring">
                        </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/104125-usik-proti-f-yur-nayoch-kuvan-shiy-po-dinok-za-vers-yu-the-ring.html" title="Усик проти Ф'юрі – найочікуваніший поєдинок за версією The Ring">Усик проти Ф'юрі – найочікуваніший поєдинок за версією The Ring</a>
                            <!--<a href="/news-sport-boxing/104125-usik-proti-f-yur-nayoch-kuvan-shiy-po-dinok-za-vers-yu-the-ring.html" title="Усик проти Ф&#039;юрі – найочікуваніший поєдинок за версією The Ring">Усик проти Ф'юрі – найочікуваніший поєдинок за версією The...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-boxing/104019-sygrali-kak-grandy-manchester-yunayted---arsenal-3-2-video-golov-i-obzor-matcha.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/03.12.2021/04e56ea521834acce6f5ba5aa47c2caa.jpeg&amp;size=320x210" class="wp-post-image" alt="Сыграли как гранды. Манчестер Юнайтед - Арсенал 3:2. Видео голов и обзор матча">
                        </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/104019-sygrali-kak-grandy-manchester-yunayted---arsenal-3-2-video-golov-i-obzor-matcha.html" title="Сыграли как гранды. Манчестер Юнайтед - Арсенал 3:2. Видео голов и обзор матча">Сыграли как гранды. Манчестер Юнайтед - Арсенал 3:2. Видео голов и обзор...</a>
                            <!--<a href="/news-sport-boxing/104019-sygrali-kak-grandy-manchester-yunayted---arsenal-3-2-video-golov-i-obzor-matcha.html" title="Сыграли как гранды. Манчестер Юнайтед - Арсенал 3:2. Видео голов и обзор матча">Сыграли как гранды. Манчестер Юнайтед - Арсенал 3:2. Видео...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1798').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-1798 .entry").remove();');
                                $('#streem_append_block-1798 .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-1798').append(curstr);

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

                                                                            <style>
    .widjetComponent--1799 .post-image img {
        width: 100%;
    }
    .widjetComponent--1799 .post-image a {
        display: block;
    }
    .widjetComponent--1799 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1799 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1799 .widget-title a {
        color: #1b2559;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1799 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1799 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1799 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1799 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1799 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1799 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1799 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1799 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1799">
            <style>
        .widjetComponent--title--1799.widget-title-base {
            color: #0068b2;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #edaf00;
            text-align: flex-start;
        }
        .widjetComponent--title--1799.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-shou-biznes" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1799 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-shou-biznes-secular-news/104181-legendarniy-gurt-abba-vipustiv-nove-muzichne-v-deo-z-blagorodnoyu-metoyu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/c5aa4fa82d2e665ac2cd0c4841a68a17.jpeg&amp;size=320x210" class="wp-post-image" alt="Легендарний гурт ABBA випустив нове музичне відео з благородною метою">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-shou-biznes-secular-news" class="post_term category investing">Світські новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-shou-biznes-secular-news/104181-legendarniy-gurt-abba-vipustiv-nove-muzichne-v-deo-z-blagorodnoyu-metoyu.html" title="Легендарний гурт ABBA випустив нове музичне відео з благородною метою">Легендарний гурт ABBA випустив нове музичне відео з благородною метою</a>
                            <!--<a href="/news-shou-biznes-secular-news/104181-legendarniy-gurt-abba-vipustiv-nove-muzichne-v-deo-z-blagorodnoyu-metoyu.html" title="Легендарний гурт ABBA випустив нове музичне відео з благородною метою">Легендарний гурт ABBA випустив нове музичне відео з благородною...</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-shou-biznes-secular-news/104121-kalush-stvoryuyut-noviy-pro-kt-z-avtentichnim-zvuchannyam.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/3e29f9721d168be32a5c37e0676b16d8.jpeg&amp;size=320x210" class="wp-post-image" alt="KALUSH створюють новий проєкт з автентичним звучанням">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-shou-biznes-secular-news" class="post_term category investing">Світські новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-shou-biznes-secular-news/104121-kalush-stvoryuyut-noviy-pro-kt-z-avtentichnim-zvuchannyam.html" title="KALUSH створюють новий проєкт з автентичним звучанням">KALUSH створюють новий проєкт з автентичним звучанням</a>
                            <!--<a href="/news-shou-biznes-secular-news/104121-kalush-stvoryuyut-noviy-pro-kt-z-avtentichnim-zvuchannyam.html" title="KALUSH створюють новий проєкт з автентичним звучанням">KALUSH створюють новий проєкт з автентичним звучанням</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-shou-biznes-secular-news/104090-sp-vachka-lp-vipustila-noviy-al-bom.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/27e3b8b9c7751961f77a90188f4df5ae.jpeg&amp;size=320x210" class="wp-post-image" alt="Співачка LP випустила новий альбом">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-shou-biznes-secular-news" class="post_term category investing">Світські новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-shou-biznes-secular-news/104090-sp-vachka-lp-vipustila-noviy-al-bom.html" title="Співачка LP випустила новий альбом">Співачка LP випустила новий альбом</a>
                            <!--<a href="/news-shou-biznes-secular-news/104090-sp-vachka-lp-vipustila-noviy-al-bom.html" title="Співачка LP випустила новий альбом">Співачка LP випустила новий альбом</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-shou-biznes-secular-news/104006-lyudinoyu-roku-za-vers-yu-zoozahisnik-v-stala-b-ll-ayl-sh.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/03.12.2021/8daaa65c0cf95d80a61a15c1c2fd6e0c.jpeg&amp;size=320x210" class="wp-post-image" alt="Людиною року за версією зоозахисників стала Біллі Айліш">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-shou-biznes-secular-news" class="post_term category investing">Світські новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-shou-biznes-secular-news/104006-lyudinoyu-roku-za-vers-yu-zoozahisnik-v-stala-b-ll-ayl-sh.html" title="Людиною року за версією зоозахисників стала Біллі Айліш">Людиною року за версією зоозахисників стала Біллі Айліш</a>
                            <!--<a href="/news-shou-biznes-secular-news/104006-lyudinoyu-roku-za-vers-yu-zoozahisnik-v-stala-b-ll-ayl-sh.html" title="Людиною року за версією зоозахисників стала Біллі Айліш">Людиною року за версією зоозахисників стала Біллі Айліш</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1799').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-1799 .entry").remove();');
                                $('#streem_append_block-1799 .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-1799').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-height no-height no-height no-height no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1802 .post-image img {
        width: 100%;
    }
    .widjetComponent--1802 .post-image a {
        display: block;
    }
    .widjetComponent--1802 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1802 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1802 .widget-title a {
        color: #1b2559;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1802 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1802 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1802 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1802 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1802 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1802 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1802 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1802 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1802">
            <style>
        .widjetComponent--title--1802.widget-title-base {
            color: #0068b2;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #edaf00;
            text-align: flex-start;
        }
        .widjetComponent--title--1802.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
        <h4 class="widjetComponent--title--1802 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="/video-derzhava-uryad/91592-v-dm-nnost-zapov-tu-v-d-dogovoru-daruvannya.html"
                                                          data-videoMP4=""
                               data-videoid="2141"
                               data-videoHLS=""
                               data-link="/video-derzhava-uryad/91592-v-dm-nnost-zapov-tu-v-d-dogovoru-daruvannya.html"
                               title="Відмінності заповіту від договору дарування"
                               data-videothumbnails=""
                               data-videoAnimation=""
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/https://img.youtube.com/vi/1g1dlw3x8pQ/0.jpg&amp;size=850x560" class="wp-post-image" alt="Відмінності заповіту від договору дарування">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava-uryad" class="post_term category investing">Уряд</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava-uryad/91592-v-dm-nnost-zapov-tu-v-d-dogovoru-daruvannya.html" title="Відмінності заповіту від договору дарування">Відмінності заповіту від договору дарування</a>
                            <!--<a href="/video-derzhava-uryad/91592-v-dm-nnost-zapov-tu-v-d-dogovoru-daruvannya.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-events/22814-navchal-no-sportivna-baza-v-sso.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/03.07.2019/5648a2f9b9b2f4363247dfd9feb1ae15/1244dc3c6513f9590312d9ababe7fe50.mp4"
                               data-videoid="940"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/03.07.2019/5648a2f9b9b2f4363247dfd9feb1ae15/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo-events/22814-navchal-no-sportivna-baza-v-sso.html"
                               title="Навчально-спортивна база в ССО"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/03.07.2019/5648a2f9b9b2f4363247dfd9feb1ae15/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/03.07.2019/5648a2f9b9b2f4363247dfd9feb1ae15/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/03.07.2019/5648a2f9b9b2f4363247dfd9feb1ae15/322152aaf57601dfe25d736fe9dfcdb3_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Навчально-спортивна база в ССО">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo-events/22814-navchal-no-sportivna-baza-v-sso.html" title="Навчально-спортивна база в ССО">Навчально-спортивна база в ССО</a>
                            <!--<a href="/video-suspilstvo-events/22814-navchal-no-sportivna-baza-v-sso.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-news-press-center-vpyu-strazh-zakonu/22047-vuboru-2019.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/streem/31.03.2019/f2e689d365502e8b143cb1dba5a5b2d6/f2e689d365502e8b143cb1dba5a5b2d6.mp4"
                               data-videoid="789"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/streem/31.03.2019/f2e689d365502e8b143cb1dba5a5b2d6/sprite_hls_manifest.m3u8"
                               data-link="/video-news-press-center-vpyu-strazh-zakonu/22047-vuboru-2019.html"
                               title="За чесні Вибори 2019!"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/streem/31.03.2019/f2e689d365502e8b143cb1dba5a5b2d6/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/streem/31.03.2019/f2e689d365502e8b143cb1dba5a5b2d6/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/streem/31.03.2019/f2e689d365502e8b143cb1dba5a5b2d6/d2fc0d58c85e6b71ee573641e00a5111_poster.jpg&amp;size=850x560" class="wp-post-image" alt="За чесні Вибори 2019!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news-press-center-vpyu-strazh-zakonu" class="post_term category investing">ВПЮ "Стражі закону"</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news-press-center-vpyu-strazh-zakonu/22047-vuboru-2019.html" title="За чесні Вибори 2019!">За чесні Вибори 2019!</a>
                            <!--<a href="/video-news-press-center-vpyu-strazh-zakonu/22047-vuboru-2019.html" title="За чесні Вибори 2019!">За чесні Вибори 2019!</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-ekonomika-agro-industry/23164-aktivator-rostu-proveostar---l-der-agrarnogo-rinku-ukra-ni.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/01.08.2019/f137c835c0b9636bb9e3b1b954023b76/4c56b030d3ae0c350c590efc7eae3122.mp4"
                               data-videoid="993"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/01.08.2019/f137c835c0b9636bb9e3b1b954023b76/sprite_hls_manifest.m3u8"
                               data-link="/video-ekonomika-agro-industry/23164-aktivator-rostu-proveostar---l-der-agrarnogo-rinku-ukra-ni.html"
                               title="АКТИВАТОР РОСТУ PROVEOSTAR - ЛІДЕР АГРАРНОГО РИНКУ УКРАЇНИ!"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/01.08.2019/f137c835c0b9636bb9e3b1b954023b76/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/01.08.2019/f137c835c0b9636bb9e3b1b954023b76/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/01.08.2019/f137c835c0b9636bb9e3b1b954023b76/3ae8726ba221b5e3162f8dc5c14af55b_poster.jpg&amp;size=850x560" class="wp-post-image" alt="АКТИВАТОР РОСТУ PROVEOSTAR - ЛІДЕР АГРАРНОГО РИНКУ УКРАЇНИ!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-ekonomika-agro-industry" class="post_term category investing">Агропромисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-ekonomika-agro-industry/23164-aktivator-rostu-proveostar---l-der-agrarnogo-rinku-ukra-ni.html" title="АКТИВАТОР РОСТУ PROVEOSTAR - ЛІДЕР АГРАРНОГО РИНКУ УКРАЇНИ!">АКТИВАТОР РОСТУ PROVEOSTAR - ЛІДЕР АГРАРНОГО РИНКУ УКРАЇНИ!</a>
                            <!--<a href="/video-ekonomika-agro-industry/23164-aktivator-rostu-proveostar---l-der-agrarnogo-rinku-ukra-ni.html" title="АКТИВАТОР РОСТУ PROVEOSTAR - ЛІДЕР АГРАРНОГО РИНКУ УКРАЇНИ!">АКТИВАТОР РОСТУ PROVEOSTAR - ЛІДЕР АГРАРНОГО РИНКУ УКРАЇНИ!</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-ekonomika-agro-industry/23033-lechenie-vinogradnika-v-tokayskom-rayone.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/21.07.2019/092eec40d1c8b09d94a46c8f4522254c/83a2b97bb9ff4b324fed22796254bd05.mp4"
                               data-videoid="984"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/21.07.2019/092eec40d1c8b09d94a46c8f4522254c/sprite_hls_manifest.m3u8"
                               data-link="/video-ekonomika-agro-industry/23033-lechenie-vinogradnika-v-tokayskom-rayone.html"
                               title="Лікування виноградника в Токайському районі"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/21.07.2019/092eec40d1c8b09d94a46c8f4522254c/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/21.07.2019/092eec40d1c8b09d94a46c8f4522254c/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/21.07.2019/092eec40d1c8b09d94a46c8f4522254c/fe237af2bd1e512ebbad55c9c48e35d4_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Лікування виноградника в Токайському районі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-ekonomika-agro-industry" class="post_term category investing">Агропромисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-ekonomika-agro-industry/23033-lechenie-vinogradnika-v-tokayskom-rayone.html" title="Лікування виноградника в Токайському районі">Лікування виноградника в Токайському районі</a>
                            <!--<a href="/video-ekonomika-agro-industry/23033-lechenie-vinogradnika-v-tokayskom-rayone.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-events/23054-nformac-yne-agentstvo-ukra-na-nform.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.07.2019/618963e222f1b55e28defd9b627eb9b8/a010708df0549f52be8dcf5ac3d5b640.mp4"
                               data-videoid="987"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/22.07.2019/618963e222f1b55e28defd9b627eb9b8/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo-events/23054-nformac-yne-agentstvo-ukra-na-nform.html"
                               title="Телеканал "УКРАЇНА ІНФОРМ""
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.07.2019/618963e222f1b55e28defd9b627eb9b8/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.07.2019/618963e222f1b55e28defd9b627eb9b8/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.07.2019/618963e222f1b55e28defd9b627eb9b8/5f8889db836e08543ae0225afc55033a_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Телеканал "УКРАЇНА ІНФОРМ"">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo-events/23054-nformac-yne-agentstvo-ukra-na-nform.html" title="Телеканал "УКРАЇНА ІНФОРМ"">Телеканал "УКРАЇНА ІНФОРМ"</a>
                            <!--<a href="/video-suspilstvo-events/23054-nformac-yne-agentstvo-ukra-na-nform.html" title="Телеканал &quot;УКРАЇНА ІНФОРМ&quot;">Телеканал "УКРАЇНА ІНФОРМ"</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1802').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-1802 .entry").remove();');
                                $('#streem_append_block-1802 .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-1802').append(curstr);

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

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

</style>
<section class="widjet-component-inner widjetComponent--1803">
            <style>
        .widjetComponent--title--1803.widget-title-base {
            color: #0068b2;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #edaf00;
            text-align: flex-start;
        }
        .widjetComponent--title--1803.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
        <h4 class="widjetComponent--title--1803 widget-title-base">
        <span>Популярне</span>
    </h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-suspilstvo-events/104188-dityachiy-k-berpank-vse-pochina-t-sya-z-kvadrocikl-v.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/e920ceacd326caedc70c84fca3e88ff4.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-suspilstvo-events/104188-dityachiy-k-berpank-vse-pochina-t-sya-z-kvadrocikl-v.html" title="Дитячий кіберпанк – все починається з квадроциклів">Дитячий кіберпанк – все починається з квадроциклів</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/103906-teper-roslinna-zha-dostupna-kozhnomu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.12.2021/e92f169459dfeccd0e34c82ad89df292.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/103906-teper-roslinna-zha-dostupna-kozhnomu.html" title="ТЕПЕР РОСЛИННА ЇЖА ДОСТУПНА КОЖНОМУ">ТЕПЕР РОСЛИННА ЇЖА ДОСТУПНА КОЖНОМУ</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-suspilstvo-events/103378-kovtok-pov-trya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.11.2021/b9687a7f6193fad0991b4c37db660b74.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-suspilstvo-events/103378-kovtok-pov-trya.html" title=" Ковток повітря для Сумської області"> Ковток повітря для Сумської області</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-suspilstvo-events/103397-real-narkopol-tiki-v-ukra-n-chomu-narkozalezhn-opinyayut-sya-za-ratami-chomu-faktichno-hvor-lyudi-otrimuyut-ne-dopomogu-a-roki-v-zolyac.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/24.11.2021/283c3deb99fd382c37e3186e908cf8cc.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-suspilstvo-events/103397-real-narkopol-tiki-v-ukra-n-chomu-narkozalezhn-opinyayut-sya-za-ratami-chomu-faktichno-hvor-lyudi-otrimuyut-ne-dopomogu-a-roki-v-zolyac.html" title="Реалії наркополітики в Україні: чому наркозалежні опиняються за ґратами? Чому фактично хворі люди отримують не допомогу, а роки в ізоляції?">Реалії наркополітики в Україні: чому наркозалежні опиняються за ґратами?...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

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

</style>
<section class="widjet-component-inner widjetComponent--2408">
            <style>
        .widjetComponent--title--2408.widget-title-base {
            color: #0068b2;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #edae00;
            text-align: flex-start;
        }
        .widjetComponent--title--2408.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/preview" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--2408 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-4">
                            <div class="post-image">
                                <a class="" href="/preview/24135-zas-dannya-kom-tetu-vru-z-pitan-svobodi-slova-ta-nformac-yno-pol-tiki-4-kv-tnya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.10.2019/5a95947717c4387c319b02a0558d035a.jpeg&amp;size=850x560" class="wp-post-image" alt="Засідання Комітету ВРУ з питань свободи слова та інформаційної політики, 4 квітня">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/preview/24135-zas-dannya-kom-tetu-vru-z-pitan-svobodi-slova-ta-nformac-yno-pol-tiki-4-kv-tnya.html" title="Засідання Комітету ВРУ з питань свободи слова та інформаційної політики, 4 квітня">Засідання Комітету ВРУ з питань свободи слова та інформаційної політики,...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/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">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/05.03.2020/a5d9d9a1b22eed7ec5c32d48a637bbf0.jpeg&amp;size=850x560" class="wp-post-image" alt="з 13 по 22 березня в НІАМ &quot;Київська фортеця&quot; відбудеться фотовиставка до Дня українського добровольця">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <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-4">
                            <div class="post-image">
                                <a class="" href="/preview/25333-vistava-romeo-zhasmin.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/04.03.2020/a054e8763bd903363e70491323ee27d3.jpeg&amp;size=850x560" class="wp-post-image" alt="Вистава &quot;РОМЕО І ЖАСМИН">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <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>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-823-3 row-k-style" id="row-k-style-823-3">
            <div class="row-k-width-823-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-height no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--2409 .post-image img {
        width: 100%;
    }
    .widjetComponent--2409 .post-image a {
        display: block;
    }
    .widjetComponent--2409 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--2409 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--2409 .widget-title a {
        color: #1b2559;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--2409 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--2409 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--2409 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--2409 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--2409 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--2409 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--2409 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--2409 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--2409">
            <style>
        .widjetComponent--title--2409.widget-title-base {
            color: #0068b2;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #edaf00;
            text-align: flex-start;
        }
        .widjetComponent--title--2409.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/foto" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--2409 widget-title-base">
        <span>Фото</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/foto-suspilstvo/67884-odes-kiy-teatr-vl-tku.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.04.2020/084490561a934bdc3c32c5733c0f80ab.jpeg&amp;size=205x135" class="wp-post-image" alt="Одеський театр влітку ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/foto-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/foto-suspilstvo/67884-odes-kiy-teatr-vl-tku.html" title="Одеський театр влітку ">Одеський театр влітку </a>
                            <!--<a href="/foto-suspilstvo/67884-odes-kiy-teatr-vl-tku.html" title="Одеський театр влітку ">Одеський театр влітку </a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/foto-suspilstvo/67883-park-rozvag-v-odes.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.04.2020/eada99d69b8cfbd30ca6516dd73c7ae0.jpeg&amp;size=205x135" class="wp-post-image" alt="Парк розваг в Одесі ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/foto-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/foto-suspilstvo/67883-park-rozvag-v-odes.html" title="Парк розваг в Одесі ">Парк розваг в Одесі </a>
                            <!--<a href="/foto-suspilstvo/67883-park-rozvag-v-odes.html" title="Парк розваг в Одесі ">Парк розваг в Одесі </a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/foto-suspilstvo/67882-vzdovzh-okeanu-v-reyk-yav-ku.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.04.2020/7339b7d857592f922f66fc9cd6def58f.jpeg&amp;size=205x135" class="wp-post-image" alt="Вздовж океану в Рейк’явіку">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/foto-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/foto-suspilstvo/67882-vzdovzh-okeanu-v-reyk-yav-ku.html" title="Вздовж океану в Рейк’явіку">Вздовж океану в Рейк’явіку</a>
                            <!--<a href="/foto-suspilstvo/67882-vzdovzh-okeanu-v-reyk-yav-ku.html" title="Вздовж океану в Рейк’явіку">Вздовж океану в Рейк’явіку</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/foto-suspilstvo/67880-schodenniy-viglyad-slands-ko-rutini.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.04.2020/bfa1b6d58bfa2a4cd7cd76591aa590e6.jpeg&amp;size=205x135" class="wp-post-image" alt="Щоденний вигляд ісландської рутини">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/foto-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/foto-suspilstvo/67880-schodenniy-viglyad-slands-ko-rutini.html" title="Щоденний вигляд ісландської рутини">Щоденний вигляд ісландської рутини</a>
                            <!--<a href="/foto-suspilstvo/67880-schodenniy-viglyad-slands-ko-rutini.html" title="Щоденний вигляд ісландської рутини">Щоденний вигляд ісландської рутини</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/foto-suspilstvo/67879-pustelya-gora-verblyud.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.04.2020/87acc8691bd44235a5aa332b386cec30.jpeg&amp;size=205x135" class="wp-post-image" alt="Пустеля, гора, верблюд">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/foto-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/foto-suspilstvo/67879-pustelya-gora-verblyud.html" title="Пустеля, гора, верблюд">Пустеля, гора, верблюд</a>
                            <!--<a href="/foto-suspilstvo/67879-pustelya-gora-verblyud.html" title="Пустеля, гора, верблюд">Пустеля, гора, верблюд</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/foto-suspilstvo/67877-lyudina-robit-self-v-pustel.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.04.2020/5f430f8085c1ecae8d62b2248fca2a05.jpeg&amp;size=205x135" class="wp-post-image" alt="Людина робить селфі в пустелі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/foto-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/foto-suspilstvo/67877-lyudina-robit-self-v-pustel.html" title="Людина робить селфі в пустелі">Людина робить селфі в пустелі</a>
                            <!--<a href="/foto-suspilstvo/67877-lyudina-robit-self-v-pustel.html" title="Людина робить селфі в пустелі">Людина робить селфі в пустелі</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/foto-suspilstvo/67875-priroda-ta-geolog-ya-yordan-v-detalyah.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.04.2020/c60f51e19a0c269ef4b10b2f716a03cb.jpeg&amp;size=205x135" class="wp-post-image" alt="Природа та геологія Йорданії в деталях">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/foto-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/foto-suspilstvo/67875-priroda-ta-geolog-ya-yordan-v-detalyah.html" title="Природа та геологія Йорданії в деталях">Природа та геологія Йорданії в деталях</a>
                            <!--<a href="/foto-suspilstvo/67875-priroda-ta-geolog-ya-yordan-v-detalyah.html" title="Природа та геологія Йорданії в деталях">Природа та геологія Йорданії в деталях</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/foto-suspilstvo/67873-sonce-na-skelyah-yordan.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.04.2020/3d378b46fffb741fb587c3a9e703d1ce.jpeg&amp;size=205x135" class="wp-post-image" alt="Сонце на скелях Йорданії">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/foto-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/foto-suspilstvo/67873-sonce-na-skelyah-yordan.html" title="Сонце на скелях Йорданії">Сонце на скелях Йорданії</a>
                            <!--<a href="/foto-suspilstvo/67873-sonce-na-skelyah-yordan.html" title="Сонце на скелях Йорданії">Сонце на скелях Йорданії</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/foto-suspilstvo/67871-pustelya-na-prostorah-yordan-p-d-chas-zahodu-soncya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.04.2020/b5256db7ed0192b25d8e68478927a8f3.jpeg&amp;size=205x135" class="wp-post-image" alt="Пустеля на просторах Йорданії під час заходу сонця">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/foto-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/foto-suspilstvo/67871-pustelya-na-prostorah-yordan-p-d-chas-zahodu-soncya.html" title="Пустеля на просторах Йорданії під час заходу сонця">Пустеля на просторах Йорданії під час заходу сонця</a>
                            <!--<a href="/foto-suspilstvo/67871-pustelya-na-prostorah-yordan-p-d-chas-zahodu-soncya.html" title="Пустеля на просторах Йорданії під час заходу сонця">Пустеля на просторах Йорданії під час заходу сонця</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/foto-suspilstvo/67870-kol-oroviy-slands-kiy-k-osk-z-morozivom.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.04.2020/9451ef45fa6c80d2428d7867b6ad0fcb.jpeg&amp;size=205x135" class="wp-post-image" alt="Кольоровий ісландський кіоск з морозивом">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/foto-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/foto-suspilstvo/67870-kol-oroviy-slands-kiy-k-osk-z-morozivom.html" title="Кольоровий ісландський кіоск з морозивом">Кольоровий ісландський кіоск з морозивом</a>
                            <!--<a href="/foto-suspilstvo/67870-kol-oroviy-slands-kiy-k-osk-z-morozivom.html" title="Кольоровий ісландський кіоск з морозивом">Кольоровий ісландський кіоск з морозивом</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/foto-suspilstvo/67868-bazel-s-kiy-m-st-shveycar-ya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.04.2020/2970601ec02a57c8fe4697a399ca4310.jpeg&amp;size=205x135" class="wp-post-image" alt="Базельський міст, Швейцарія">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/foto-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/foto-suspilstvo/67868-bazel-s-kiy-m-st-shveycar-ya.html" title="Базельський міст, Швейцарія">Базельський міст, Швейцарія</a>
                            <!--<a href="/foto-suspilstvo/67868-bazel-s-kiy-m-st-shveycar-ya.html" title="Базельський міст, Швейцарія">Базельський міст, Швейцарія</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/foto-suspilstvo/67865-pustelya-na-prostorah-yordan-p-d-chas-zahodu-soncya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.04.2020/0bc442b629d01fb396fdebcd937b0873.jpeg&amp;size=205x135" class="wp-post-image" alt="Пустеля на просторах Йорданії під час заходу сонця">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/foto-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/foto-suspilstvo/67865-pustelya-na-prostorah-yordan-p-d-chas-zahodu-soncya.html" title="Пустеля на просторах Йорданії під час заходу сонця">Пустеля на просторах Йорданії під час заходу сонця</a>
                            <!--<a href="/foto-suspilstvo/67865-pustelya-na-prostorah-yordan-p-d-chas-zahodu-soncya.html" title="Пустеля на просторах Йорданії під час заходу сонця">Пустеля на просторах Йорданії під час заходу сонця</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-2409').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-2409 .entry").remove();');
                                $('#streem_append_block-2409 .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-2409').append(curstr);

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

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

</style>
<section class="widjet-component-inner widjetComponent--1801">
            <style>
        .widjetComponent--title--1801.widget-title-base {
            color: #0068b2;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #edaf00;
            text-align: flex-start;
        }
        .widjetComponent--title--1801.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-ukraine-and-worlds" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1801 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/104165-cerkva-poza-zakonom.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/cef54bb7386d3eda61b441f5e3b440fd.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/104165-cerkva-poza-zakonom.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/104168-denis-shmigal-zustr-vsya-z-predstavnikom-s-zhozepom-borrelem-viznacheno-datu-nastupno-radi-asoc-ac-ukra-na--s.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/ee51f10d824dd0e8f500a5a2442ba550.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/104168-denis-shmigal-zustr-vsya-z-predstavnikom-s-zhozepom-borrelem-viznacheno-datu-nastupno-radi-asoc-ac-ukra-na--s.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/104187-m-tch-makkonnell-zaklikav-prezidenta-ssha-nadati-ukra-n-usyu-zbroyu-yaka-neobh-dna-dlya-zahistu-v-d-agres-rf.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/4a59e1496521277c421d9ead7477f88b.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/104187-m-tch-makkonnell-zaklikav-prezidenta-ssha-nadati-ukra-n-usyu-zbroyu-yaka-neobh-dna-dlya-zahistu-v-d-agres-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/104161-vrosoyuz-vid-lit-ukra-n-1-4-m-l-yona-vro-dlya-reaguvannya-na-g-bridn-zagrozi-z-b-lorus.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/a57e677ac695daf0eed54d64d3da46c3.jpeg&amp;size=850x560" class="wp-post-image" alt="ЄВРОСОЮЗ ВИДІЛИТЬ УКРАЇНІ 1,4 МІЛЬЙОНА ЄВРО ДЛЯ РЕАГУВАННЯ НА ГІБРИДНІ ЗАГРОЗИ З БІЛОРУСІ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/104161-vrosoyuz-vid-lit-ukra-n-1-4-m-l-yona-vro-dlya-reaguvannya-na-g-bridn-zagrozi-z-b-lorus.html" title="ЄВРОСОЮЗ ВИДІЛИТЬ УКРАЇНІ 1,4 МІЛЬЙОНА ЄВРО ДЛЯ РЕАГУВАННЯ НА ГІБРИДНІ ЗАГРОЗИ З БІЛОРУСІ">ЄВРОСОЮЗ ВИДІЛИТЬ УКРАЇНІ 1,4 МІЛЬЙОНА ЄВРО ДЛЯ РЕАГУВАННЯ НА ГІБРИДНІ...</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/104192-12-dekabrya-mezhdunarodnoe-zhenskoe-soobschestvo-best-version-community-provodit-pervoe-masshtabnoe-meropriyatie-nastupayuschey-zimy.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/c89d71ca80a771e5a9511e52f32f2959.png&amp;size=850x560" class="wp-post-image" alt="12 декабря международное женское сообщество Best Version Community проводит первое масштабное мероприятие наступающей зимы">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/104192-12-dekabrya-mezhdunarodnoe-zhenskoe-soobschestvo-best-version-community-provodit-pervoe-masshtabnoe-meropriyatie-nastupayuschey-zimy.html" title="12 декабря международное женское сообщество Best Version Community проводит первое масштабное мероприятие наступающей зимы">12 декабря международное женское сообщество Best Version Community проводит...</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/104173-12-dekabrya-mezhdunarodnoe-zhenskoe-soobschestvo-best-version-community-provodit-pervoe-masshtabnoe-meropriyatie-nastupayuschey-zimy.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/93aa227e6e187d0a8645c2e2440b186d.png&amp;size=850x560" class="wp-post-image" alt="12 декабря международное женское сообщество Best Version Community проводит первое масштабное мероприятие наступающей зимы">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/104173-12-dekabrya-mezhdunarodnoe-zhenskoe-soobschestvo-best-version-community-provodit-pervoe-masshtabnoe-meropriyatie-nastupayuschey-zimy.html" title="12 декабря международное женское сообщество Best Version Community проводит первое масштабное мероприятие наступающей зимы">12 декабря международное женское сообщество Best Version Community проводит...</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/104147-31-mln-vro-v-d-s-na-zm-cnennya-oboronozdatnost-ukra-ni.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/09e464b00fb9210e5debe7e8b4f6bfcc.jpeg&amp;size=850x560" class="wp-post-image" alt="31 МЛН ЄВРО ВІД ЄС НА ЗМІЦНЕННЯ ОБОРОНОЗДАТНОСТІ УКРАЇНИ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/104147-31-mln-vro-v-d-s-na-zm-cnennya-oboronozdatnost-ukra-ni.html" title="31 МЛН ЄВРО ВІД ЄС НА ЗМІЦНЕННЯ ОБОРОНОЗДАТНОСТІ УКРАЇНИ">31 МЛН ЄВРО ВІД ЄС НА ЗМІЦНЕННЯ ОБОРОНОЗДАТНОСТІ УКРАЇНИ</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/104158-golova-kom-tetu-s-z-pitan-pol-tiki-ta-bezpeki-vislovila-gliboke-zanepoko-nnya-schodo-naroschuvannya-v-ys-kovih-sil-na-kordon-ukra-ni.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/23391fb3e066acc656aff02492949590.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/104158-golova-kom-tetu-s-z-pitan-pol-tiki-ta-bezpeki-vislovila-gliboke-zanepoko-nnya-schodo-naroschuvannya-v-ys-kovih-sil-na-kordon-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/104150-peredacha-spadkovo-spravi-nshomu-derzhavnomu-chi-privatnomu-notar-usu-scho-varto-znati.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/a6907216f7a71bc686e9b44a7945b054.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/104150-peredacha-spadkovo-spravi-nshomu-derzhavnomu-chi-privatnomu-notar-usu-scho-varto-znati.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/104146-oshukati-osobu-z-nval-dn-styu-ne-viyshlo-zahistili-yuristi-bpd.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/60eb67253cd51d22f50cd7f1da3fd700.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/104146-oshukati-osobu-z-nval-dn-styu-ne-viyshlo-zahistili-yuristi-bpd.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/104145-nezakonne-vidobuvannya-korisnih-kopalin-z-zbitkami-ponad-280-mln-grn-suditimut-tr-oh-posadovc-v-tovaristva.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/ced18db77494cfb6f745443a5055e860.png&amp;size=850x560" class="wp-post-image" alt="Незаконне видобування корисних копалин зі збитками понад 280 млн грн – судитимуть трьох посадовців товариства">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/104145-nezakonne-vidobuvannya-korisnih-kopalin-z-zbitkami-ponad-280-mln-grn-suditimut-tr-oh-posadovc-v-tovaristva.html" title="Незаконне видобування корисних копалин зі збитками понад 280 млн грн – судитимуть трьох посадовців товариства">Незаконне видобування корисних копалин зі збитками понад 280 млн грн –...</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/104144-eksreg-onal-mikola-kolesnik-yde-v-meri-krivogo-rogu-konfl-kt-z-pavlovim-sumn-vne-minule.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/e79f961526545122cce42b1b06be3156.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/104144-eksreg-onal-mikola-kolesnik-yde-v-meri-krivogo-rogu-konfl-kt-z-pavlovim-sumn-vne-minule.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/104142-mihail-yur-evich-brodskiy-biografiya-professional-nogo-kidaly.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/087ad5682080db47db7770942a55f577.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/104142-mihail-yur-evich-brodskiy-biografiya-professional-nogo-kidaly.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/104141-test-na-milliard-rodstvennik-avtodorovca-almazov-nezakonno-postavlyaet-pesok-dlya-bol-shogo-stroitel-stva-na-dnepropetrovschine.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/003961acc4e65b5b59aedc9c02129a2f.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/104141-test-na-milliard-rodstvennik-avtodorovca-almazov-nezakonno-postavlyaet-pesok-dlya-bol-shogo-stroitel-stva-na-dnepropetrovschine.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/104139-u-den-zsu-glava-derzhavi-vzyav-uchast-u-peredach-novogo-ozbro-nnya-ta-tehn-ki-v-ys-kovim-p-drozd-lam.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/e815e5c67e9aac0bbec8aa03e96a4faa.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/104139-u-den-zsu-glava-derzhavi-vzyav-uchast-u-peredach-novogo-ozbro-nnya-ta-tehn-ki-v-ys-kovim-p-drozd-lam.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/104135-sbu-ischet-zhertv-glavnogo-palacha-doneckoy-pytochnoy-boevikov-izolyaciya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.12.2021/5d0c458ebe8b054d9363eb9b250da944.jpeg&amp;size=850x560" class="wp-post-image" alt="СБУ ищет жертв &quot;главного палача&quot; донецкой пыточной боевиков &quot;Изоляция&quot;">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/104135-sbu-ischet-zhertv-glavnogo-palacha-doneckoy-pytochnoy-boevikov-izolyaciya.html" title="СБУ ищет жертв &quot;главного палача&quot; донецкой пыточной боевиков &quot;Изоляция&quot;">СБУ ищет жертв &quot;главного палача&quot; донецкой пыточной боевиков &quot;Изоляция&quot;</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-823-4 row-k-style" id="row-k-style-823-4">
            <div class="row-k-width-823-4 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-822-3 row-k-style" id="row-k-style-822-3">
            <div class="row-k-width-822-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-6 disable-cont no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                                                                <div class="col-md-6 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3290 {
        background: transparent;;
    }
    .widjetComponent--3290 .inner-text {
        padding: 10px 10px 10px 10px;
        color: #000;
    }
    .widjetComponent--3290 .inner-text * {
        color: #000;
    }
</style>

<section class="widjetComponent--3290">
    <div class="inner-text">
        <p style="text-align: right;"><a href="../../privacy-policy">Політика конфіденційності</a><br /><a href="../../terms-of-use">Правила користування сайтом</a></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();
                        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");
                                                if(ww > 991) {
                            addScript("/assets/videoplayer.js?v=08");
                        }
                        $(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("/assets/videoplayer.js?v=08");
                                    }


                                                                        addStyle("/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="/admin/axios.min.js"></script>
            <script src="https://cdn.jsdelivr.net/npm/vue"></script>
            <script src="/assets/video-player/player.js?v=08"></script>
                                                    <script src="https://cdn.gravitec.net/storage/7440a158a0dce9906ce9e9e92ac430c0/client.js" async></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>