<!--::result::time::09:52:28::App\Service\Components\Header\H03::-->
<!--::result::time::09:52:28::work: 0.0025 s::App\Service\Components\Header\H03::-->
<!--::result::time::09:52:28::App\Service\Components\Header\H03::-->
<!--::result::time::09:52:28::work: 0.0012 s::App\Service\Components\Header\H03::-->
<!--::result::time::09:52:28::App\Service\Components\Header\H03::-->
<!--::result::time::09:52:28::work: 0.0015 s::App\Service\Components\Header\H03::-->
<!--::result::time::09:52:28::App\Service\Components\Header\H04::-->
<!--::result::time::09:52:28::work: 0.0005 s::App\Service\Components\Header\H04::-->
<!--::result::time::09:52:28::App\Service\Components\Header\H02::-->
<!--::result::time::09:52:28::work: 0.0135 s::App\Service\Components\Header\H02::-->
<!--::result::time::09:52:28::App\Service\Components\Text\T01::-->
<!--::result::time::09:52:28::work: 0.0006 s::App\Service\Components\Text\T01::-->
<!--::result::time::09:52:28::App\Service\Components\News\N12::-->
<!--::result::time::09:52:28::work: 0.0177 s::App\Service\Components\News\N12::-->
<!--::result::time::09:52:28::App\Service\Components\News\N10::-->
<!--::result::time::09:52:28::work: 0.0011 s::App\Service\Components\News\N10::-->
<!--::result::time::09:52:28::App\Service\Components\News\N11::-->
<!--::result::time::09:52:28::work: 0.1446 s::App\Service\Components\News\N11::-->
<!--::result::time::09:52:28::App\Service\Components\News\N12::-->
<!--::result::time::09:52:28::work: 0.0073 s::App\Service\Components\News\N12::-->
<!--::result::time::09:52:28::App\Service\Components\News\N04::-->
<!--::result::time::09:52:28::work: 0.0186 s::App\Service\Components\News\N04::-->
<!--::result::time::09:52:28::App\Service\Components\News\N01::-->
<!--::result::time::09:52:28::getChildsMapIds::-->
<!--::result::time::09:52:28::work: 0.0023 s::getChildsMapIds::-->
<!--::result::time::09:52:28::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::work: 0.0562 s::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::foreach::-->
<!--::result::time::09:52:28::work: 0.026 s::foreach::-->
<!--::result::time::09:52:28::work: 0.0874 s::App\Service\Components\News\N01::-->
<!--::result::time::09:52:28::App\Service\Components\News\N06::-->
<!--::result::time::09:52:28::getChildsMapIds::-->
<!--::result::time::09:52:28::work: 0.0005 s::getChildsMapIds::-->
<!--::result::time::09:52:28::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::work: 0.016 s::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::foreach::-->
<!--::result::time::09:52:28::work: 0.0073 s::foreach::-->
<!--::result::time::09:52:28::work: 0.026 s::App\Service\Components\News\N06::-->
<!--::result::time::09:52:28::App\Service\Components\News\N04::-->
<!--::result::time::09:52:28::work: 0.0058 s::App\Service\Components\News\N04::-->
<!--::result::time::09:52:28::App\Service\Components\News\N01::-->
<!--::result::time::09:52:28::getChildsMapIds::-->
<!--::result::time::09:52:28::work: 0.0034 s::getChildsMapIds::-->
<!--::result::time::09:52:28::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::work: 0.0643 s::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::foreach::-->
<!--::result::time::09:52:28::work: 0.0289 s::foreach::-->
<!--::result::time::09:52:28::work: 0.0986 s::App\Service\Components\News\N01::-->
<!--::result::time::09:52:28::App\Service\Components\News\N01::-->
<!--::result::time::09:52:28::getChildsMapIds::-->
<!--::result::time::09:52:28::work: 0.0024 s::getChildsMapIds::-->
<!--::result::time::09:52:28::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::work: 0.0926 s::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::foreach::-->
<!--::result::time::09:52:28::work: 0.024 s::foreach::-->
<!--::result::time::09:52:28::work: 0.1196 s::App\Service\Components\News\N01::-->
<!--::result::time::09:52:28::App\Service\Components\News\N01::-->
<!--::result::time::09:52:28::getChildsMapIds::-->
<!--::result::time::09:52:28::work: 0.0038 s::getChildsMapIds::-->
<!--::result::time::09:52:28::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::work: 0.0661 s::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::foreach::-->
<!--::result::time::09:52:28::work: 0.0239 s::foreach::-->
<!--::result::time::09:52:28::work: 0.0944 s::App\Service\Components\News\N01::-->
<!--::result::time::09:52:28::App\Service\Components\News\N01::-->
<!--::result::time::09:52:28::getChildsMapIds::-->
<!--::result::time::09:52:28::work: 0.0037 s::getChildsMapIds::-->
<!--::result::time::09:52:28::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::work: 0.0604 s::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::foreach::-->
<!--::result::time::09:52:28::work: 0.0264 s::foreach::-->
<!--::result::time::09:52:28::work: 0.0912 s::App\Service\Components\News\N01::-->
<!--::result::time::09:52:28::App\Service\Components\News\N01::-->
<!--::result::time::09:52:28::getChildsMapIds::-->
<!--::result::time::09:52:28::work: 0.0036 s::getChildsMapIds::-->
<!--::result::time::09:52:28::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::work: 0.0646 s::getPagesByCategoryLimit::-->
<!--::result::time::09:52:28::foreach::-->
<!--::result::time::09:52:28::work: 0.0263 s::foreach::-->
<!--::result::time::09:52:28::work: 0.0951 s::App\Service\Components\News\N01::-->
<!--::result::time::09:52:28::App\Service\Components\News\N05::-->
<!--::result::time::09:52:28::getChildsMapIds::-->
<!--::result::time::09:52:28::work: 0.0005 s::getChildsMapIds::-->
<!--::result::time::09:52:28::getPagesByCategoryLimit::-->
<!--::result::time::09:52:29::work: 0.3018 s::getPagesByCategoryLimit::-->
<!--::result::time::09:52:29::foreach::-->
<!--::result::time::09:52:29::work: 0.1133 s::foreach::-->
<!--::result::time::09:52:29::work: 0.4191 s::App\Service\Components\News\N05::-->
<!--::result::time::09:52:29::work: 1.2701 s::-->
<!--::result::time::09:52:29::render work: 0.0069 s::-->
<!DOCTYPE html>
<html class="default-style" lang="ua">
    <head>
        <meta charset="UTF-8">
                <title>Рівне Інформ Новини України Новости Украины</title>

        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="preconnect" href="https://cdn.ukraine-inform.com" />

        
        <style>
            @import url('https://fonts.googleapis.com/css?family=Marck Script&display=swap&subset=cyrillic');
            .navbar .navbar-nav .nav-link {
                font-size: 14px;
            }
            .profile.pr-i .widget.category-child .title {
                background: transparent;
            }
            .preloader-page {
                position: fixed;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: #f5f5f5;
                z-index: 999999;
                padding: 15px;
            }
            .hpp {
                width: 100%;
                height: 20%;
                background: #fff;
                margin-bottom: 15px;
                position: relative;
            }
            .bpp {
                width: calc(80% - 15px);
                height: 60%;
                background: #fff;
                float: left;
                margin-right: 15px;
                margin-bottom: 15px;
            }
            .blpp {
                width: 20%;
                height: 60%;
                background: #fff;
                float: right;
            }
            .bbpp {
                width: 100%;
                height: 20%;
                background: #fff;
                margin-bottom: 15px;
            }
            .search-item {
                position: relative;
            }
            .form-search {
                position: absolute;
                display: none;
                min-width: 340px;
                right: 0;
                z-index: 9999999;
                background: #fff;
                padding: 5px;
                border-bottom: 2px solid #155c92;
                box-shadow: 0 0 4px #00000061;
            }
            .form-search input {
                display: inline-block;
                width: 249px;
                padding: 5px 10px;
                background: #fff;
                border: 0;
                height: auto;
                line-height: 1;
                min-height: auto;
                font-size: 14px;
            }
            .form-search button {
                display: inline-block;
                margin: 0;
                width: 70px;
                padding: 5px 0px;
                font-size: 14px;
            }
            .form-search button:hover {
                cursor: pointer;
                opacity: 0.8;
            }
            a:hover {
                text-decoration: none;
            }
        </style>
        <link rel="stylesheet" href="https://cdn.ukraine-inform.com/app.d7656b1e.css">
        <!--<link rel="stylesheet" href="https://cdn.ukraine-inform.com/new1/lazy-app.4f192f45.css">
        <link rel="stylesheet" href="/widjets/assets/bootstrap/css/bootstrap.min.css">

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

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

        <!--<link rel="stylesheet" href="/admin/vendor/libs/perfect-scrollbar/perfect-scrollbar.css">-->
        <!--<link rel="stylesheet" href="/assets-param/style/font">-->
        <link rel="stylesheet" href="/assets-param/style/option">
                
        
                <style>
            .row-k-width-246-0 {width:95%}
