<!--::result::time::02:26:26::App\Service\Components\Header\H03::-->
<!--::result::time::02:26:26::work: 0.0086 s::App\Service\Components\Header\H03::-->
<!--::result::time::02:26:26::App\Service\Components\Header\H03::-->
<!--::result::time::02:26:26::work: 0.0014 s::App\Service\Components\Header\H03::-->
<!--::result::time::02:26:26::App\Service\Components\Header\H03::-->
<!--::result::time::02:26:26::work: 0.0026 s::App\Service\Components\Header\H03::-->
<!--::result::time::02:26:26::App\Service\Components\Header\H04::-->
<!--::result::time::02:26:26::work: 0.0008 s::App\Service\Components\Header\H04::-->
<!--::result::time::02:26:26::App\Service\Components\Header\H06::-->
<!--::result::time::02:26:26::work: 0.0112 s::App\Service\Components\Header\H06::-->
<!--::result::time::02:26:26::App\Service\Components\News\N04::-->
<!--::result::time::02:26:26::work: 0.0166 s::App\Service\Components\News\N04::-->
<!--::result::time::02:26:26::App\Service\Components\News\N10::-->
<!--::result::time::02:26:26::work: 0.0009 s::App\Service\Components\News\N10::-->
<!--::result::time::02:26:26::App\Service\Components\News\N04::-->
<!--::result::time::02:26:26::work: 0.0062 s::App\Service\Components\News\N04::-->
<!--::result::time::02:26:26::App\Service\Components\News\N01::-->
<!--::result::time::02:26:26::work: 0.0025 s::App\Service\Components\News\N01::-->
<!--::result::time::02:26:26::App\Service\Components\News\N01::-->
<!--::result::time::02:26:26::getChildsMapIds::-->
<!--::result::time::02:26:26::work: 0.0006 s::getChildsMapIds::-->
<!--::result::time::02:26:26::getPagesByCategoryLimit::-->
<!--::result::time::02:26:26::work: 0.0526 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:26::foreach::-->
<!--::result::time::02:26:26::work: 0.0255 s::foreach::-->
<!--::result::time::02:26:26::work: 0.0805 s::App\Service\Components\News\N01::-->
<!--::result::time::02:26:26::App\Service\Components\News\N01::-->
<!--::result::time::02:26:26::getChildsMapIds::-->
<!--::result::time::02:26:26::work: 0.0006 s::getChildsMapIds::-->
<!--::result::time::02:26:26::getPagesByCategoryLimit::-->
<!--::result::time::02:26:26::work: 0.0623 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:26::foreach::-->
<!--::result::time::02:26:26::work: 0.0262 s::foreach::-->
<!--::result::time::02:26:26::work: 0.0897 s::App\Service\Components\News\N01::-->
<!--::result::time::02:26:26::App\Service\Components\News\N04::-->
<!--::result::time::02:26:26::work: 0.0148 s::App\Service\Components\News\N04::-->
<!--::result::time::02:26:26::App\Service\Components\News\N01::-->
<!--::result::time::02:26:26::getChildsMapIds::-->
<!--::result::time::02:26:26::work: 0.0006 s::getChildsMapIds::-->
<!--::result::time::02:26:26::getPagesByCategoryLimit::-->
<!--::result::time::02:26:26::work: 0.044 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:26::foreach::-->
<!--::result::time::02:26:26::work: 0.0214 s::foreach::-->
<!--::result::time::02:26:26::work: 0.0666 s::App\Service\Components\News\N01::-->
<!--::result::time::02:26:26::App\Service\Components\News\N01::-->
<!--::result::time::02:26:26::getChildsMapIds::-->
<!--::result::time::02:26:26::work: 0.0005 s::getChildsMapIds::-->
<!--::result::time::02:26:26::getPagesByCategoryLimit::-->
<!--::result::time::02:26:26::work: 0.055 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:26::foreach::-->
<!--::result::time::02:26:26::work: 0.025 s::foreach::-->
<!--::result::time::02:26:26::work: 0.0812 s::App\Service\Components\News\N01::-->
<!--::result::time::02:26:26::App\Service\Components\News\N01::-->
<!--::result::time::02:26:26::getChildsMapIds::-->
<!--::result::time::02:26:26::work: 0.0005 s::getChildsMapIds::-->
<!--::result::time::02:26:26::getPagesByCategoryLimit::-->
<!--::result::time::02:26:26::work: 0.055 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:26::foreach::-->
<!--::result::time::02:26:26::work: 0.0245 s::foreach::-->
<!--::result::time::02:26:26::work: 0.0807 s::App\Service\Components\News\N01::-->
<!--::result::time::02:26:26::App\Service\Components\News\N01::-->
<!--::result::time::02:26:26::getChildsMapIds::-->
<!--::result::time::02:26:26::work: 0.0006 s::getChildsMapIds::-->
<!--::result::time::02:26:26::getPagesByCategoryLimit::-->
<!--::result::time::02:26:26::work: 0.0555 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:26::foreach::-->
<!--::result::time::02:26:27::work: 0.0269 s::foreach::-->
<!--::result::time::02:26:27::work: 0.0837 s::App\Service\Components\News\N01::-->
<!--::result::time::02:26:27::App\Service\Components\News\N01::-->
<!--::result::time::02:26:27::getChildsMapIds::-->
<!--::result::time::02:26:27::work: 0.0007 s::getChildsMapIds::-->
<!--::result::time::02:26:27::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::work: 0.2331 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::foreach::-->
<!--::result::time::02:26:27::work: 0.0854 s::foreach::-->
<!--::result::time::02:26:27::work: 0.3205 s::App\Service\Components\News\N01::-->
<!--::result::time::02:26:27::work: 0.9005 s::-->
<!--::result::time::02:26:27::render work: 0.0146 s::-->
<!DOCTYPE html>
<html class="default-style" lang="ua">
    <head>
        <meta charset="UTF-8">
                <title>Khmelnitsky Inform.com</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-588-0 {width:95%}