.row-k-style-246-0 {background: linear-gradient(#ccd4db,#ccd4db)}
.row-k-width-246-1 {width:95%}
.row-k-style-246-1 {background: linear-gradient(#017cc3,#017cc3)}
.row-k-width-246-2 {width:95%}
.row-k-style-246-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-246-3 {width:95%}
.row-k-style-246-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-247-0 {width:95%}
.row-k-style-247-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-247-1 {width:95%}
.row-k-style-247-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-247-2 {width:95%}
.row-k-style-247-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-247-3 {width:95%}
.row-k-style-247-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-247-4 {width:95%}
.row-k-style-247-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-247-5 {width:95%}
.row-k-style-247-5 {background: linear-gradient(#fff,#fff)}
.row-k-width-247-6 {width:95%}
.row-k-style-247-6 {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/26.01.2022/66d12f2cb04173568d2a6521b0fd91cf.jpeg&size=850x560&ios=false" as="image">
			<meta property="og:title" content="Laska Upcycle Merch – зупинити погіршення екологічної ситуації разом">
			<meta property="og:description" content="Ні для кого не секрет, що ситуація з екологією кожен рік привертає до себе все більше уваги. Причиною цьому є постійне погіршення умов, природа буквально кричить про те, що люди виснажують її, та намагається подати знаки несподіваними природними умовами та стихійними лихами. Але найбільш помітним є перевиробництво...">
			<meta property="og:url" content="https://dnipro-inform.com/news-suspilstvo-events/105851-laska-upcycle-merch-zupiniti-pog-rshennya-ekolog-chno-situac-razom.html">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/66d12f2cb04173568d2a6521b0fd91cf.jpeg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/66d12f2cb04173568d2a6521b0fd91cf.jpeg&size=1000<&ios=false">
			<meta property="og:site_name" content="Рівне Інформ Новини України Новости Украины">
			
                </head>
    <body>
   <!-- <div class="preloader-page">
        <div class="hpp"></div>
        <div class="bpp"></div>
        <div class="blpp"></div>
        <div style="clear: both"></div>
        <div class="bbpp"></div>
    </div>-->
                    <section class=" row-k-style-246-0 row-k-style" id="row-k-style-246-0">
            <div class="row-k-width-246-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--978.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--978 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--978.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--978.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--978.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--978 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #017cc3;
    }
    .widjetComponent--978 .open-search {
        color: #017cc3;
    }
     #navbarSupportedContent978 .sub-menu {
         display: none;
     }
    #navbarSupportedContent978 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent978 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent978 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent978 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--978" once="menu" id="menu978-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="#navbarSupportedContent978"
                aria-controls="navbarSupportedContent978" 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="navbarSupportedContent978">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/">Головна</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/kontakti">Контакти</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--979.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: center;
        -webkit-justify-content: center;
    }
    .widjetComponent--979 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--979.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--979.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--979.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--979 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #017cc3;
    }
    .widjetComponent--979 .open-search {
        color: #017cc3;
    }
     #navbarSupportedContent979 .sub-menu {
         display: none;
     }
    #navbarSupportedContent979 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent979 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent979 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent979 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--979" once="menu" id="menu979-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="#navbarSupportedContent979"
                aria-controls="navbarSupportedContent979" 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="navbarSupportedContent979">
            <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--980.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--980 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--980.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--980.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--980.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--980 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #017cc3;
    }
    .widjetComponent--980 .open-search {
        color: #017cc3;
    }
     #navbarSupportedContent980 .sub-menu {
         display: none;
     }
    #navbarSupportedContent980 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent980 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent980 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent980 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--980" once="menu" id="menu980-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="#navbarSupportedContent980"
                aria-controls="navbarSupportedContent980" 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="navbarSupportedContent980">
            <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-246-1 row-k-style" id="row-k-style-246-1">
            <div class="row-k-width-246-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--547.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--547 .logo-text {
        margin-left: 25px;    }
    </style>
<a class="widjetComponent--547 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.10.2019/94c7bb2360eb584663867380aec787ca.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.10.2019/94c7bb2360eb584663867380aec787ca.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.10.2019/94c7bb2360eb584663867380aec787ca.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--981 {
        background: transparent;
    }
    .widjetComponent--981 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--981 .navbar-toggleable-sm .navbar-nav .nav-link,
    .widjetComponent--981 .nav-dropdown>li>a {
        padding: 25px 15px 25px 15px;
        color: #ffffff;
        position: relative;
        font-size: 16px;
        margin: 0;
    }
    .widjetComponent--981 .navbar-toggleable-sm .navbar-nav .nav-link:hover,
    .widjetComponent--981 .nav-dropdown>li>a:hover {
        padding: 25px 15px 25px 15px;
        color: #ffffff;
        margin: 0;
        background: #017cc3;
    }
    .widjetComponent--981 .navbar-toggleable-sm {
        padding-top: 0;
        padding-bottom: 0;
    }
    .widjetComponent--981 .nav-item.dropdown.open .dropdown-menu{
        display: block;
        text-align: right;
        border-bottom: 2px solid #017cc3;
        padding-bottom: 0;
        padding-top: 0;
        width: 100%;
        top: 90%;
        z-index: 9999;
    }
    .widjetComponent--981 .nav-item.dropdown.open .dropdown-menu a {
        display: inline-block;
        padding: 15px 15px;
        width: auto;
    }
    .widjetComponent--981 .nav-item.dropdown.open .dropdown-menu a:hover {
        background: #017cc3;
        color: #ffffff;
    }
    .widjetComponent--981 .dropdown {
        position: initial;
    }
    .widjetComponent--981 .navbar,
    section.menu.widjetComponent--981 {
        position: initial;
    }
    .widjetComponent--981 .search-item .form-search {
        display: none;
    }
</style>
<section class="menu widjetComponent--981">
    <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="#navbarSupportedContent981"
                aria-controls="navbarSupportedContent981" 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="navbarSupportedContent981">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-derzhava"
                               data-toggle="dropdown-submenu" aria-expanded="false">Держава</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-derzhava-borotba-z-koruptsiyeyu">Боротьба з корупцією</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-vlada">Влада</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-pravookhoronni-orhany">Правоохоронні органи</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-polityka"
                               data-toggle="dropdown-submenu" aria-expanded="false">Політика</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-polityka-vnutrishnya-polityka">Внутрішня політика</a>
                                                                    <a class="dropdown-item" href="/news-polityka-zovnishnya-polityka">Зовнішня політика</a>
                                                                    <a class="dropdown-item" href="/news-polityka-mistseve-samovryaduvannya">Місцеве самоврядування</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-suspilstvo"
                               data-toggle="dropdown-submenu" aria-expanded="false">Суспільство</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-suspilstvo-education">Освіта</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-culture">Культура</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-religion">Релігія</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-events">Події</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-hromadski-ob-yednannya">Громадські об’єднання</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-ekonomika"
                               data-toggle="dropdown-submenu" aria-expanded="false">Економіка</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-ekonomika-agro-industry">Агропромисловість</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-realty">Нерухомість</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-business">Бізнес</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-industry">Промисловість</a>
                                                                    <a class="dropdown-item" href="/news-tekhnologiji">Технології</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-sport"
                               data-toggle="dropdown-submenu" aria-expanded="false">Спорт</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-sport-sport-news">Новини спорту</a>
                                                                    <a class="dropdown-item" href="/news-sport-boxing">Бокс</a>
                                                                    <a class="dropdown-item" href="/news-sport-zmaganna">Змагання</a>
                                                                    <a class="dropdown-item" href="/news-sport-football">Футбол</a>
                                                                    <a class="dropdown-item" href="/news-sport-edunoborstva">Єдиноборства</a>
                                                            </div>
                        </li>
                                                </ul>
            <div class="search-item">
                <a class="nav-link link open-search" href="#"><i class="fas fa-search d-block"></i></a>
                <form action="/news" method="post" class="form-search">
                    <input type="text"
                           class="form-control"
                           id="search-query"
                           name="Search[query]"
                           value="" placeholder="Введіть ключове слово">
                    <button type="submit">Знайти</button>
                </form>
            </div>
        </div>
    </nav>
</section>

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

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

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

</style>
<section class="widjet-component-inner widjetComponent--983">
            <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/105851-laska-upcycle-merch-zupiniti-pog-rshennya-ekolog-chno-situac-razom.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/66d12f2cb04173568d2a6521b0fd91cf.jpeg&amp;size=850x560" class="wp-post-image" alt="Laska Upcycle Merch – зупинити погіршення екологічної ситуації разом">
                            <div class="category">Найголовніше</div>
                            <div class="post-content">
                                <h3 class="widget-title">Laska Upcycle Merch – зупинити погіршення екологічної ситуації разом</h3>
                                <div class="entry-content">
                                    

Ні для кого не секрет, що ситуація з екологією кожен рік привертає до себе все більше уваги. Причиною цьому є постійне погіршення умов, природа буквально кричить про те, що...
                                </div>
                            </div>

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

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

    #efir-content-s-close {
        display: none;
        position: absolute;
        right: -10px;
        top: -10px;
        background: #036af0;
        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 #036af099;
        border: 4px solid #036af099;
    }
    #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: #036af0;
        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--984">
    <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--985 {
        margin: 20px 0 0 0;
		margin-top: 10px;
        padding: 0;
        background: transparent;
    }
    .widjetComponent--title--985 {
        font-size: 14px;
        padding: 13px 19px 13px 19px;
        border-bottom: 4px solid #dddddd;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .widjetComponent--985 .post-inner {
        padding: 0 19px 0 19px;
    }
    .widjetComponent--985 .post-inner a {
        color: #000;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 10px;
        padding-bottom: 9px;
        font-size: 14px;
        font-weight: normal;
        display: block;
    }
    .widjetComponent--985 .post-inner a:hover {
        color: #017cc3;
    }
</style>
<section class="widjet-component-inner widjetComponent--985">
    <div class="widjetComponent--title--985 widget-title-base">
        <a href="javascript:void(0);">Останні новини</a>
    </div>
    <div class="body" id="scroll-last-n-985" style="height: 280px">
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/105900-izmereniya-sud-by-nikolaya-golomshi.html" title="ИЗМЕРЕНИЯ СУДЬБЫ НИКОЛАЯ ГОЛОМШИ">ИЗМЕРЕНИЯ СУДЬБЫ НИКОЛАЯ ГОЛОМШИ</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-suspilstvo-education/105800-stor-ya-tavr-ys-kogo-nac-onal-nogo-un-versitetu.html" title="Історія Таврійського національного університету">Історія Таврійського національного університету</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-sport-sport-news/105890-obgovoreno-plani-rozvitku-lakrosu-na-ki-vschin.html" title="Обговорено плани розвитку лакросу на Київщині!">Обговорено плани розвитку лакросу на Київщині!</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava-pravookhoronni-orhany/105873-kontrabanda-komplektuyuchih-do-str-lec-ko-vognepal-no-zbro-do-rf---p-dozryuyut-meshkanku-hark-vs-ko-oblast.html" title="Контрабанда комплектуючих до стрілецької вогнепальної зброї до РФ - підозрюють мешканку Харківської області">Контрабанда комплектуючих до стрілецької вогнепальної зброї до РФ - підозрюють...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/105898-izmereniya-sud-by-nikolaya-golomshi.html" title="ИЗМЕРЕНИЯ СУДЬБЫ НИКОЛАЯ ГОЛОМШИ">ИЗМЕРЕНИЯ СУДЬБЫ НИКОЛАЯ ГОЛОМШИ</a>
                </div>
            </div>
            </div>
</section>

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

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

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

</style>
<section class="widjet-component-inner widjetComponent--987">
            <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/105861-na-r-nenschin-zhitel-poterpayut-v-d-vikid-v.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/5dd7b21491efcbeee95c6f5554418987.jpeg&amp;size=851x561" class="wp-post-image" alt="На Ріненщині жителі потерпають від викидів ">
                            <div class="category">Важливо</div>
                            <div class="post-content">
                                <h3 class="widget-title">На Ріненщині жителі потерпають від викидів </h3>
                                <div class="entry-content">
                                    

Жителі міста на Рівненщині вже котрий рік потерпають від повітря з викидами через місцеве підприємство.

Місцеві жителі Рівненщини дихають повітрям з викидами. Жителі міста...
                                </div>
                            </div>

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

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

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

</style>
<section class="widjet-component-inner widjetComponent--990">
            <style>
        .widjetComponent--title--990.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #017cc3;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
        <h4 class="widjetComponent--title--990 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/105870-derzhavn-vikonavc-r-vnenschini-tor-k-styagnuli-b-l-she-160-m-l-yon-v-griven-al-ment-v.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/788af2984522197c18ce0987724cb4aa.jpeg&amp;size=850x560" class="wp-post-image" alt="Державні виконавці Рівненщини торік стягнули більше 160 мільйонів гривень аліментів">
                            <div class="post-content">
                                <div class="category">Новини України та світу</div>
                                <h3 class="widget-title">Державні виконавці Рівненщини торік стягнули більше 160 мільйонів гривень...</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-derzhava-pravookhoronni-orhany/105008-sinyavs-ka-ol-ga-oleksandr-vna---solodovnik-valentin-oleksandrovich-shahra-scho-sprichinyayut-m-zhnarodniy-konfl-kt-kitay-ukra-na-do-pobachennya-nvestic.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.12.2021/e4e8299d0e9183f9640f8f76031733f3.jpeg&amp;size=850x560" class="wp-post-image" alt="Синявська Ольга Олександрівна - Солодовник Валентин Олександрович – шахраї, що спричиняють міжнародний конфлікт Китай – Україна : До побачення інвестиції!">
                            <div class="post-content">
                                <div class="category">Правоохоронні органи</div>
                                <h3 class="widget-title">Синявська Ольга Олександрівна - Солодовник Валентин Олександрович – шахраї,...</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                            <style>
    .widjetComponent--992 .post-image img {
        width: 100%;
    }
    .widjetComponent--992 .post-image a {
        display: block;
    }
    .widjetComponent--992 .post-content .category a {
        color: #017cc3;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--992 .post-content .category a:hover {
        color: #017cc3;
    }
    .widjetComponent--992 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--992 .widget-title a:hover {
        color: #017cc3;
    }
    .widjetComponent--992 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--992 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--992 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--992 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--992 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--992 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--992 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--992">
            <style>
        .widjetComponent--title--992.widget-title-base {
            color: #017cc3;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #017cc3;
            text-align: center;
        }
        .widjetComponent--title--992.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-polityka" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--992 widget-title-base">
        <span>Політика</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-vnutrishnya-polityka/105612-zradnik-chi-n-sprava-petra-poroshenko-odna-z-nayguchn-shih-pod-y-v-ukra-ns-k-y-pol-tic-c-ogo-tizhnya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.01.2022/52ce685e3f896b8db9592af8648781fe.jpeg&amp;size=320x210" class="wp-post-image" alt="Зрадник чи ні? Справа Петра Порошенко. Одна з найгучніших подій в українській політиці цього тижня">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-vnutrishnya-polityka" class="post_term category investing">Внутрішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-vnutrishnya-polityka/105612-zradnik-chi-n-sprava-petra-poroshenko-odna-z-nayguchn-shih-pod-y-v-ukra-ns-k-y-pol-tic-c-ogo-tizhnya.html" title="Зрадник чи ні? Справа Петра Порошенко. Одна з найгучніших подій в українській політиці цього тижня">Зрадник чи ні? Справа Петра Порошенко. Одна з найгучніших подій в українській...</a>
                            <!--<a href="/news-polityka-vnutrishnya-polityka/105612-zradnik-chi-n-sprava-petra-poroshenko-odna-z-nayguchn-shih-pod-y-v-ukra-ns-k-y-pol-tic-c-ogo-tizhnya.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-vnutrishnya-polityka/105607-sud-nad-poroshenkom-ta-obvinuvachennya-v-derzhavn-y-zrad-detal-n-she-pro-cyu-pod-yu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.01.2022/601f17a95fdecbf3d6affb4d433ddcb2.jpeg&amp;size=320x210" class="wp-post-image" alt="Суд над Порошенком та обвинувачення в державній зраді, детальніше про цю подію:">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-vnutrishnya-polityka" class="post_term category investing">Внутрішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-vnutrishnya-polityka/105607-sud-nad-poroshenkom-ta-obvinuvachennya-v-derzhavn-y-zrad-detal-n-she-pro-cyu-pod-yu.html" title="Суд над Порошенком та обвинувачення в державній зраді, детальніше про цю подію:">Суд над Порошенком та обвинувачення в державній зраді, детальніше про цю...</a>
                            <!--<a href="/news-polityka-vnutrishnya-polityka/105607-sud-nad-poroshenkom-ta-obvinuvachennya-v-derzhavn-y-zrad-detal-n-she-pro-cyu-pod-yu.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-vnutrishnya-polityka/105584-v-zit-derzhavnogo-sekretarya-ssha-enton-bl-nken-v-ukra-nu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/d98a56efa65da4e5d6e1cdc96005dd42.jpeg&amp;size=320x210" class="wp-post-image" alt="Візит державного секретаря США Ентоні Блінкен в Україну">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-vnutrishnya-polityka" class="post_term category investing">Внутрішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-vnutrishnya-polityka/105584-v-zit-derzhavnogo-sekretarya-ssha-enton-bl-nken-v-ukra-nu.html" title="Візит державного секретаря США Ентоні Блінкен в Україну">Візит державного секретаря США Ентоні Блінкен в Україну</a>
                            <!--<a href="/news-polityka-vnutrishnya-polityka/105584-v-zit-derzhavnogo-sekretarya-ssha-enton-bl-nken-v-ukra-nu.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-vnutrishnya-polityka/105583-petro-poroshenko-povernuvsya-do-ukra-ni-scho-yomu-zagrozhu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/bf2c580f5309c6da33f1afc58c016a29.jpeg&amp;size=320x210" class="wp-post-image" alt="Петро Порошенко повернувся до України: що йому загрожує">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-vnutrishnya-polityka" class="post_term category investing">Внутрішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-vnutrishnya-polityka/105583-petro-poroshenko-povernuvsya-do-ukra-ni-scho-yomu-zagrozhu.html" title="Петро Порошенко повернувся до України: що йому загрожує">Петро Порошенко повернувся до України: що йому загрожує</a>
                            <!--<a href="/news-polityka-vnutrishnya-polityka/105583-petro-poroshenko-povernuvsya-do-ukra-ni-scho-yomu-zagrozhu.html" title="Петро Порошенко повернувся до України: що йому загрожує">Петро Порошенко повернувся до України: що йому загрожує</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-992 .entry").remove();');
                                $('#streem_append_block-992 .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-992').append(curstr);

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

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

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

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