.row-k-style-588-0 {background: linear-gradient(#0048ff,#0048ff)}
.row-k-width-588-1 {width:95%}
.row-k-style-588-1 {background: linear-gradient(#d60000,#d60000)}
.row-k-width-588-2 {width:95%}
.row-k-style-588-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-589-0 {width:95%}
.row-k-style-589-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-589-1 {width:95%}
.row-k-style-589-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-589-2 {width:95%}
.row-k-style-589-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-589-3 {width:95%}
.row-k-style-589-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-589-4 {width:95%}
.row-k-style-589-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-589-5 {width:95%}
.row-k-style-589-5 {background: linear-gradient(#fff,#fff)}
.row-k-width-589-6 {width:95%}
.row-k-style-589-6 {background: linear-gradient(#fff,#fff)}
.row-k-width-589-7 {width:95%}
.row-k-style-589-7 {background: linear-gradient(#fff,#fff)}
.row-k-width-589-8 {width:95%}
.row-k-style-589-8 {background: linear-gradient(#fff,#fff)}
.row-k-width-589-9 {width:95%}
.row-k-style-589-9 {background: linear-gradient(#fff,#fff)}
.row-k-width-589-10 {width:95%}
.row-k-style-589-10 {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/02.12.2021/b5a6d9a8e322980ba48a07864174b006.png&size=850x560&ios=false" as="image">
			<meta property="og:title" content="Різдвяний Хмельницький: відкриття святкового ярмарку заплановано на 4 грудня">
			<meta property="og:description" content="Вже найближчими вихідними хмельничани зможуть прогулятися Різдвяним ярмарком до запаленої головної ялинки міста. Зима вступила у свої права, а отже, можна починати святкувати. Цього року організатори збільшили територію Різдвяного ярмарку й запрошують гостей та жителів міста Хмельницьке до себе. Родзинкою...">
			<meta property="og:url" content="https://dnipro-inform.com/news-suspilstvo/103948-r-zdvyaniy-hmel-nic-kiy-v-dkrittya-svyatkovogo-yarmarku-zaplanovano-na-4-grudnya.html">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.12.2021/b5a6d9a8e322980ba48a07864174b006.png&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.12.2021/b5a6d9a8e322980ba48a07864174b006.png&size=1000<&ios=false">
			<meta property="og:site_name" content="Khmelnitsky Inform.com">
			
                </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-588-0 row-k-style" id="row-k-style-588-0">
            <div class="row-k-width-588-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1340.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--1340 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1340.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1340.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1340.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1340 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #cbab98;
    }
    .widjetComponent--1340 .open-search {
        color: #cbab98;
    }
     #navbarSupportedContent1340 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1340 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1340 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1340 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1340 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1340" once="menu" id="menu1340-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="#navbarSupportedContent1340"
                aria-controls="navbarSupportedContent1340" 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="navbarSupportedContent1340">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/kontakti">Контакти</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

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

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1342.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1342 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1342.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1342.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1342.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1342 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #cbab98;
    }
    .widjetComponent--1342 .open-search {
        color: #cbab98;
    }
     #navbarSupportedContent1342 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1342 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1342 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1342 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1342 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1342" once="menu" id="menu1342-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="#navbarSupportedContent1342"
                aria-controls="navbarSupportedContent1342" 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="navbarSupportedContent1342">
            <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-588-1 row-k-style" id="row-k-style-588-1">
            <div class="row-k-width-588-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--1343.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--1343 .logo-text {
        margin-left: 25px;    }
    </style>
<a class="widjetComponent--1343 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.10.2020/de75d53158cca60d26a62df5306b3deb.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.10.2020/de75d53158cca60d26a62df5306b3deb.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.10.2020/de75d53158cca60d26a62df5306b3deb.png&size=<<340 340w">
            <span class="logo-text">Хмельницький Інформ</span>
    </a>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-8 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1344 .navbar {
        padding: 0;
    }
    .widjetComponent--1344 .nav-dropdown .link {
        margin: 0;
    }
    .widjetComponent--1344 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1344 {
        background: transparent;
    }
    .widjetComponent--1344 .nav-dropdown>li>a:after {
        left: 50%;
        right: 50%;
        content: "";
        height: 5px;
        position: absolute;
        bottom: 0;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        opacity: 0;
        background: #345467;
    }
    .widjetComponent--1344 .nav-dropdown>li>a:hover:after {
        left: 0;
        right: 0;
        width: auto;
        opacity: 1;
    }
    .widjetComponent--1344 .nav-dropdown>li>a:before {
        content: '';
        width: 100%;
        height: 0;
        display: inline-block;
        position: absolute;
        background: #6ab1cf;
        top: 0;
        right: 0;
        z-index: -1;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }
    .widjetComponent--1344 .nav-dropdown>li>a:hover:before {
        height: 100%;
    }
    .widjetComponent--1344 .nav-dropdown .link.dropdown-toggle::after {
        margin-left: 0;
        border: 0;
    }
    .widjetComponent--1344 .navbar-toggleable-sm .navbar-nav .nav-link,
    .widjetComponent--1344 .nav-dropdown>li>a {
        padding: 20px 21px 24px 21px;
        color: #fff;
        position: relative;
        font-size: 16px;
    }
    .widjetComponent--1344 .open-search {
        color: #fff;
    }
    .widjetComponent--1344 .nav-dropdown>li>a:hover {
        padding: 20px 21px 24px 21px;
        color: #ffffff80;
    }

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

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

    .widjetComponent--1344 .dropdown.open .dropdown-menu {
        display: block;
        padding: 0;
    }
    .widjetComponent--1344 .dropdown .dropdown-menu .dropdown-item {
        background: #345467;
        padding: 13px 20px;
        font-size: 14px;
        color: #cbab98;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-bottom: 1px solid #333333;
    }
    .widjetComponent--1344 .dropdown .dropdown-menu .dropdown-item:hover {
        background: #34546780;
        color: #345467;
    }
    .widjetComponent--1344 .search-item .form-search {
        display: none;
    }
</style>
<section class="menu widjetComponent--1344">
    <nav class="navbar navbar-expand navbar-toggleable-sm">
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1344"
                aria-controls="navbarSupportedContent1344" 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="navbarSupportedContent1344">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li>
                            <a class="nav-link link" href="/news-derzhava">Держава</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/news-polityka">Політика</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/news-suspilstvo">Суспільство</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/news-ekonomika">Економіка</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/news-sport">Спорт</a>
                        </li>
                                    
            </ul>
            <div class="search-item">
                <a class="nav-link link open-search" href="#"><i class="fas fa-search d-block"></i></a>
                <form action="/news" method="post" class="form-search">
                    <input type="text"
                           class="form-control"
                           id="search-query"
                           name="Search[query]"
                           value="" placeholder="Введіть ключове слово">
                    <button type="submit">Знайти</button>
                </form>
            </div>
        </div>
    </nav>
</section>


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

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

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

        <h4 class="widjetComponent--title--3296 widget-title-base">Найголовніше</h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo/103948-r-zdvyaniy-hmel-nic-kiy-v-dkrittya-svyatkovogo-yarmarku-zaplanovano-na-4-grudnya.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.12.2021/b5a6d9a8e322980ba48a07864174b006.png&amp;size=850x560" class="wp-post-image" alt="Різдвяний Хмельницький: відкриття святкового ярмарку заплановано на 4 грудня">
                            <div class="post-content">
                                <div class="category">Суспільство</div>
                                <h3 class="widget-title">Різдвяний Хмельницький: відкриття святкового ярмарку заплановано на 4 грудня</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
.widjet-component-inner.widjetComponent--3297 {
       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--3297">
    <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>

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

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

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

        <h4 class="widjetComponent--title--3298 widget-title-base">Важливо</h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo/103955-ndustr-al-n-parki-hmel-nichchini-u-slavut-zvodyat-vzhe-tret-y-ob-kt-v-oblast.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.12.2021/9a97334373bc541b697b6b22bd388ac9.png&amp;size=851x561" 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>
            </div>
        </section>
            <section class=" row-k-style-589-1 row-k-style" id="row-k-style-589-1">
            <div class="row-k-width-589-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3299 .post-image img {
        width: 100%;
    }
    .widjetComponent--3299 .post-image a {
        display: block;
    }
    .widjetComponent--3299 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3299 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--3299 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3299 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--3299 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3299 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3299 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3299 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3299 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3299 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3299 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3299">
            <style>
        .widjetComponent--title--3299.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--3299.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
        <h4 class="widjetComponent--title--3299 widget-title-base">
        <span>Стріми</span>
    </h4>
        <div class="row" id="streem_append_block-3299">
                                        </div>
</section>

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

            }

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

            if ($('#streem_append_block-3299').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-3299 .entry").remove();');
                                $('#streem_append_block-3299 .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-3299').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-589-2 row-k-style" id="row-k-style-589-2">
            <div class="row-k-width-589-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3300 .post-image img {
        width: 100%;
    }
    .widjetComponent--3300 .post-image a {
        display: block;
    }
    .widjetComponent--3300 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3300 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--3300 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3300 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--3300 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3300 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3300 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3300 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3300 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3300 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3300 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3300">
            <style>
        .widjetComponent--title--3300.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--3300.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/video" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3300 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="/video/103400-dvs_d.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/24.11.2021/4ce452c20c2a1de7e7b2220059c2dc8b/a85aa8a2b3a188676012467ad4bb5ffa.mp4"
                               data-videoid="2845"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/24.11.2021/4ce452c20c2a1de7e7b2220059c2dc8b/sprite_hls_manifest.m3u8"
                               data-link="/video/103400-dvs_d.html"
                               title="#ДВС_діє"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/24.11.2021/4ce452c20c2a1de7e7b2220059c2dc8b/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/24.11.2021/4ce452c20c2a1de7e7b2220059c2dc8b/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.11.2021/4ce452c20c2a1de7e7b2220059c2dc8b/f8243face5b88bbb1b024d431d3947ad_poster.jpg&amp;size=320x210" class="wp-post-image" alt="#ДВС_діє">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video" class="post_term category investing">Відео каталог</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video/103400-dvs_d.html" title="#ДВС_діє">#ДВС_діє</a>
                            <!--<a href="/video/103400-dvs_d.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="/video/103401-dvs_d.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/24.11.2021/4a127221cb1e065ee3710537a5b29c7a/e3e92c30da6f5af6cd09c30fdf19ccf2.mp4"
                               data-videoid="2846"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/24.11.2021/4a127221cb1e065ee3710537a5b29c7a/sprite_hls_manifest.m3u8"
                               data-link="/video/103401-dvs_d.html"
                               title="#ДВС_діє"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/24.11.2021/4a127221cb1e065ee3710537a5b29c7a/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/24.11.2021/4a127221cb1e065ee3710537a5b29c7a/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.11.2021/4a127221cb1e065ee3710537a5b29c7a/4cf842d53b675108ef4f51c6561e6f31_poster.jpg&amp;size=320x210" class="wp-post-image" alt="#ДВС_діє">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video" class="post_term category investing">Відео каталог</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video/103401-dvs_d.html" title="#ДВС_діє">#ДВС_діє</a>
                            <!--<a href="/video/103401-dvs_d.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="/video/102614-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-4-listopada-2021-roku.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/04.11.2021/2562bb1a627c976620114bd07ea2b5f9/6537fc52c0d2132224b404dda42f70a8.mp4"
                               data-videoid="2823"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/04.11.2021/2562bb1a627c976620114bd07ea2b5f9/sprite_hls_manifest.m3u8"
                               data-link="/video/102614-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-4-listopada-2021-roku.html"
                               title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 4 листопада 2021 року"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/04.11.2021/2562bb1a627c976620114bd07ea2b5f9/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/04.11.2021/2562bb1a627c976620114bd07ea2b5f9/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/04.11.2021/2562bb1a627c976620114bd07ea2b5f9/dd434a6846d8f9b21312957a936329cc_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 4 листопада 2021 року">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video" class="post_term category investing">Відео каталог</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video/102614-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-4-listopada-2021-roku.html" title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 4 листопада 2021 року">Зведення про ситуацію в районі проведення операції Об’єднаних сил станом...</a>
                            <!--<a href="/video/102614-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-4-listopada-2021-roku.html" title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 4 листопада 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="/video/98185-vech-rn-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-17-00-9-lipnya-2021-roku.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/09.07.2021/9b4332398f286822444b17fea2020d74/be16a43843d70f6a32075e0ddfeae5ee.mp4"
                               data-videoid="2609"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/09.07.2021/9b4332398f286822444b17fea2020d74/sprite_hls_manifest.m3u8"
                               data-link="/video/98185-vech-rn-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-17-00-9-lipnya-2021-roku.html"
                               title="Вечірнє зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 17.00 9 липня 2021 року"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/09.07.2021/9b4332398f286822444b17fea2020d74/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/09.07.2021/9b4332398f286822444b17fea2020d74/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/09.07.2021/9b4332398f286822444b17fea2020d74/e92c802668ce64f1f42abe304d65e464_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Вечірнє зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 17.00 9 липня 2021 року">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video" class="post_term category investing">Відео каталог</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video/98185-vech-rn-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-17-00-9-lipnya-2021-roku.html" title="Вечірнє зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 17.00 9 липня 2021 року">Вечірнє зведення щодо ситуації в районі проведення операції Об’єднаних...</a>
                            <!--<a href="/video/98185-vech-rn-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-17-00-9-lipnya-2021-roku.html" title="Вечірнє зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 17.00 9 липня 2021 року">Вечірнє зведення щодо ситуації в районі проведення операції...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3300').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-3300 .entry").remove();');
                                $('#streem_append_block-3300 .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-3300').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-589-3 row-k-style" id="row-k-style-589-3">
            <div class="row-k-width-589-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3301 .post-image img {
        width: 100%;
    }
    .widjetComponent--3301 .post-image a {
        display: block;
    }
    .widjetComponent--3301 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3301 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--3301 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3301 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--3301 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3301 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3301 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3301 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3301 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3301 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3301 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3301">
            <style>
        .widjetComponent--title--3301.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--3301.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3301 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/104091-komanda-ukra-na-nform-v-ta-z-dnem-zbroynih-sil-ukra-ni.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/50e1c096ea43893c5c906ce64e4a6acb.jpeg&amp;size=320x210" class="wp-post-image" alt="Команда УКРАЇНА ІНФОРМ вітає з днем Збройних Сил України! ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava/104091-komanda-ukra-na-nform-v-ta-z-dnem-zbroynih-sil-ukra-ni.html" title="Команда УКРАЇНА ІНФОРМ вітає з днем Збройних Сил України! ">Команда УКРАЇНА ІНФОРМ вітає з днем Збройних Сил України! </a>
                            <!--<a href="/news-derzhava/104091-komanda-ukra-na-nform-v-ta-z-dnem-zbroynih-sil-ukra-ni.html" title="Команда УКРАЇНА ІНФОРМ вітає з днем Збройних Сил України! ">Команда УКРАЇНА ІНФОРМ вітає з днем Збройних Сил України!...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava/104020-boyoviki-proveli-sh-st-potuzhnih-obstr-l-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/03.12.2021/e56f9123eb1268b3f60435a21fe75192.jpeg&amp;size=320x210" class="wp-post-image" alt="Бойовики провели шість потужних обстрілів">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava/104020-boyoviki-proveli-sh-st-potuzhnih-obstr-l-v.html" title="Бойовики провели шість потужних обстрілів">Бойовики провели шість потужних обстрілів</a>
                            <!--<a href="/news-derzhava/104020-boyoviki-proveli-sh-st-potuzhnih-obstr-l-v.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/103973-prokuratura-vimaga-roz-rvannya-dogovoru-pro-zakup-vlyu-poslug-z-organ-zac-harchuvannya-shkolyar-v-vart-styu-mayzhe-2-4-mln-grn.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/03.12.2021/12b7c5ac37a974a64930797bfc41e112.jpeg&amp;size=320x210" class="wp-post-image" alt="Прокуратура вимагає розірвання договору про закупівлю послуг з організації харчування школярів вартістю майже 2,4 млн грн">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava/103973-prokuratura-vimaga-roz-rvannya-dogovoru-pro-zakup-vlyu-poslug-z-organ-zac-harchuvannya-shkolyar-v-vart-styu-mayzhe-2-4-mln-grn.html" title="Прокуратура вимагає розірвання договору про закупівлю послуг з організації харчування школярів вартістю майже 2,4 млн грн">Прокуратура вимагає розірвання договору про закупівлю послуг з організації...</a>
                            <!--<a href="/news-derzhava/103973-prokuratura-vimaga-roz-rvannya-dogovoru-pro-zakup-vlyu-poslug-z-organ-zac-harchuvannya-shkolyar-v-vart-styu-mayzhe-2-4-mln-grn.html" title="Прокуратура вимагає розірвання договору про закупівлю послуг з організації харчування школярів вартістю майже 2,4 млн грн">Прокуратура вимагає розірвання договору про закупівлю послуг...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava/103871-na-bortu-sudna-v-mikola-vs-komu-portu-znayshli-narkotiki.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/01.12.2021/ca935d61854c3bd621835fef0de5437e.png&amp;size=320x210" class="wp-post-image" alt="На борту судна в Миколаївському порту знайшли наркотики">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava/103871-na-bortu-sudna-v-mikola-vs-komu-portu-znayshli-narkotiki.html" title="На борту судна в Миколаївському порту знайшли наркотики">На борту судна в Миколаївському порту знайшли наркотики</a>
                            <!--<a href="/news-derzhava/103871-na-bortu-sudna-v-mikola-vs-komu-portu-znayshli-narkotiki.html" title="На борту судна в Миколаївському порту знайшли наркотики">На борту судна в Миколаївському порту знайшли наркотики</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3301').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-3301 .entry").remove();');
                                $('#streem_append_block-3301 .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-3301').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-589-4 row-k-style" id="row-k-style-589-4">
            <div class="row-k-width-589-4 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3302 .post-image img {
        width: 100%;
    }
    .widjetComponent--3302 .post-image a {
        display: block;
    }
    .widjetComponent--3302 .post-image {
        position: relative;
    }
    .widjetComponent--3302 .post-content .category {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3302 .post-inner:hover .category {
        color: #ffffff;
    }
    .widjetComponent--3302 .widget-title {
        color: #ffffff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--3302 .post-inner:hover .widget-title {
        color: #ffffff;
    }

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

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

        <h4 class="widjetComponent--title--3302 widget-title-base">Популярне</h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/99208-vak-volodimir-vanovich-pozic-ya-po-sprav-dzhachvl-an-lash-valer-yanovicha-peredacha-yuridichna-aks-oma.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/07.08.2021/862cd9efdc97619597756461ccaac510/eaa0b6d7e3d791fdaf77ea4091af864c_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Вак Володимир Іванович – позиція по справі Джачвліані Лаші Валер’яновича – передача «Юридична Аксіома»">
                            <div class="post-content">
                                <div class="category">Новини України та світу</div>
                                <h3 class="widget-title">Вак Володимир Іванович – позиція по справі Джачвліані Лаші Валер’яновича...</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news/99132-na-ki-vschin-prokuraturoyu-zabezpecheno-real-ne-vikonannya-r-shennya-sudu-pro-povernennya-u-rozporyadzhennya-derzhavi-3-7-ga-zeml-vart-styu-198-mln-grn.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/05.08.2021/a8bfb50257dbd997bb4988fef78ab1a4.jpeg&amp;size=850x560" class="wp-post-image" alt="Інформаційне агентство : На Київщині прокуратурою забезпечено реальне виконання рішення суду про повернення у розпорядження держави 3,7 га землі вартістю 198 млн грн">
                            <div class="post-content">
                                <div class="category">Новини</div>
                                <h3 class="widget-title">Інформаційне агентство : На Київщині прокуратурою забезпечено реальне виконання...</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-589-5 row-k-style" id="row-k-style-589-5">
            <div class="row-k-width-589-5 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3303 .post-image img {
        width: 100%;
    }
    .widjetComponent--3303 .post-image a {
        display: block;
    }
    .widjetComponent--3303 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3303 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--3303 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3303 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--3303 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3303 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3303 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3303 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3303 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3303 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3303 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3303">
            <style>
        .widjetComponent--title--3303.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--3303.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-polityka" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3303 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/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" class="post_term category investing">Політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-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/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/94351-na-cherkaschin-provedeno-krugliy-st-l-z-pitan-real-zac-programi-v-dnovnogo-pravosuddya-dlya-nepovnol-tn-h.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.06.2021/77bfa3d4dd05911a5a08c261aa347ab0.jpeg&amp;size=320x210" class="wp-post-image" alt="На Черкащині проведено «круглий стіл» з питань реалізації Програми відновного правосуддя для неповнолітніх">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka" class="post_term category investing">Політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka/94351-na-cherkaschin-provedeno-krugliy-st-l-z-pitan-real-zac-programi-v-dnovnogo-pravosuddya-dlya-nepovnol-tn-h.html" title="На Черкащині проведено «круглий стіл» з питань реалізації Програми відновного правосуддя для неповнолітніх">На Черкащині проведено «круглий стіл» з питань реалізації Програми відновного...</a>
                            <!--<a href="/news-polityka/94351-na-cherkaschin-provedeno-krugliy-st-l-z-pitan-real-zac-programi-v-dnovnogo-pravosuddya-dlya-nepovnol-tn-h.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/94480-vasil-v-rastyuk-of-c-yno-stav-nardepom.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.06.2021/1bbf913502d6c823069a934d710da032.jpeg&amp;size=320x210" class="wp-post-image" alt="Василь Вірастюк офіційно став нардепом ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka" class="post_term category investing">Політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka/94480-vasil-v-rastyuk-of-c-yno-stav-nardepom.html" title="Василь Вірастюк офіційно став нардепом ">Василь Вірастюк офіційно став нардепом </a>
                            <!--<a href="/news-polityka/94480-vasil-v-rastyuk-of-c-yno-stav-nardepom.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/89481-nevzhe-shmigalya-d-ysno-htos-zam-nit-yak-ce-prokomentuvali-v-prezidenta.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2021/dae010c51ae3be93b02872c61a899c44.jpeg&amp;size=320x210" class="wp-post-image" alt="Невже Шмигаля дійсно хтось замінить? Як це прокоментували в Президента?">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka" class="post_term category investing">Політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka/89481-nevzhe-shmigalya-d-ysno-htos-zam-nit-yak-ce-prokomentuvali-v-prezidenta.html" title="Невже Шмигаля дійсно хтось замінить? Як це прокоментували в Президента?">Невже Шмигаля дійсно хтось замінить? Як це прокоментували в Президента?</a>
                            <!--<a href="/news-polityka/89481-nevzhe-shmigalya-d-ysno-htos-zam-nit-yak-ce-prokomentuvali-v-prezidenta.html" title="Невже Шмигаля дійсно хтось замінить? Як це прокоментували в Президента?">Невже Шмигаля дійсно хтось замінить? Як це прокоментували...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3303').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-3303 .entry").remove();');
                                $('#streem_append_block-3303 .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-3303').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-589-6 row-k-style" id="row-k-style-589-6">
            <div class="row-k-width-589-6 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3304 .post-image img {
        width: 100%;
    }
    .widjetComponent--3304 .post-image a {
        display: block;
    }
    .widjetComponent--3304 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3304 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--3304 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3304 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--3304 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3304 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3304 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3304 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3304 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3304 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3304 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3304">
            <style>
        .widjetComponent--title--3304.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--3304.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3304 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/104008-kabm-n-dozvoliv-vikoristannya-elektronnih-zhurnal-v-ta-schodennik-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/03.12.2021/d90d9576c159b26b2149420adacaee0d.jpeg&amp;size=320x210" class="wp-post-image" alt="Кабмін дозволив використання електронних журналів та щоденників">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo/104008-kabm-n-dozvoliv-vikoristannya-elektronnih-zhurnal-v-ta-schodennik-v.html" title="Кабмін дозволив використання електронних журналів та щоденників">Кабмін дозволив використання електронних журналів та щоденників</a>
                            <!--<a href="/news-suspilstvo/104008-kabm-n-dozvoliv-vikoristannya-elektronnih-zhurnal-v-ta-schodennik-v.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/104012-na-v-nnichchin-rozpochnut-svoyu-d-yal-n-st-centri-ob-gr-vu-dlya-bezhatchenk-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/03.12.2021/5cd3f91b69343113a4b97cc30de60c5a.jpeg&amp;size=320x210" class="wp-post-image" alt="На Вінниччині розпочнуть свою діяльність центри обігріву для безхатченків.">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo/104012-na-v-nnichchin-rozpochnut-svoyu-d-yal-n-st-centri-ob-gr-vu-dlya-bezhatchenk-v.html" title="На Вінниччині розпочнуть свою діяльність центри обігріву для безхатченків.">На Вінниччині розпочнуть свою діяльність центри обігріву для безхатченків.</a>
                            <!--<a href="/news-suspilstvo/104012-na-v-nnichchin-rozpochnut-svoyu-d-yal-n-st-centri-ob-gr-vu-dlya-bezhatchenk-v.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/104025-na-donechchin-lyudi-skarzhat-sya-na-nepri-mniy-zapah-ta-nesterpniy-smak-vodi.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/03.12.2021/eb495f5bcc9431107ce5f217e26eae95.jpeg&amp;size=320x210" class="wp-post-image" alt="На Донеччині люди скаржаться на неприємний запах та нестерпний смак води">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo/104025-na-donechchin-lyudi-skarzhat-sya-na-nepri-mniy-zapah-ta-nesterpniy-smak-vodi.html" title="На Донеччині люди скаржаться на неприємний запах та нестерпний смак води">На Донеччині люди скаржаться на неприємний запах та нестерпний смак води</a>
                            <!--<a href="/news-suspilstvo/104025-na-donechchin-lyudi-skarzhat-sya-na-nepri-mniy-zapah-ta-nesterpniy-smak-vodi.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/103992-27-listopada-2021-r-poltavs-kiy-nac-onal-niy-pedagog-chniy-un-versitet-men-v-g-korolenka-gostinno-v-dchiniv-svo-dver-dlya-us-h-hto-mr-stati-chlenom-veliko-rodini-talanovitih-tvorchih-visokoosv-chenih-dopitlivih-amb-tnih-student-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/03.12.2021/ff7548a05d3d9b2c7bfdf69f204cc571.jpeg&amp;size=320x210" class="wp-post-image" alt="27 листопада 2021 р. Полтавський національний педагогічний університет імені В. Г. Короленка гостинно відчинив свої двері для усіх, хто мріє стати членом великої родини талановитих, творчих, високоосвічених, допитливих, амбітних студентів">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo/103992-27-listopada-2021-r-poltavs-kiy-nac-onal-niy-pedagog-chniy-un-versitet-men-v-g-korolenka-gostinno-v-dchiniv-svo-dver-dlya-us-h-hto-mr-stati-chlenom-veliko-rodini-talanovitih-tvorchih-visokoosv-chenih-dopitlivih-amb-tnih-student-v.html" title="27 листопада 2021 р. Полтавський національний педагогічний університет імені В. Г. Короленка гостинно відчинив свої двері для усіх, хто мріє стати членом великої родини талановитих, творчих, високоосвічених, допитливих, амбітних студентів">27 листопада 2021 р. Полтавський національний педагогічний університет...</a>
                            <!--<a href="/news-suspilstvo/103992-27-listopada-2021-r-poltavs-kiy-nac-onal-niy-pedagog-chniy-un-versitet-men-v-g-korolenka-gostinno-v-dchiniv-svo-dver-dlya-us-h-hto-mr-stati-chlenom-veliko-rodini-talanovitih-tvorchih-visokoosv-chenih-dopitlivih-amb-tnih-student-v.html" title="27 листопада 2021 р. Полтавський національний педагогічний університет імені В. Г. Короленка гостинно відчинив свої двері для усіх, хто мріє стати членом великої родини талановитих, творчих, високоосвічених, допитливих, амбітних студентів">27 листопада 2021 р. Полтавський національний педагогічний...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3304').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-3304 .entry").remove();');
                                $('#streem_append_block-3304 .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-3304').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-589-7 row-k-style" id="row-k-style-589-7">
            <div class="row-k-width-589-7 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3305 .post-image img {
        width: 100%;
    }
    .widjetComponent--3305 .post-image a {
        display: block;
    }
    .widjetComponent--3305 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3305 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--3305 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3305 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--3305 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3305 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3305 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3305 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3305 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3305 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3305 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3305">
            <style>
        .widjetComponent--title--3305.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--3305.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-ekonomika" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3305 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/103889-plavuche-m-sto-posered-chervonogo-morya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/01.12.2021/945424915f8eee08951877b68794b70b.png&amp;size=320x210" class="wp-post-image" alt="Плавуче місто посеред Червоного моря">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika" class="post_term category investing">Економіка</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika/103889-plavuche-m-sto-posered-chervonogo-morya.html" title="Плавуче місто посеред Червоного моря">Плавуче місто посеред Червоного моря</a>
                            <!--<a href="/news-ekonomika/103889-plavuche-m-sto-posered-chervonogo-morya.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/103890-rolls-royce-rozrobili-nayshvidshiy-u-sv-t-povn-styu-elektrichniy-l-tak.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.12.2021/4f4dfa1eca9879f9882afe7b8998cff6.png&amp;size=320x210" class="wp-post-image" alt="Rolls-Royce розробили найшвидший у світі повністю електричний літак">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika" class="post_term category investing">Економіка</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika/103890-rolls-royce-rozrobili-nayshvidshiy-u-sv-t-povn-styu-elektrichniy-l-tak.html" title="Rolls-Royce розробили найшвидший у світі повністю електричний літак">Rolls-Royce розробили найшвидший у світі повністю електричний літак</a>
                            <!--<a href="/news-ekonomika/103890-rolls-royce-rozrobili-nayshvidshiy-u-sv-t-povn-styu-elektrichniy-l-tak.html" title="Rolls-Royce розробили найшвидший у світі повністю електричний літак">Rolls-Royce розробили найшвидший у світі повністю електричний...</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/103926-yak-shtuchniy-ntelekt-vikoristovu-t-sya-u-povsyakdennih-tehnolog-yah.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.12.2021/6d12489f68158d99d0276f96a5f64e96.png&amp;size=320x210" class="wp-post-image" alt="Як штучний інтелект використовується у повсякденних технологіях">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika" class="post_term category investing">Економіка</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika/103926-yak-shtuchniy-ntelekt-vikoristovu-t-sya-u-povsyakdennih-tehnolog-yah.html" title="Як штучний інтелект використовується у повсякденних технологіях">Як штучний інтелект використовується у повсякденних технологіях</a>
                            <!--<a href="/news-ekonomika/103926-yak-shtuchniy-ntelekt-vikoristovu-t-sya-u-povsyakdennih-tehnolog-yah.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/103866-stan-agrarno-promislovost-v-ukra-n-problemi-y-tendenc-rozvitku.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/01.12.2021/208d7609e77bb5deaa38d174b6531122.png&amp;size=320x210" class="wp-post-image" alt="Стан аграрної промисловості в Україні: проблеми й тенденції розвитку">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika" class="post_term category investing">Економіка</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika/103866-stan-agrarno-promislovost-v-ukra-n-problemi-y-tendenc-rozvitku.html" title="Стан аграрної промисловості в Україні: проблеми й тенденції розвитку">Стан аграрної промисловості в Україні: проблеми й тенденції розвитку</a>
                            <!--<a href="/news-ekonomika/103866-stan-agrarno-promislovost-v-ukra-n-problemi-y-tendenc-rozvitku.html" title="Стан аграрної промисловості в Україні: проблеми й тенденції розвитку">Стан аграрної промисловості в Україні: проблеми й тенденції...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3305').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-3305 .entry").remove();');
                                $('#streem_append_block-3305 .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-3305').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-589-8 row-k-style" id="row-k-style-589-8">
            <div class="row-k-width-589-8 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3306 .post-image img {
        width: 100%;
    }
    .widjetComponent--3306 .post-image a {
        display: block;
    }
    .widjetComponent--3306 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3306 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--3306 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3306 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--3306 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3306 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3306 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3306 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3306 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3306 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3306 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3306">
            <style>
        .widjetComponent--title--3306.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--3306.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-sport" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3306 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/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" class="post_term category investing">Спорт</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport/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/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 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/103884-sportivn-ob-kti-dlya-yun-or-v-u-hmel-nic-komu-planuyut-masshtabne-bud-vnictvo-sportmaydanchik-v-b-lya-shk-l.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/01.12.2021/b75e603b7af6dd0166cd368ad0e0e80f.png&amp;size=320x210" class="wp-post-image" alt="Спортивні об’єкти для юніорів: у Хмельницькому планують масштабне будівництво спортмайданчиків біля шкіл">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport" class="post_term category investing">Спорт</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport/103884-sportivn-ob-kti-dlya-yun-or-v-u-hmel-nic-komu-planuyut-masshtabne-bud-vnictvo-sportmaydanchik-v-b-lya-shk-l.html" title="Спортивні об’єкти для юніорів: у Хмельницькому планують масштабне будівництво спортмайданчиків біля шкіл">Спортивні об’єкти для юніорів: у Хмельницькому планують масштабне будівництво...</a>
                            <!--<a href="/news-sport/103884-sportivn-ob-kti-dlya-yun-or-v-u-hmel-nic-komu-planuyut-masshtabne-bud-vnictvo-sportmaydanchik-v-b-lya-shk-l.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/103470-chemp-oni-sv-tu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/24.11.2021/9a0a0295dcf636943a3a1a84ed7de5b3.jpeg&amp;size=320x210" class="wp-post-image" alt="Чемпіони світу">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport" class="post_term category investing">Спорт</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport/103470-chemp-oni-sv-tu.html" title="Чемпіони світу">Чемпіони світу</a>
                            <!--<a href="/news-sport/103470-chemp-oni-sv-tu.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/103663-la-l-ga-barselona-peremogla-v-l-yarreal.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/28.11.2021/566defc9363cb81d892ff89643a53f28.jpeg&amp;size=320x210" class="wp-post-image" alt="Ла Ліга: «Барселона» перемогла «Вільярреал»">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport" class="post_term category investing">Спорт</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport/103663-la-l-ga-barselona-peremogla-v-l-yarreal.html" title="Ла Ліга: «Барселона» перемогла «Вільярреал»">Ла Ліга: «Барселона» перемогла «Вільярреал»</a>
                            <!--<a href="/news-sport/103663-la-l-ga-barselona-peremogla-v-l-yarreal.html" title="Ла Ліга: «Барселона» перемогла «Вільярреал»">Ла Ліга: «Барселона» перемогла «Вільярреал»</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3306').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-3306 .entry").remove();');
                                $('#streem_append_block-3306 .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-3306').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-589-9 row-k-style" id="row-k-style-589-9">
            <div class="row-k-width-589-9 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3307 .post-image img {
        width: 100%;
    }
    .widjetComponent--3307 .post-image a {
        display: block;
    }
    .widjetComponent--3307 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3307 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--3307 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3307 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--3307 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3307 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3307 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3307 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3307 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3307 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3307 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3307">
            <style>
        .widjetComponent--title--3307.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--3307.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--3307 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-ukraine-and-worlds/104087-prokurorskie-batalii-vokrug-glubokovodnogo-vypuska.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/ecaed53949f9cd78427cbbc9ef160581.jpeg&amp;size=320x210" class="wp-post-image" alt="Прокурорские баталии вокруг Глубоководного выпуска">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/104087-prokurorskie-batalii-vokrug-glubokovodnogo-vypuska.html" title="Прокурорские баталии вокруг Глубоководного выпуска">Прокурорские баталии вокруг Глубоководного выпуска</a>
                            <!--<a href="/news-ukraine-and-worlds/104087-prokurorskie-batalii-vokrug-glubokovodnogo-vypuska.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-ukraine-and-worlds/104081-prokurorskie-batalii-vokrug-glubokovodnogo-vypuska.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/1ca96075a45abfc1de477b4c1a93bfc3.png&amp;size=320x210" class="wp-post-image" alt="Прокурорские баталии вокруг Глубоководного выпуска">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/104081-prokurorskie-batalii-vokrug-glubokovodnogo-vypuska.html" title="Прокурорские баталии вокруг Глубоководного выпуска">Прокурорские баталии вокруг Глубоководного выпуска</a>
                            <!--<a href="/news-ukraine-and-worlds/104081-prokurorskie-batalii-vokrug-glubokovodnogo-vypuska.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-ukraine-and-worlds/104079-oligarhicheskiy-front-protiv-zelenskogo-sozdayut-splochennyy-oppozicionnyy-al-yans-s-vysokim-reytingom.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/27bdaf35a47cc3933e5102319377a48b.jpeg&amp;size=320x210" class="wp-post-image" alt="Олигархический фронт. Против Зеленского создают сплоченный оппозиционный альянс с высоким рейтингом">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/104079-oligarhicheskiy-front-protiv-zelenskogo-sozdayut-splochennyy-oppozicionnyy-al-yans-s-vysokim-reytingom.html" title="Олигархический фронт. Против Зеленского создают сплоченный оппозиционный альянс с высоким рейтингом">Олигархический фронт. Против Зеленского создают сплоченный оппозиционный...</a>
                            <!--<a href="/news-ukraine-and-worlds/104079-oligarhicheskiy-front-protiv-zelenskogo-sozdayut-splochennyy-oppozicionnyy-al-yans-s-vysokim-reytingom.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-ukraine-and-worlds/104078-ukra-ns-ku-av-akompan-yu-p-dozryuyut-u-kontraband-zbro-na-vlasnika-merhezha-u-ssha-naklali-sankc.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/c4d417490db9ffc7441c70a4c201fd1e.jpeg&amp;size=320x210" class="wp-post-image" alt="Українську авіакомпанію підозрюють у контрабанді зброї – на її власника Мерхежа у США наклали санкції">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/104078-ukra-ns-ku-av-akompan-yu-p-dozryuyut-u-kontraband-zbro-na-vlasnika-merhezha-u-ssha-naklali-sankc.html" title="Українську авіакомпанію підозрюють у контрабанді зброї – на її власника Мерхежа у США наклали санкції">Українську авіакомпанію підозрюють у контрабанді зброї – на її власника...</a>
                            <!--<a href="/news-ukraine-and-worlds/104078-ukra-ns-ku-av-akompan-yu-p-dozryuyut-u-kontraband-zbro-na-vlasnika-merhezha-u-ssha-naklali-sankc.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-ukraine-and-worlds/104077-shkil-uzhe-pochti-dognal-avtomagistral--yug-blagodarya-cinichnomu-tenderu-za-3-5-mlrd.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/f9b6a9687c28706a42165958c204b46f.jpeg&amp;size=320x210" class="wp-post-image" alt="Шкиль уже почти догнал «Автомагистраль-Юг» благодаря циничному тендеру за 3,5 млрд">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/104077-shkil-uzhe-pochti-dognal-avtomagistral--yug-blagodarya-cinichnomu-tenderu-za-3-5-mlrd.html" title="Шкиль уже почти догнал «Автомагистраль-Юг» благодаря циничному тендеру за 3,5 млрд">Шкиль уже почти догнал «Автомагистраль-Юг» благодаря циничному тендеру...</a>
                            <!--<a href="/news-ukraine-and-worlds/104077-shkil-uzhe-pochti-dognal-avtomagistral--yug-blagodarya-cinichnomu-tenderu-za-3-5-mlrd.html" title="Шкиль уже почти догнал «Автомагистраль-Юг» благодаря циничному тендеру за 3,5 млрд">Шкиль уже почти догнал «Автомагистраль-Юг» благодаря циничному...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/104076-venediktova-nashla-bolee-200-del-na-biznes-ahmetova.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/63477df45867f1b59e19e96e84a79ffc.jpeg&amp;size=320x210" class="wp-post-image" alt="Венедиктова нашла более 200 дел на бизнес Ахметова">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/104076-venediktova-nashla-bolee-200-del-na-biznes-ahmetova.html" title="Венедиктова нашла более 200 дел на бизнес Ахметова">Венедиктова нашла более 200 дел на бизнес Ахметова</a>
                            <!--<a href="/news-ukraine-and-worlds/104076-venediktova-nashla-bolee-200-del-na-biznes-ahmetova.html" title="Венедиктова нашла более 200 дел на бизнес Ахметова">Венедиктова нашла более 200 дел на бизнес Ахметова</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/104074-eksposadovcya-ukroboronpromu-ted-ashv-l-zvinuvachuyut-u-privlasnenn-1-5-mln-dolar-v-turec-kogo-partnera.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/d212381a0921ab0b84de6f6daffd42d8.jpeg&amp;size=320x210" class="wp-post-image" alt="Експосадовця «Укроборонпрому» Тедіашвілі звинувачують у привласненні 1,5 млн доларів турецького партнера">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/104074-eksposadovcya-ukroboronpromu-ted-ashv-l-zvinuvachuyut-u-privlasnenn-1-5-mln-dolar-v-turec-kogo-partnera.html" title="Експосадовця «Укроборонпрому» Тедіашвілі звинувачують у привласненні 1,5 млн доларів турецького партнера">Експосадовця «Укроборонпрому» Тедіашвілі звинувачують у привласненні 1,5...</a>
                            <!--<a href="/news-ukraine-and-worlds/104074-eksposadovcya-ukroboronpromu-ted-ashv-l-zvinuvachuyut-u-privlasnenn-1-5-mln-dolar-v-turec-kogo-partnera.html" title="Експосадовця «Укроборонпрому» Тедіашвілі звинувачують у привласненні 1,5 млн доларів турецького партнера">Експосадовця «Укроборонпрому» Тедіашвілі звинувачують у...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/104073-avtobusnyy-park-kievpastransa-na-akademgorodke-zastroyat-zhil-em.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/d5d12c7ebaf491e19e6c92d9f79b71d7.png&amp;size=320x210" class="wp-post-image" alt="Автобусный парк “Киевпастранса” на Академгородке застроят жильем">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/104073-avtobusnyy-park-kievpastransa-na-akademgorodke-zastroyat-zhil-em.html" title="Автобусный парк “Киевпастранса” на Академгородке застроят жильем">Автобусный парк “Киевпастранса” на Академгородке застроят жильем</a>
                            <!--<a href="/news-ukraine-and-worlds/104073-avtobusnyy-park-kievpastransa-na-akademgorodke-zastroyat-zhil-em.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-ukraine-and-worlds/104068-dtek-skryla-avariyu-na-tes-kotoraya-privela-k-ekologicheskoy-katastrofe.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/cea62afb7c7ab1221436fd7a46ec884b.jpeg&amp;size=320x210" class="wp-post-image" alt="ДТЭК скрыла аварию на ТЭС, которая привела к экологической катастрофе">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/104068-dtek-skryla-avariyu-na-tes-kotoraya-privela-k-ekologicheskoy-katastrofe.html" title="ДТЭК скрыла аварию на ТЭС, которая привела к экологической катастрофе">ДТЭК скрыла аварию на ТЭС, которая привела к экологической катастрофе</a>
                            <!--<a href="/news-ukraine-and-worlds/104068-dtek-skryla-avariyu-na-tes-kotoraya-privela-k-ekologicheskoy-katastrofe.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-ukraine-and-worlds/104066-volonterstvo-sdelalo-ukrainu-nepobedimoy-v-2014-godu-i-delaet-nepobedimoy-segodnya-prezident.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/8a5788019d80d0b6ffd3f84fc5a68c20.jpeg&amp;size=320x210" class="wp-post-image" alt="Волонтерство сделало Украину непобедимой в 2014 году и делает непобедимой сегодня – Президент">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/104066-volonterstvo-sdelalo-ukrainu-nepobedimoy-v-2014-godu-i-delaet-nepobedimoy-segodnya-prezident.html" title="Волонтерство сделало Украину непобедимой в 2014 году и делает непобедимой сегодня – Президент">Волонтерство сделало Украину непобедимой в 2014 году и делает непобедимой...</a>
                            <!--<a href="/news-ukraine-and-worlds/104066-volonterstvo-sdelalo-ukrainu-nepobedimoy-v-2014-godu-i-delaet-nepobedimoy-segodnya-prezident.html" title="Волонтерство сделало Украину непобедимой в 2014 году и делает непобедимой сегодня – Президент">Волонтерство сделало Украину непобедимой в 2014 году и делает...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/104065-dudin-skakun-korban-ili-kto-razgrabit-har-kov.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/d07fb8f469faebdea62c00f54aa03b94.png&amp;size=320x210" class="wp-post-image" alt="Дудин, Скакун, Корбан или кто разграбит Харьков?">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/104065-dudin-skakun-korban-ili-kto-razgrabit-har-kov.html" title="Дудин, Скакун, Корбан или кто разграбит Харьков?">Дудин, Скакун, Корбан или кто разграбит Харьков?</a>
                            <!--<a href="/news-ukraine-and-worlds/104065-dudin-skakun-korban-ili-kto-razgrabit-har-kov.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-ukraine-and-worlds/104062-rozpochavsya-reyd-unso-do-kordon-v-pmr.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.12.2021/3db25acbbfc5d7891fe505e88f06ade6.png&amp;size=320x210" class="wp-post-image" alt="РОЗПОЧАВСЯ РЕЙД УНСО ДО КОРДОНІВ “ПМР”">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/104062-rozpochavsya-reyd-unso-do-kordon-v-pmr.html" title="РОЗПОЧАВСЯ РЕЙД УНСО ДО КОРДОНІВ “ПМР”">РОЗПОЧАВСЯ РЕЙД УНСО ДО КОРДОНІВ “ПМР”</a>
                            <!--<a href="/news-ukraine-and-worlds/104062-rozpochavsya-reyd-unso-do-kordon-v-pmr.html" title="РОЗПОЧАВСЯ РЕЙД УНСО ДО КОРДОНІВ “ПМР”">РОЗПОЧАВСЯ РЕЙД УНСО ДО КОРДОНІВ “ПМР”</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3307').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-3307 .entry").remove();');
                                $('#streem_append_block-3307 .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-3307').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-589-10 row-k-style" id="row-k-style-589-10">
            <div class="row-k-width-589-10 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 base-content no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
    
        
        <a href="#" id="go-top"><i class="fas fa-arrow-up"></i></a>

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


                document.addEventListener("DOMContentLoaded", function () {
                    $(document).ready(function () {
                        var in_slider_2 = false;
                        var ww = $(window).width();
                        addStyle("/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=06");
                        }
                        $(window).scroll(function() {
                            var scroll = $(window).scrollTop();

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


                                                                        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=07"></script>
                                        			            <!--player-->
                                                                            
        
                        <script type="text/javascript">
            $(function() {
                $.fn.fixedMenu = function() {
                    if ($(window).scrollTop() >= "250") $(this).addClass("fixed-menu-bar")
                    var scrollDiv = $(this);
                    $(window).scroll(function() {
                        if ($(window).scrollTop() <= "250")
                            $(scrollDiv).removeClass("fixed-menu-bar");
                        else
                            $(scrollDiv).addClass("fixed-menu-bar");
                    });
                }

                $.fn.scrollToTop = function() {
                    $(this).hide().removeAttr("href");
                    if ($(window).scrollTop() >= "250") $(this).fadeIn("slow");
                    var scrollDiv = $(this);
                    $(window).scroll(function() {
                        if ($(window).scrollTop() <= "250")
                            $(scrollDiv).fadeOut("slow");
                        else
                            $(scrollDiv).fadeIn("slow");
                    });
                    $(this).click(function() {
                        $("html, body").animate({scrollTop: 0}, "slow");
                    });
                }

                var nav = $('body nav.navbar');
                nav = nav.eq(nav.length-1);
                var row = nav.closest('.row-k-style');
                row.fixedMenu();

                if($("#go-top").length>0)
                    $("#go-top").scrollToTop();

                $('.news_list').on('click', '.set-video-link-to-file', function (e) {
                    e.preventDefault();
                    /*$('body').addClass('load-video');*/
                    $.ajax({
                        url: '/helps/set-link',
                        type: "POST",
                        dataType: "json",
                        async: true,
                        data: {
                            'src': $(this).data('name'),
                            'name': $(this).data('file'),
                        },
                        success: function (data) {
                            //$('body').removeClass('load-video');
                        }
                    });
                });
            });
        </script>
        </body>
</html>