</style>
<section class="widjet-component-inner widjetComponent--991">
            <style>
        .widjetComponent--title--991.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #017cc3;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
        <h4 class="widjetComponent--title--991 widget-title-base">Топ відео</h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/24837-p-dklyuchemo-vash-sayt-do-portalu-ukra-na-nform-kozhna-novina-z-vashogo-saytu-bude-avtomatichno-opubl-kovana-na-tisyach-saytah-ukra-ni-ta-sv-tu.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/05.01.2020/0dc515e166cf4120bf09df39401f9ddf/07ddcc38511f27b4a8c6758644ffddcb_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Підключимо ваш сайт до порталу УКРАЇНА ІНФОРМ! Кожна новина з вашого сайту буде автоматично опублікована на тисячі сайтах України та світу!">
                            <div class="post-content">
                                <div class="category">Новини України та світу</div>
                                <h3 class="widget-title">Підключимо ваш сайт до порталу УКРАЇНА ІНФОРМ! Кожна новина з вашого сайту...</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                            <style>
    .widjetComponent--989 .post-image img {
        width: 100%;
    }
    .widjetComponent--989 .post-image a {
        display: block;
    }
    .widjetComponent--989 .post-content .category a {
        color: #017cc3;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--989 .post-content .category a:hover {
        color: #017cc3;
    }
    .widjetComponent--989 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--989 .widget-title a:hover {
        color: #017cc3;
    }
    .widjetComponent--989 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--989 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--989 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--989 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--989 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--989 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--989 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--989">
            <style>
        .widjetComponent--title--989.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #017cc3;
            text-align: flex-start;
        }
        .widjetComponent--title--989.widget-title-base span {
            background: #017cc3;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/video" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--989 widget-title-base">
        <span>Відео</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo/105815-akc-ya-savefop.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/26.01.2022/5502255f283fbbc7a1c67be2899fbee3/5b8e240c30bf3589b4eaa843448379ad.mp4"
                               data-videoid="3014"
                               data-videoHLS=""
                               data-link="/video-suspilstvo/105815-akc-ya-savefop.html"
                               title="Акція  «SaveФОП»,"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/26.01.2022/5502255f283fbbc7a1c67be2899fbee3/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/26.01.2022/5502255f283fbbc7a1c67be2899fbee3/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/26.01.2022/5502255f283fbbc7a1c67be2899fbee3/a696ec5bc3453434f8f1f3aed2d13883_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Акція  «SaveФОП»,">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo/105815-akc-ya-savefop.html" title="Акція  «SaveФОП»,">Акція  «SaveФОП»,</a>
                            <!--<a href="/video-suspilstvo/105815-akc-ya-savefop.html" title="Акція  «SaveФОП»,">Акція  «SaveФОП»,</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/105781-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-25-s-chnya-2022-roku.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/25.01.2022/6145494eac4e84ed11e9b67dc0330c5a/f25b5b14323ea7d5c2ee9844d0737624.mp4"
                               data-videoid="3013"
                               data-videoHLS=""
                               data-link="/video-derzhava/105781-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-25-s-chnya-2022-roku.html"
                               title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 25 січня 2022 року"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/25.01.2022/6145494eac4e84ed11e9b67dc0330c5a/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/25.01.2022/6145494eac4e84ed11e9b67dc0330c5a/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/25.01.2022/6145494eac4e84ed11e9b67dc0330c5a/97eb26b9c36a35a3e558ff499385f320_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 25 січня 2022 року">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/105781-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-25-s-chnya-2022-roku.html" title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 25 січня 2022 року">Зведення про ситуацію в районі проведення операції Об’єднаних сил станом...</a>
                            <!--<a href="/video-derzhava/105781-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-25-s-chnya-2022-roku.html" title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 25 січня 2022 року">Зведення про ситуацію в районі проведення операції Об’єднаних...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/105697-zaschitnoe-steklo-6d-ili-broneplenka.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/24.01.2022/9b7743765ebf175bc41262279cdac48c/cdc7f5ca6130e7a98c44711fa21bc285.mp4"
                               data-videoid="3012"
                               data-videoHLS=""
                               data-link="/video-derzhava/105697-zaschitnoe-steklo-6d-ili-broneplenka.html"
                               title="Защитное стекло : 6D или бронепленка"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/24.01.2022/9b7743765ebf175bc41262279cdac48c/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/24.01.2022/9b7743765ebf175bc41262279cdac48c/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.01.2022/9b7743765ebf175bc41262279cdac48c/b78e2e6a08bad9e3b3b5083d6f971e5f_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Защитное стекло : 6D или бронепленка">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/105697-zaschitnoe-steklo-6d-ili-broneplenka.html" title="Защитное стекло : 6D или бронепленка">Защитное стекло : 6D или бронепленка</a>
                            <!--<a href="/video-derzhava/105697-zaschitnoe-steklo-6d-ili-broneplenka.html" title="Защитное стекло : 6D или бронепленка">Защитное стекло : 6D или бронепленка</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/105677-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-22-s-chnya-2022-roku-slava-ukra-n.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.01.2022/a9ed96114f817e6274f86fb4e58b6776/051dd0ef0441db51b82edb7655e26028.mp4"
                               data-videoid="3010"
                               data-videoHLS=""
                               data-link="/video-derzhava/105677-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-22-s-chnya-2022-roku-slava-ukra-n.html"
                               title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 22 січня 2022 року Слава Україні!"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.01.2022/a9ed96114f817e6274f86fb4e58b6776/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.01.2022/a9ed96114f817e6274f86fb4e58b6776/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.01.2022/a9ed96114f817e6274f86fb4e58b6776/c3c74b6e3dce180fc6718476b5960891_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 22 січня 2022 року Слава Україні!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/105677-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-22-s-chnya-2022-roku-slava-ukra-n.html" title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 22 січня 2022 року Слава Україні!">Зведення про ситуацію в районі проведення операції Об’єднаних сил станом...</a>
                            <!--<a href="/video-derzhava/105677-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-22-s-chnya-2022-roku-slava-ukra-n.html" title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 22 січня 2022 року Слава Україні!">Зведення про ситуацію в районі проведення операції Об’єднаних...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-989 .entry").remove();');
                                $('#streem_append_block-989 .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-989').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-247-2 row-k-style" id="row-k-style-247-2">
            <div class="row-k-width-247-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-height no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--993 .post-image img {
        width: 100%;
    }
    .widjetComponent--993 .post-image a {
        display: block;
    }
    .widjetComponent--993 .post-content .category a {
        color: #017cc3;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--993 .post-content .category a:hover {
        color: #017cc3;
    }
    .widjetComponent--993 .widget-title a {
        color: #000000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--993 .widget-title a:hover {
        color: #017cc3;
    }
    .widjetComponent--993 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--993 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--993 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--993 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--993 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--993 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--993 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--993">
            <style>
        .widjetComponent--title--993.widget-title-base {
            color: #017cc3;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #017cc3;
            text-align: center;
        }
        .widjetComponent--title--993.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--993 widget-title-base">
        <span>Держава</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-pravookhoronni-orhany/105873-kontrabanda-komplektuyuchih-do-str-lec-ko-vognepal-no-zbro-do-rf---p-dozryuyut-meshkanku-hark-vs-ko-oblast.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/3a983b7998ce5a744ec3cf0ab26f76f5.jpeg&amp;size=320x210" class="wp-post-image" alt="Контрабанда комплектуючих до стрілецької вогнепальної зброї до РФ - підозрюють мешканку Харківської області">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-pravookhoronni-orhany/105873-kontrabanda-komplektuyuchih-do-str-lec-ko-vognepal-no-zbro-do-rf---p-dozryuyut-meshkanku-hark-vs-ko-oblast.html" title="Контрабанда комплектуючих до стрілецької вогнепальної зброї до РФ - підозрюють мешканку Харківської області">Контрабанда комплектуючих до стрілецької вогнепальної зброї до РФ - підозрюють...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/105873-kontrabanda-komplektuyuchih-do-str-lec-ko-vognepal-no-zbro-do-rf---p-dozryuyut-meshkanku-hark-vs-ko-oblast.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-vlada/105885-al-menti-na-ditinu-u-2022-roc.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/4c3f0b9acf442b597f382840c154277b.jpeg&amp;size=320x210" class="wp-post-image" alt="Аліменти на дитину у 2022 році ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-vlada" class="post_term category investing">Влада</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-vlada/105885-al-menti-na-ditinu-u-2022-roc.html" title="Аліменти на дитину у 2022 році ">Аліменти на дитину у 2022 році </a>
                            <!--<a href="/news-derzhava-vlada/105885-al-menti-na-ditinu-u-2022-roc.html" title="Аліменти на дитину у 2022 році ">Аліменти на дитину у 2022 році </a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-pravookhoronni-orhany/105872-predstavnik-mvs-rozpov-v-pro-pravila-nadannya-persho-medichno-dopomogi-na-ki-vschin.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/bc94b969a68af78576bf6f66075b612e.jpeg&amp;size=320x210" class="wp-post-image" alt="Представник МВС розповів про правила надання першої медичної допомоги на Київщині">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-pravookhoronni-orhany/105872-predstavnik-mvs-rozpov-v-pro-pravila-nadannya-persho-medichno-dopomogi-na-ki-vschin.html" title="Представник МВС розповів про правила надання першої медичної допомоги на Київщині">Представник МВС розповів про правила надання першої медичної допомоги на...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/105872-predstavnik-mvs-rozpov-v-pro-pravila-nadannya-persho-medichno-dopomogi-na-ki-vschin.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/105870-derzhavn-vikonavc-r-vnenschini-tor-k-styagnuli-b-l-she-160-m-l-yon-v-griven-al-ment-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/788af2984522197c18ce0987724cb4aa.jpeg&amp;size=320x210" class="wp-post-image" alt="Державні виконавці Рівненщини торік стягнули більше 160 мільйонів гривень аліментів">
                        </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/105870-derzhavn-vikonavc-r-vnenschini-tor-k-styagnuli-b-l-she-160-m-l-yon-v-griven-al-ment-v.html" title="Державні виконавці Рівненщини торік стягнули більше 160 мільйонів гривень аліментів">Державні виконавці Рівненщини торік стягнули більше 160 мільйонів гривень...</a>
                            <!--<a href="/news-ukraine-and-worlds/105870-derzhavn-vikonavc-r-vnenschini-tor-k-styagnuli-b-l-she-160-m-l-yon-v-griven-al-ment-v.html" title="Державні виконавці Рівненщини торік стягнули більше 160 мільйонів гривень аліментів">Державні виконавці Рівненщини торік стягнули більше 160...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-993 .entry").remove();');
                                $('#streem_append_block-993 .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-993').append(curstr);

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

                                                                            <style>
    .widjetComponent--994 .post-image img {
        width: 100%;
    }
    .widjetComponent--994 .post-image a {
        display: block;
    }
    .widjetComponent--994 .post-content .category a {
        color: #017cc3;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--994 .post-content .category a:hover {
        color: #017cc3;
    }
    .widjetComponent--994 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--994 .widget-title a:hover {
        color: #017cc3;
    }
    .widjetComponent--994 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--994 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--994 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--994 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--994 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--994 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--994 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--994">
            <style>
        .widjetComponent--title--994.widget-title-base {
            color: #017cc3;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #017cc3;
            text-align: center;
        }
        .widjetComponent--title--994.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--994 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-education/105800-stor-ya-tavr-ys-kogo-nac-onal-nogo-un-versitetu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/dbacef1276b3b06aa516d7b2c7b0a1c7.jpeg&amp;size=320x210" class="wp-post-image" alt="Історія Таврійського національного університету">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-education" class="post_term category investing">Освіта</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-education/105800-stor-ya-tavr-ys-kogo-nac-onal-nogo-un-versitetu.html" title="Історія Таврійського національного університету">Історія Таврійського національного університету</a>
                            <!--<a href="/news-suspilstvo-education/105800-stor-ya-tavr-ys-kogo-nac-onal-nogo-un-versitetu.html" title="Історія Таврійського національного університету">Історія Таврійського національного університету</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/105862-modern-zac-ya-obladnannya-na-mikola-vschin.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/6352d79c852ea92fc747013c3eb3ad23.jpeg&amp;size=320x210" class="wp-post-image" alt="Модернізація обладнання на Миколаївщині ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-events/105862-modern-zac-ya-obladnannya-na-mikola-vschin.html" title="Модернізація обладнання на Миколаївщині ">Модернізація обладнання на Миколаївщині </a>
                            <!--<a href="/news-suspilstvo-events/105862-modern-zac-ya-obladnannya-na-mikola-vschin.html" title="Модернізація обладнання на Миколаївщині ">Модернізація обладнання на Миколаївщині </a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/105861-na-r-nenschin-zhitel-poterpayut-v-d-vikid-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/5dd7b21491efcbeee95c6f5554418987.jpeg&amp;size=320x210" class="wp-post-image" alt="На Ріненщині жителі потерпають від викидів ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-events/105861-na-r-nenschin-zhitel-poterpayut-v-d-vikid-v.html" title="На Ріненщині жителі потерпають від викидів ">На Ріненщині жителі потерпають від викидів </a>
                            <!--<a href="/news-suspilstvo-events/105861-na-r-nenschin-zhitel-poterpayut-v-d-vikid-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-events/105852-zhitel-sela-na-volin-b-dkayut-sya-perenesli-punkt-shvidko-dopomogi.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/a11c98c5e57cd4f459365659ef928a3d.jpeg&amp;size=320x210" class="wp-post-image" alt="Жителі села на Волині бідкаються – перенесли пункт швидкої допомоги">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-events/105852-zhitel-sela-na-volin-b-dkayut-sya-perenesli-punkt-shvidko-dopomogi.html" title="Жителі села на Волині бідкаються – перенесли пункт швидкої допомоги">Жителі села на Волині бідкаються – перенесли пункт швидкої допомоги</a>
                            <!--<a href="/news-suspilstvo-events/105852-zhitel-sela-na-volin-b-dkayut-sya-perenesli-punkt-shvidko-dopomogi.html" title="Жителі села на Волині бідкаються – перенесли пункт швидкої допомоги">Жителі села на Волині бідкаються – перенесли пункт швидкої...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-994 .entry").remove();');
                                $('#streem_append_block-994 .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-994').append(curstr);

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

                                                                            <style>
    .widjetComponent--995 .post-image img {
        width: 100%;
    }
    .widjetComponent--995 .post-image a {
        display: block;
    }
    .widjetComponent--995 .post-content .category a {
        color: #017cc3;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--995 .post-content .category a:hover {
        color: #017cc3;
    }
    .widjetComponent--995 .widget-title a {
        color: #000000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--995 .widget-title a:hover {
        color: #017cc3;
    }
    .widjetComponent--995 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--995 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--995 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--995 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--995 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--995 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--995 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--995">
            <style>
        .widjetComponent--title--995.widget-title-base {
            color: #017cc3;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #017cc3;
            text-align: center;
        }
        .widjetComponent--title--995.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-ekonomika" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--995 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-industry/105672-pershe-v-stor-sudno-dlya-perevezennya-skraplenogo-vodnyu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.01.2022/a04974fd7ed193fea0da3fa2fd34c0a6.png&amp;size=320x210" class="wp-post-image" alt="Перше в історії судно для перевезення скрапленого водню">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-industry" class="post_term category investing">Промисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-industry/105672-pershe-v-stor-sudno-dlya-perevezennya-skraplenogo-vodnyu.html" title="Перше в історії судно для перевезення скрапленого водню">Перше в історії судно для перевезення скрапленого водню</a>
                            <!--<a href="/news-ekonomika-industry/105672-pershe-v-stor-sudno-dlya-perevezennya-skraplenogo-vodnyu.html" title="Перше в історії судно для перевезення скрапленого водню">Перше в історії судно для перевезення скрапленого водню</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-tekhnologiji/105590-na-poshuki-planet-poza-sonyachnoyu-sistemoyu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/6fed9c73510a63fae7d64627b421254e.jpeg&amp;size=320x210" class="wp-post-image" alt="На пошуки планет поза Сонячною системою">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-tekhnologiji" class="post_term category investing">Технології</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-tekhnologiji/105590-na-poshuki-planet-poza-sonyachnoyu-sistemoyu.html" title="На пошуки планет поза Сонячною системою">На пошуки планет поза Сонячною системою</a>
                            <!--<a href="/news-tekhnologiji/105590-na-poshuki-planet-poza-sonyachnoyu-sistemoyu.html" title="На пошуки планет поза Сонячною системою">На пошуки планет поза Сонячною системою</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-tekhnologiji/105518-noviy-g-perzvukoviy-dvigun-z-shvidk-styu-ponad-6000-km-god-pracyu-na-zelenomu-vodn.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.01.2022/c2f1b918cc891694d656e1ab61bc91c5.jpeg&amp;size=320x210" class="wp-post-image" alt="Новий гіперзвуковий двигун зі швидкістю понад 6000 км/год працює на  зеленому водні">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-tekhnologiji" class="post_term category investing">Технології</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-tekhnologiji/105518-noviy-g-perzvukoviy-dvigun-z-shvidk-styu-ponad-6000-km-god-pracyu-na-zelenomu-vodn.html" title="Новий гіперзвуковий двигун зі швидкістю понад 6000 км/год працює на  зеленому водні">Новий гіперзвуковий двигун зі швидкістю понад 6000 км/год працює на  зеленому...</a>
                            <!--<a href="/news-tekhnologiji/105518-noviy-g-perzvukoviy-dvigun-z-shvidk-styu-ponad-6000-km-god-pracyu-na-zelenomu-vodn.html" title="Новий гіперзвуковий двигун зі швидкістю понад 6000 км/год працює на  зеленому водні">Новий гіперзвуковий двигун зі швидкістю понад 6000 км/год...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-tekhnologiji/105528-m-n-atyurniy-datchik-zdaten-robiti-nevidime-vidimim.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.01.2022/3bf9a93a2dec185a74609b57390c0f40.png&amp;size=320x210" class="wp-post-image" alt="Мініатюрний датчик здатен робити невидиме видимим">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-tekhnologiji" class="post_term category investing">Технології</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-tekhnologiji/105528-m-n-atyurniy-datchik-zdaten-robiti-nevidime-vidimim.html" title="Мініатюрний датчик здатен робити невидиме видимим">Мініатюрний датчик здатен робити невидиме видимим</a>
                            <!--<a href="/news-tekhnologiji/105528-m-n-atyurniy-datchik-zdaten-robiti-nevidime-vidimim.html" title="Мініатюрний датчик здатен робити невидиме видимим">Мініатюрний датчик здатен робити невидиме видимим</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-995 .entry").remove();');
                                $('#streem_append_block-995 .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-995').append(curstr);

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

                                                                            <style>
    .widjetComponent--996 .post-image img {
        width: 100%;
    }
    .widjetComponent--996 .post-image a {
        display: block;
    }
    .widjetComponent--996 .post-content .category a {
        color: #017cc3;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--996 .post-content .category a:hover {
        color: #017cc3;
    }
    .widjetComponent--996 .widget-title a {
        color: #000000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--996 .widget-title a:hover {
        color: #017cc3;
    }
    .widjetComponent--996 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--996 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--996 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--996 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--996 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--996 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--996 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--996">
            <style>
        .widjetComponent--title--996.widget-title-base {
            color: #017cc3;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #017cc3;
            text-align: center;
        }
        .widjetComponent--title--996.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-sport" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--996 widget-title-base">
        <span>Спорт</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-sport-news/105890-obgovoreno-plani-rozvitku-lakrosu-na-ki-vschin.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/1eae3ff6a9eb412568febe45e41dd1fb.jpeg&amp;size=320x210" class="wp-post-image" alt="Обговорено плани розвитку лакросу на Київщині!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-sport-news/105890-obgovoreno-plani-rozvitku-lakrosu-na-ki-vschin.html" title="Обговорено плани розвитку лакросу на Київщині!">Обговорено плани розвитку лакросу на Київщині!</a>
                            <!--<a href="/news-sport-sport-news/105890-obgovoreno-plani-rozvitku-lakrosu-na-ki-vschin.html" title="Обговорено плани розвитку лакросу на Київщині!">Обговорено плани розвитку лакросу на Київщині!</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-boxing/105860-u-paru-do-mess-ta-neymara-z-rka-barseloni-mozhe-pereyti-v-pszh.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/e39ee68bc5b067d64b37f7a6ca11cbe8.jpeg&amp;size=320x210" class="wp-post-image" alt="У пару до Мессі та Неймара: зірка Барселони може перейти в ПСЖ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/105860-u-paru-do-mess-ta-neymara-z-rka-barseloni-mozhe-pereyti-v-pszh.html" title="У пару до Мессі та Неймара: зірка Барселони може перейти в ПСЖ">У пару до Мессі та Неймара: зірка Барселони може перейти в ПСЖ</a>
                            <!--<a href="/news-sport-boxing/105860-u-paru-do-mess-ta-neymara-z-rka-barseloni-mozhe-pereyti-v-pszh.html" title="У пару до Мессі та Неймара: зірка Барселони може перейти в ПСЖ">У пару до Мессі та Неймара: зірка Барселони може перейти...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-boxing/105858-chemp-onat-ukra-ni-do-22-rok-v-onlayn-translyac-ya-ta-sklad-par-na-26-s-chnya-rezul-tati-drugogo-dnya-zmagan.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/5766d5c8c5040f8a9db4e643b0ae6acb.jpeg&amp;size=320x210" class="wp-post-image" alt="ЧЕМПІОНАТ УКРАЇНИ ДО 22 РОКІВ: ОНЛАЙН-ТРАНСЛЯЦІЯ ТА СКЛАД ПАР НА 26 СІЧНЯ, РЕЗУЛЬТАТИ ДРУГОГО ДНЯ ЗМАГАНЬ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/105858-chemp-onat-ukra-ni-do-22-rok-v-onlayn-translyac-ya-ta-sklad-par-na-26-s-chnya-rezul-tati-drugogo-dnya-zmagan.html" title="ЧЕМПІОНАТ УКРАЇНИ ДО 22 РОКІВ: ОНЛАЙН-ТРАНСЛЯЦІЯ ТА СКЛАД ПАР НА 26 СІЧНЯ, РЕЗУЛЬТАТИ ДРУГОГО ДНЯ ЗМАГАНЬ">ЧЕМПІОНАТ УКРАЇНИ ДО 22 РОКІВ: ОНЛАЙН-ТРАНСЛЯЦІЯ ТА СКЛАД ПАР НА 26 СІЧНЯ,...</a>
                            <!--<a href="/news-sport-boxing/105858-chemp-onat-ukra-ni-do-22-rok-v-onlayn-translyac-ya-ta-sklad-par-na-26-s-chnya-rezul-tati-drugogo-dnya-zmagan.html" title="ЧЕМПІОНАТ УКРАЇНИ ДО 22 РОКІВ: ОНЛАЙН-ТРАНСЛЯЦІЯ ТА СКЛАД ПАР НА 26 СІЧНЯ, РЕЗУЛЬТАТИ ДРУГОГО ДНЯ ЗМАГАНЬ">ЧЕМПІОНАТ УКРАЇНИ ДО 22 РОКІВ: ОНЛАЙН-ТРАНСЛЯЦІЯ ТА СКЛАД...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-boxing/105805-chemp-onat-ukra-ni-do-22-rok-v-onlayn-translyac-ya-ta-sklad-par-na-25-s-chnya-rezul-tati-pershogo-dnya-zmagan.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.01.2022/fdd6a6d48fff99fd322ff120bdbc4e25.jpeg&amp;size=320x210" class="wp-post-image" alt="ЧЕМПІОНАТ УКРАЇНИ ДО 22 РОКІВ: ОНЛАЙН-ТРАНСЛЯЦІЯ ТА СКЛАД ПАР НА 25 СІЧНЯ, РЕЗУЛЬТАТИ ПЕРШОГО ДНЯ ЗМАГАНЬ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/105805-chemp-onat-ukra-ni-do-22-rok-v-onlayn-translyac-ya-ta-sklad-par-na-25-s-chnya-rezul-tati-pershogo-dnya-zmagan.html" title="ЧЕМПІОНАТ УКРАЇНИ ДО 22 РОКІВ: ОНЛАЙН-ТРАНСЛЯЦІЯ ТА СКЛАД ПАР НА 25 СІЧНЯ, РЕЗУЛЬТАТИ ПЕРШОГО ДНЯ ЗМАГАНЬ">ЧЕМПІОНАТ УКРАЇНИ ДО 22 РОКІВ: ОНЛАЙН-ТРАНСЛЯЦІЯ ТА СКЛАД ПАР НА 25 СІЧНЯ,...</a>
                            <!--<a href="/news-sport-boxing/105805-chemp-onat-ukra-ni-do-22-rok-v-onlayn-translyac-ya-ta-sklad-par-na-25-s-chnya-rezul-tati-pershogo-dnya-zmagan.html" title="ЧЕМПІОНАТ УКРАЇНИ ДО 22 РОКІВ: ОНЛАЙН-ТРАНСЛЯЦІЯ ТА СКЛАД ПАР НА 25 СІЧНЯ, РЕЗУЛЬТАТИ ПЕРШОГО ДНЯ ЗМАГАНЬ">ЧЕМПІОНАТ УКРАЇНИ ДО 22 РОКІВ: ОНЛАЙН-ТРАНСЛЯЦІЯ ТА СКЛАД...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-996 .entry").remove();');
                                $('#streem_append_block-996 .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-996').append(curstr);

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

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

</style>
<section class="widjet-component-inner widjetComponent--997">
            <style>
        .widjetComponent--title--997.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: bold;
            margin: 15px 0;
            background: #017cc3;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/news-ukraine-and-worlds" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--997 widget-title-base">Новини України та світу</h4>
    </a>    <div class="row">
                                                <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105900-izmereniya-sud-by-nikolaya-golomshi.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/3212d46d93a9048699aa1086e2189f40.png&amp;size=850x560" class="wp-post-image" alt="ИЗМЕРЕНИЯ СУДЬБЫ НИКОЛАЯ ГОЛОМШИ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105900-izmereniya-sud-by-nikolaya-golomshi.html" title="ИЗМЕРЕНИЯ СУДЬБЫ НИКОЛАЯ ГОЛОМШИ">ИЗМЕРЕНИЯ СУДЬБЫ НИКОЛАЯ ГОЛОМШИ</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105898-izmereniya-sud-by-nikolaya-golomshi.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/b65f27046645d698be493603ffe3d279.png&amp;size=850x560" class="wp-post-image" alt="ИЗМЕРЕНИЯ СУДЬБЫ НИКОЛАЯ ГОЛОМШИ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105898-izmereniya-sud-by-nikolaya-golomshi.html" title="ИЗМЕРЕНИЯ СУДЬБЫ НИКОЛАЯ ГОЛОМШИ">ИЗМЕРЕНИЯ СУДЬБЫ НИКОЛАЯ ГОЛОМШИ</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105897-vlasti-ukrainy-ne-prepyatstvuyut-deyatel-nosti-opg-milton-grupp.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/b629682ca846d5ffa6b3e6a8467db37d.jpeg&amp;size=850x560" class="wp-post-image" alt="ВЛАСТИ УКРАИНЫ НЕ ПРЕПЯТСТВУЮТ ДЕЯТЕЛЬНОСТИ ОПГ МИЛТОН ГРУПП">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105897-vlasti-ukrainy-ne-prepyatstvuyut-deyatel-nosti-opg-milton-grupp.html" title="ВЛАСТИ УКРАИНЫ НЕ ПРЕПЯТСТВУЮТ ДЕЯТЕЛЬНОСТИ ОПГ МИЛТОН ГРУПП">ВЛАСТИ УКРАИНЫ НЕ ПРЕПЯТСТВУЮТ ДЕЯТЕЛЬНОСТИ ОПГ МИЛТОН ГРУПП</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105893-prometey-gromit-kastors-bren-ta-vihodit-do-chvert-f-nalu-eurocup-women-yak-ce-bulo.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/d4bc358bfe9937c87d6b58207ca4d604.jpeg&amp;size=850x560" class="wp-post-image" alt="Прометей громить Касторс Брен та виходить до чвертьфіналу EuroCup Women. Як це було">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105893-prometey-gromit-kastors-bren-ta-vihodit-do-chvert-f-nalu-eurocup-women-yak-ce-bulo.html" title="Прометей громить Касторс Брен та виходить до чвертьфіналу EuroCup Women. Як це було">Прометей громить Касторс Брен та виходить до чвертьфіналу EuroCup Women....</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105889-vlasti-ukrainy-ne-prepyatstvuyut-deyatel-nosti-opg-milton-grupp.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/30b1e4804106c258020cb7e13f5323b5.jpeg&amp;size=850x560" class="wp-post-image" alt="ВЛАСТИ УКРАИНЫ НЕ ПРЕПЯТСТВУЮТ ДЕЯТЕЛЬНОСТИ ОПГ МИЛТОН ГРУПП">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105889-vlasti-ukrainy-ne-prepyatstvuyut-deyatel-nosti-opg-milton-grupp.html" title="ВЛАСТИ УКРАИНЫ НЕ ПРЕПЯТСТВУЮТ ДЕЯТЕЛЬНОСТИ ОПГ МИЛТОН ГРУПП">ВЛАСТИ УКРАИНЫ НЕ ПРЕПЯТСТВУЮТ ДЕЯТЕЛЬНОСТИ ОПГ МИЛТОН ГРУПП</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-derzhava-vlada/105885-al-menti-na-ditinu-u-2022-roc.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/4c3f0b9acf442b597f382840c154277b.jpeg&amp;size=850x560" class="wp-post-image" alt="Аліменти на дитину у 2022 році ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-derzhava-vlada/105885-al-menti-na-ditinu-u-2022-roc.html" title="Аліменти на дитину у 2022 році ">Аліменти на дитину у 2022 році </a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105871-proceduri-bankrutstva-p-d-chas-karantinu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/e29643307701628f3f9a317f858382ff.jpeg&amp;size=850x560" class="wp-post-image" alt="Процедури банкрутства під час карантину">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105871-proceduri-bankrutstva-p-d-chas-karantinu.html" title="Процедури банкрутства під час карантину">Процедури банкрутства під час карантину</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105870-derzhavn-vikonavc-r-vnenschini-tor-k-styagnuli-b-l-she-160-m-l-yon-v-griven-al-ment-v.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/788af2984522197c18ce0987724cb4aa.jpeg&amp;size=850x560" class="wp-post-image" alt="Державні виконавці Рівненщини торік стягнули більше 160 мільйонів гривень аліментів">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105870-derzhavn-vikonavc-r-vnenschini-tor-k-styagnuli-b-l-she-160-m-l-yon-v-griven-al-ment-v.html" title="Державні виконавці Рівненщини торік стягнули більше 160 мільйонів гривень аліментів">Державні виконавці Рівненщини торік стягнули більше 160 мільйонів гривень...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105869-koli-mozhe-znadobitisya-dov-dka-pro-nayavn-st-zaborgovanost-z-al-ment-v-ta-yak-otrimat.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/cc90ee4fdb9bf30e6bb90f8c1c4ef690.jpeg&amp;size=850x560" class="wp-post-image" alt="Тарас Грень: Коли може знадобитися довідка про наявність заборгованості з аліментів ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105869-koli-mozhe-znadobitisya-dov-dka-pro-nayavn-st-zaborgovanost-z-al-ment-v-ta-yak-otrimat.html" title="Тарас Грень: Коли може знадобитися довідка про наявність заборгованості з аліментів ">Тарас Грень: Коли може знадобитися довідка про наявність заборгованості...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105867-vstanovlennya-osobi-yaka-zvernulas-za-vchinennyam-notar-al-no-d.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/9a5e3c1a5984918adfe1fb7b89551c0a.jpeg&amp;size=850x560" class="wp-post-image" alt="Встановлення особи, яка звернулась за вчиненням нотаріальної дії">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105867-vstanovlennya-osobi-yaka-zvernulas-za-vchinennyam-notar-al-no-d.html" title="Встановлення особи, яка звернулась за вчиненням нотаріальної дії">Встановлення особи, яка звернулась за вчиненням нотаріальної дії</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105864-rankove-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-7-00-27-s-chnya-2022-roku.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2022/7ae9038d2571fae0e7c13526ea8f7dee.jpeg&amp;size=850x560" class="wp-post-image" alt="Ранкове зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 7.00 27 січня 2022 року">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105864-rankove-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-7-00-27-s-chnya-2022-roku.html" title="Ранкове зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 7.00 27 січня 2022 року">Ранкове зведення щодо ситуації в районі проведення операції Об’єднаних...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105853-vech-rn-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-17-00-26-s-chnya-2022-roku.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/cafbae1325573b830f228af226831ae3.jpeg&amp;size=850x560" class="wp-post-image" alt="Вечірнє зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 17.00 26 січня 2022 року">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105853-vech-rn-zvedennya-schodo-situac-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-17-00-26-s-chnya-2022-roku.html" title="Вечірнє зведення щодо ситуації в районі проведення операції Об’єднаних сил станом на 17.00 26 січня 2022 року">Вечірнє зведення щодо ситуації в районі проведення операції Об’єднаних...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105850-rezul-tati-zas-dannya-teb-ns-schodo-ep-dem-olog-chno-situac-na-hmel-nichchin.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/ef85764e244c97b623319089e249f220.jpeg&amp;size=850x560" class="wp-post-image" alt="Результати засідання ТЕБ І НС щодо епідеміологічної ситуації на Хмельниччині ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105850-rezul-tati-zas-dannya-teb-ns-schodo-ep-dem-olog-chno-situac-na-hmel-nichchin.html" title="Результати засідання ТЕБ І НС щодо епідеміологічної ситуації на Хмельниччині ">Результати засідання ТЕБ І НС щодо епідеміологічної ситуації на Хмельниччині...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105848-zagoriy-foundation-s-meyn-c-nnost-na-blago-ukra-ni.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/e6038c6718c7736ef299a790d323e9a5.jpeg&amp;size=850x560" class="wp-post-image" alt="&quot;Zagoriy foundation&quot; – сімейні цінності на благо України">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105848-zagoriy-foundation-s-meyn-c-nnost-na-blago-ukra-ni.html" title="&quot;Zagoriy foundation&quot; – сімейні цінності на благо України">&quot;Zagoriy foundation&quot; – сімейні цінності на благо України</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105840-uzhgorods-ka-m-s-ka-l-karnya-otrimala-v-d-posol-stva-zra-lyu-blagod-ynu-dopomogu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/54bfdc3ea93ae63617bcd2da86e2cea2.jpeg&amp;size=850x560" class="wp-post-image" alt="Ужгородська міська лікарня отримала від посольства Ізраїлю благодійну допомогу. ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105840-uzhgorods-ka-m-s-ka-l-karnya-otrimala-v-d-posol-stva-zra-lyu-blagod-ynu-dopomogu.html" title="Ужгородська міська лікарня отримала від посольства Ізраїлю благодійну допомогу. ">Ужгородська міська лікарня отримала від посольства Ізраїлю благодійну допомогу....</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105828-pershe-nterv-yu-za-7-rok-v-an-lorak.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2022/a21bf892222db28e35086179ac686600.jpeg&amp;size=850x560" class="wp-post-image" alt="Перше інтерв’ю за 7 років. Ані Лорак">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105828-pershe-nterv-yu-za-7-rok-v-an-lorak.html" title="Перше інтерв’ю за 7 років. Ані Лорак">Перше інтерв’ю за 7 років. Ані Лорак</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-247-3 row-k-style" id="row-k-style-247-3">
            <div class="row-k-width-247-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-247-4 row-k-style" id="row-k-style-247-4">
            <div class="row-k-width-247-4 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-247-5 row-k-style" id="row-k-style-247-5">
            <div class="row-k-width-247-5 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-247-6 row-k-style" id="row-k-style-247-6">
            <div class="row-k-width-247-6 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 base-content no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-246-3 row-k-style" id="row-k-style-246-3">
            <div class="row-k-width-246-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--982 {
        background: transparent;;
    }
    .widjetComponent--982 .inner-text {
        padding: 20px 10px 20px 10px;
        color: #424242;
    }
    .widjetComponent--982 .inner-text * {
        color: #424242;
    }
</style>

<section class="widjetComponent--982">
    <div class="inner-text">
        <p style="text-align: center;"><strong>© 2020 rivne-inform</strong></p>
    </div>
</section>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
    
        
        <a href="#" id="go-top"><i class="fas fa-arrow-up"></i></a>

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


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

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


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


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

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

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

                            function checkoutLoad() {
                                $('body').css('opacity', '0.6');
                                $('.cont-checkout').remove();
                                $.ajax({
                                    type: 'POST',
                                    url: '/helps/get-checkout',
                                    success: function (response) {
                                        $('body').css('opacity', '1');
                                        $('body').append(response)
                                    }
                                });
                            }
                            $('.button-add-checkout').click(function (e) {
                                e.preventDefault();
                                var id = $(this).data('id');
                                var myProduct = [];
                                if(getCookie('my-product-1')) {
                                    myProduct = JSON.parse(getCookie('my-product-1'));
                                    for(var i=0; i<myProduct.length; i++) {
                                        if(myProduct[i]==id) {
                                            checkoutLoad();
                                            return 0;
                                        }
                                    }
                                }
                                myProduct.push(id);
                                setCookie('my-product-1', JSON.stringify(myProduct), 365);
                                checkoutLoad();
                            });
                            $(document).on('click', '.button-add-checkout-final', function (e){
                                e.preventDefault();
                                var _this = $(this);
                                $('body').css('opacity', '0.6');
                                $.ajax({
                                    type: 'POST',
                                    url: '/helps/get-post-player-send-message',
                                    data: {
                                        name: $('#check_name').val(),
                                        city: $('#check_city').val(),
                                        number: $('#check_number').val(),
                                        phone: $('#check_phone').val(),
                                        comment: $('#check_comment').val(),
                                        email: '',
                                        text: $('#check_text').val(),
                                        time: '',
                                        doktor: '',
                                        email_send: _this.data('email'),
                                    },
                                    success: function (response) {
                                        setCookie('my-product-1', JSON.stringify([]), 365);
                                        $('body').css('opacity', '1');
                                        $('.cont-checkout').remove();
                                    }
                                });
                            });
                            $(document).on('click', '.check-close', function (e){
                                e.preventDefault();
                                $('.cont-checkout').remove();
                            });
                            $(document).on('click', '.rem-pr', function (e){
                                e.preventDefault();
                                var id = $(this).data('id');
                                var myProduct = [];
                                if(getCookie('my-product-1')) {
                                    var tmp = JSON.parse(getCookie('my-product-1'));
                                    for(var i=0; i<tmp.length; i++) {
                                        if(tmp[i]!=id)
                                            myProduct.push(tmp[i]);
                                    }
                                }
                                setCookie('my-product-1', JSON.stringify(myProduct), 365);
                                checkoutLoad();
                            });
                        }
                    });
                });
            </script>


                            <!--player-->

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