<!--::result::time::12:33:41::App\Service\Components\Header\H03::-->
<!--::result::time::12:33:42::work: 0.0089 s::App\Service\Components\Header\H03::-->
<!--::result::time::12:33:42::App\Service\Components\Header\H03::-->
<!--::result::time::12:33:42::work: 0.0014 s::App\Service\Components\Header\H03::-->
<!--::result::time::12:33:42::App\Service\Components\Header\H03::-->
<!--::result::time::12:33:42::work: 0.0024 s::App\Service\Components\Header\H03::-->
<!--::result::time::12:33:42::App\Service\Components\Header\H04::-->
<!--::result::time::12:33:42::work: 0.0009 s::App\Service\Components\Header\H04::-->
<!--::result::time::12:33:42::App\Service\Components\Header\H10::-->
<!--::result::time::12:33:42::work: 0.0092 s::App\Service\Components\Header\H10::-->
<!--::result::time::12:33:42::App\Service\Components\News\N10::-->
<!--::result::time::12:33:42::work: 0.001 s::App\Service\Components\News\N10::-->
<!--::result::time::12:33:42::App\Service\Components\News\N05::-->
<!--::result::time::12:33:42::getChildsMapIds::-->
<!--::result::time::12:33:42::work: 0.0206 s::getChildsMapIds::-->
<!--::result::time::12:33:42::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::work: 0.3108 s::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::foreach::-->
<!--::result::time::12:33:42::work: 0.1018 s::foreach::-->
<!--::result::time::12:33:42::work: 0.4369 s::App\Service\Components\News\N05::-->
<!--::result::time::12:33:42::App\Service\Components\News\N12::-->
<!--::result::time::12:33:42::work: 0.0049 s::App\Service\Components\News\N12::-->
<!--::result::time::12:33:42::App\Service\Components\News\N19::-->
<!--::result::time::12:33:42::work: 0.0198 s::App\Service\Components\News\N19::-->
<!--::result::time::12:33:42::App\Service\Components\News\N01::-->
<!--::result::time::12:33:42::getChildsMapIds::-->
<!--::result::time::12:33:42::work: 0.0068 s::getChildsMapIds::-->
<!--::result::time::12:33:42::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::work: 0.1225 s::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::foreach::-->
<!--::result::time::12:33:42::work: 0.0566 s::foreach::-->
<!--::result::time::12:33:42::work: 0.1895 s::App\Service\Components\News\N01::-->
<!--::result::time::12:33:42::App\Service\Components\News\N01::-->
<!--::result::time::12:33:42::getChildsMapIds::-->
<!--::result::time::12:33:42::work: 0 s::getChildsMapIds::-->
<!--::result::time::12:33:42::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::work: 0.0273 s::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::foreach::-->
<!--::result::time::12:33:42::work: 0.0136 s::foreach::-->
<!--::result::time::12:33:42::work: 0.0418 s::App\Service\Components\News\N01::-->
<!--::result::time::12:33:42::App\Service\Components\News\N01::-->
<!--::result::time::12:33:42::getChildsMapIds::-->
<!--::result::time::12:33:42::work: 0 s::getChildsMapIds::-->
<!--::result::time::12:33:42::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::work: 0.0332 s::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::foreach::-->
<!--::result::time::12:33:42::work: 0.0141 s::foreach::-->
<!--::result::time::12:33:42::work: 0.0479 s::App\Service\Components\News\N01::-->
<!--::result::time::12:33:42::App\Service\Components\News\N01::-->
<!--::result::time::12:33:42::getChildsMapIds::-->
<!--::result::time::12:33:42::work: 0 s::getChildsMapIds::-->
<!--::result::time::12:33:42::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::work: 0.0365 s::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::foreach::-->
<!--::result::time::12:33:42::work: 0.0135 s::foreach::-->
<!--::result::time::12:33:42::work: 0.0505 s::App\Service\Components\News\N01::-->
<!--::result::time::12:33:42::App\Service\Components\News\N01::-->
<!--::result::time::12:33:42::work: 0.0006 s::App\Service\Components\News\N01::-->
<!--::result::time::12:33:42::App\Service\Components\News\N01::-->
<!--::result::time::12:33:42::getChildsMapIds::-->
<!--::result::time::12:33:42::work: 0 s::getChildsMapIds::-->
<!--::result::time::12:33:42::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::work: 0.0014 s::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::foreach::-->
<!--::result::time::12:33:42::work: 0 s::foreach::-->
<!--::result::time::12:33:42::work: 0.0016 s::App\Service\Components\News\N01::-->
<!--::result::time::12:33:42::App\Service\Components\News\N05::-->
<!--::result::time::12:33:42::getChildsMapIds::-->
<!--::result::time::12:33:42::work: 0 s::getChildsMapIds::-->
<!--::result::time::12:33:42::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::work: 0.1686 s::getPagesByCategoryLimit::-->
<!--::result::time::12:33:42::foreach::-->
<!--::result::time::12:33:43::work: 0.0498 s::foreach::-->
<!--::result::time::12:33:43::work: 0.2199 s::App\Service\Components\News\N05::-->
<!--::result::time::12:33:43::work: 1.0697 s::-->
<!--::result::time::12:33:43::render work: 0.0177 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-1848-0 {width:95%}
.row-k-style-1848-0 {background: linear-gradient(#fff370,#fff370)}
.row-k-width-1848-1 {width:95%}
.row-k-style-1848-1 {background: linear-gradient(#4c9dff,#4c9dff)}
.row-k-width-1848-2 {width:95%}
.row-k-style-1848-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-1849-0 {width:95%}
.row-k-style-1849-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-1849-1 {width:95%}
.row-k-style-1849-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-1849-2 {width:95%}
.row-k-style-1849-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-1849-3 {width:95%}
.row-k-style-1849-3 {background: linear-gradient(#ffffff,#ffffff)}
.row-k-width-1849-4 {width:95%}
.row-k-style-1849-4 {background: linear-gradient(#fff,#fff)}

        </style>
                <style>
            .row-k-style {
                transition: all 0.3s ease;
            }
            .row-k-style.fixed-menu-bar {
                position: fixed;
                z-index: 999;
                width: 100%;
                top: 0;
                padding: 5px;
                box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
            }
        </style>
    
                    <script src="/assets-param/style/const"></script>
        
                                                                        		            <link rel="preload" href="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/079d6ff94afe98c1953ef9ca096d98ab.png&size=850x560&ios=false" as="image">
			<meta property="og:title" content="Як виправити помилку у правовстановлюючих документах">
			<meta property="og:description" content="Помилка в документах навіть в одну літеру може створити для людини значні проблеми, особливо якщо ці документи визначають право власності. В такому випадку людина фактично позбавляється права розпоряджатися власним майном. Як виправити помилку у правовстановлюючих документах розповідає начальниця Єланецького...">
			<meta property="og:url" content="https://dnipro-inform.com/news-derzhava-vlada/105541-yak-vipraviti-pomilku-u-pravovstanovlyuyuchih-dokumentah.html">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/079d6ff94afe98c1953ef9ca096d98ab.png&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/079d6ff94afe98c1953ef9ca096d98ab.png&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-1848-0 row-k-style" id="row-k-style-1848-0">
            <div class="row-k-width-1848-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3695.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--3695 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--3695.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--3695.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--3695.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--3695 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #848484;
    }
    .widjetComponent--3695 .open-search {
        color: #848484;
    }
     #navbarSupportedContent3695 .sub-menu {
         display: none;
     }
    #navbarSupportedContent3695 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent3695 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent3695 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent3695 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--3695" once="menu" id="menu3695-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="#navbarSupportedContent3695"
                aria-controls="navbarSupportedContent3695" 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="navbarSupportedContent3695">
            <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--3696.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: center;
        -webkit-justify-content: center;
    }
    .widjetComponent--3696 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--3696.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--3696.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--3696.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--3696 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #848484;
    }
    .widjetComponent--3696 .open-search {
        color: #848484;
    }
     #navbarSupportedContent3696 .sub-menu {
         display: none;
     }
    #navbarSupportedContent3696 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent3696 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent3696 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent3696 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--3696" once="menu" id="menu3696-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="#navbarSupportedContent3696"
                aria-controls="navbarSupportedContent3696" 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="navbarSupportedContent3696">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/zvity-sposterigachiv">Звіти спостерігачів</a>
                                                                        </li>
                                    <li>
                                                    <li class="parent-menu">
                                <a class="nav-link link display-4" href="#">Законодавство</a>

                                <ul class="sub-menu">
                                    <li><a href="/zakonodavstvo-ukrayini">Законодавство України</a></li>
                                    <li><a href="/mizhnarodni-dokument">Міжнародні документи</a></li>
                                </ul>
                            </li>
                                            </li>
                            </ul>
                    </div>
    </nav>
</section>

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

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-8 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3709 .navbar {
        padding: 0;
    }
    .widjetComponent--3709 .nav-dropdown .link {
        margin: 0;
    }
    .widjetComponent--3709 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--3709 {
        background: transparent;
    }

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

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

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

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

    .widjetComponent--3709 .dropdown.open .dropdown-menu {
        display: block;
        padding: 0;
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    }
    .widjetComponent--3709 .dropdown .dropdown-menu .dropdown-item {
        background: #1c5cffbf;
        padding: 5px 10px;
        font-size: 14px;
        color: #ffffff;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-bottom: 1px solid #252525;
    }
    .widjetComponent--3709 .dropdown .dropdown-menu .dropdown-item:hover {
        background: #62a0edd1;
        color: #ffffff;
    }
</style>
<section class="menu widjetComponent--3709">
    <nav class="navbar navbar-expand navbar-toggleable-sm">
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent3709"
                aria-controls="navbarSupportedContent3709" 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="navbarSupportedContent3709">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/pres-center"
                               data-toggle="dropdown-submenu" aria-expanded="false">ПРЕС-ЦЕНТР</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/pres-konf">ПРЕС-КОНФЕРЕНЦІЯ</a>
                                                                    <a class="dropdown-item" href="/gromad-sluhania">ГРОМАДСЬКІ СЛУХАННЯ</a>
                                                            </div>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/novyny">Новини</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/video-novyny">Відео новини</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/derzhava">Держава</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/suspilstvo">Суспільство</a>
                        </li>
                                                </ul>
        </div>
    </nav>
</section>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-1849-0 row-k-style" id="row-k-style-1849-0">
            <div class="row-k-width-1849-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 no-height no-height no-height no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
.widjet-component-inner.widjetComponent--3701 {
       padding: 10px 0;
	   padding-bottom: 0;
    }

    #efir-content-s-close {
        display: none;
        position: absolute;
        right: -10px;
        top: -10px;
        background: #297fff;
        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 #297fff99;
        border: 4px solid #297fff99;
    }
    #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: #297fff;
        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--3701">
    <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--3724 .post-inner {
        padding-bottom: 15px;
        box-shadow: 0 0 0 rgba(103, 122, 141, 0);
        margin-bottom: 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    .widjetComponent--3724 .post-image img {
        width: 100%;
    }
    .widjetComponent--3724 .post-image a {
        display: block;
    }
    .widjetComponent--3724 .widget-title a {
        color: #000;
        font-size: 16px;
        font-weight: normal;
    }
    .widjetComponent--3724 .widget-title a:hover {
        color: #1f93f5;
    }

</style>
<section class="widjet-component-inner widjetComponent--3724">
            <style>
        .widjetComponent--title--3724.widget-title-base {
            color: #ffffff;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            background: #297fff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/news" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3724 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-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105614-spravedliv-st-ne-peremogla-krivoruchko-pro-r-shennya-sudu-u-sprav-poroshenka.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.01.2022/33577fb2f147cf50f6e90eb1c0ce4e97.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/105614-spravedliv-st-ne-peremogla-krivoruchko-pro-r-shennya-sudu-u-sprav-poroshenka.html" title="Справедливість не перемогла, – Криворучко про рішення суду у справі Порошенка">Справедливість не перемогла, – Криворучко про рішення суду у справі Порошенка</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105613-aktiv-sti-zvinuvatili-moz-u-proval-vakcinac-v-d-covid-19.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.01.2022/0c9ae3f6c39aae95db1ba84a6c68c198.jpeg&amp;size=850x560" class="wp-post-image" alt="Активісти звинуватили МОЗ у провалі вакцинації від COVID-19">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105613-aktiv-sti-zvinuvatili-moz-u-proval-vakcinac-v-d-covid-19.html" title="Активісти звинуватили МОЗ у провалі вакцинації від COVID-19">Активісти звинуватили МОЗ у провалі вакцинації від COVID-19</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105580-ne-s-meyna-sprava-d-liti-sp-l-nu-kvartiru-dovelosya-u-sud.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/b1f36c8c75919f019c03a67e9accf7e3.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/105580-ne-s-meyna-sprava-d-liti-sp-l-nu-kvartiru-dovelosya-u-sud.html" title="Не сімейна справа: ділити спільну квартиру довелося у суді">Не сімейна справа: ділити спільну квартиру довелося у суді</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-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=850x560" class="wp-post-image" alt="Петро Порошенко повернувся до України: що йому загрожує">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-polityka-vnutrishnya-polityka/105583-petro-poroshenko-povernuvsya-do-ukra-ni-scho-yomu-zagrozhu.html" title="Петро Порошенко повернувся до України: що йому загрожує">Петро Порошенко повернувся до України: що йому загрожує</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-suspilstvo-medicine/105605-reproduktolog-ki-v-molochnicya---odin-z-nayposhiren-shih-nedug-p-slya-zastudi.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.01.2022/4893ce5f592ceccde714ad25c32ce08a.png&amp;size=850x560" class="wp-post-image" alt="Репродуктолог Київ: Молочниця - один з найпоширеніших недуг після застуди ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-suspilstvo-medicine/105605-reproduktolog-ki-v-molochnicya---odin-z-nayposhiren-shih-nedug-p-slya-zastudi.html" title="Репродуктолог Київ: Молочниця - один з найпоширеніших недуг після застуди ">Репродуктолог Київ: Молочниця - один з найпоширеніших недуг після застуди...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105589-oleg-mischenko-iz-globalmoney-i-bahtari-hedayatollah-mussa-iz-ao-al-pari-bank---uchastniki-mezhdunarodnyh-afer-soobschaet-angliyskaya-pressa.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/985df903924d2834036c27c5a3368190.jpeg&amp;size=850x560" class="wp-post-image" alt="Олег Мищенко из GlobalMoney и Бахтари Хедаятоллах Мусса из АО АЛЬПАРИ БАНК - участники международных афер. Сообщает английская пресса">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105589-oleg-mischenko-iz-globalmoney-i-bahtari-hedayatollah-mussa-iz-ao-al-pari-bank---uchastniki-mezhdunarodnyh-afer-soobschaet-angliyskaya-pressa.html" title="Олег Мищенко из GlobalMoney и Бахтари Хедаятоллах Мусса из АО АЛЬПАРИ БАНК - участники международных афер. Сообщает английская пресса">Олег Мищенко из GlobalMoney и Бахтари Хедаятоллах Мусса из АО АЛЬПАРИ БАНК...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105585-rad-ov-z-ografi-u-stomatolog-chn-y-rentgenod-agnostic.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/45782c373f2c50626b1381e98c6622b8.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/105585-rad-ov-z-ografi-u-stomatolog-chn-y-rentgenod-agnostic.html" title="Радіовізіографи у стоматологічній рентгенодіагностиці">Радіовізіографи у стоматологічній рентгенодіагностиці</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-suspilstvo-medicine/105579-reproduktolog-ki-v-persh-oznaki-vag-tnost.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/4d9267e303397d0b80d1bf01642eb945.jpeg&amp;size=850x560" class="wp-post-image" alt="Репродуктолог Київ: Перші ознаки вагітності">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-suspilstvo-medicine/105579-reproduktolog-ki-v-persh-oznaki-vag-tnost.html" title="Репродуктолог Київ: Перші ознаки вагітності">Репродуктолог Київ: Перші ознаки вагітності</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-suspilstvo-medicine/105578-reproduktolog-ki-v-ditina-v-d-tr-oh-bat-k-v.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/1d570265dc20c876c5158b579c8d3eba.jpeg&amp;size=850x560" class="wp-post-image" alt="Репродуктолог Київ: Дитина від трьох батьків">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-suspilstvo-medicine/105578-reproduktolog-ki-v-ditina-v-d-tr-oh-bat-k-v.html" title="Репродуктолог Київ: Дитина від трьох батьків">Репродуктолог Київ: Дитина від трьох батьків</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-suspilstvo-medicine/105577-endometr-oma-opiruvati-chi-n.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/ef7693620190a72838a041f24c40f35e.jpeg&amp;size=850x560" class="wp-post-image" alt="Ендометріома: Опирувати чи ні?">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-suspilstvo-medicine/105577-endometr-oma-opiruvati-chi-n.html" title="Ендометріома: Опирувати чи ні?">Ендометріома: Опирувати чи ні?</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-suspilstvo-medicine/105581-reproduktolog-ki-v-u-yakih-vipadkah-dopomaga-prezervativ.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/c4ff6a546689b6c4cbdbaf18639a88fb.png&amp;size=850x560" class="wp-post-image" alt="Репродуктолог Київ: У яких випадках допомагає презерватив">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-suspilstvo-medicine/105581-reproduktolog-ki-v-u-yakih-vipadkah-dopomaga-prezervativ.html" title="Репродуктолог Київ: У яких випадках допомагає презерватив">Репродуктолог Київ: У яких випадках допомагає презерватив</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105540-na-zhitomirschin-virubili-sosen-na-m-l-yon-griven.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.01.2022/186af6c0f2f3c5f2160433a1d679b2eb.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/105540-na-zhitomirschin-virubili-sosen-na-m-l-yon-griven.html" title="На Житомирщині вирубили сосен на мільйон гривень ">На Житомирщині вирубили сосен на мільйон гривень </a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/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=850x560" class="wp-post-image" alt="Новий гіперзвуковий двигун зі швидкістю понад 6000 км/год працює на  зеленому водні">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/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>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105516-v-dpochinok-u-spa-scho-ce-take-ta-yakiy-buva.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.01.2022/a0a877799215b2b51b3bfaf3e1cefa30.jpeg&amp;size=850x560" class="wp-post-image" alt="Відпочинок у SPA: що це таке та який буває?">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105516-v-dpochinok-u-spa-scho-ce-take-ta-yakiy-buva.html" title="Відпочинок у SPA: що це таке та який буває?">Відпочинок у SPA: що це таке та який буває?</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

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

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

</style>
<section class="widjet-component-inner widjetComponent--3700">
            <style>
        .widjetComponent--title--3700.widget-title-base {
            color: #ffffff;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            background: #297fff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
        <h4 class="widjetComponent--title--3700 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-derzhava-vlada/105541-yak-vipraviti-pomilku-u-pravovstanovlyuyuchih-dokumentah.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/079d6ff94afe98c1953ef9ca096d98ab.png&amp;size=850x560" class="wp-post-image" alt="Як виправити помилку у правовстановлюючих документах">
                            <div class="category">Найголовніше</div>
                            <div class="post-content">
                                <h3 class="widget-title">Як виправити помилку у правовстановлюючих документах</h3>
                                <div class="entry-content">
                                    

Помилка в документах навіть в одну літеру може створити для людини значні проблеми, особливо якщо ці документи визначають право власності. В такому випадку людина фактично...
                                </div>
                            </div>

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

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

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

</style>
<section class="widjet-component-inner widjetComponent--3723">
            <style>
        .widjetComponent--title--3723.widget-title-base {
            color: #ffffff;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            background: #297fff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
        <h4 class="widjetComponent--title--3723 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/105054-zavolod-nnya-kvartirami-lyudey-pohilogo-v-ku-abo-nedoskonal-st-zakonu-schodo-protid-domashn-ogo-nasillya.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/23.12.2021/0cc9b0cb17021a50c1114e059db0d5e9/7acb2f2d170535bdd0622f31bf1d23d5_poster.jpg&amp;size=851x561" class="wp-post-image" alt="Заволодіння квартирами людей похилого віку або недосконалість закону щодо протидії домашнього насилля">
                            <div class="post-content">
                                <div class="category">Новини України та світу</div>
                                <h3 class="widget-title">Заволодіння квартирами людей похилого віку або недосконалість закону щодо...</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
                    <div 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/104801-prezident-volodimir-zelens-kiy-nezakonno-skasuvav-pozachergov-vibori-mera-krivogo-rogu-potenc-yna-prichina-progrash-vibor-v-valentin-gayday-k-ra-molchanova.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.12.2021/bd00cafcc119012a1185fe0a17df30b8.jpeg&amp;size=851x561" class="wp-post-image" alt="Президент Володимир Зеленський незаконно скасував позачергові вибори мера Кривого Рогу : потенційна причина – програш виборів. Валентин Гайдай, Кіра Молчанова   ">
                            <div class="post-content">
                                <div class="category">Події</div>
                                <h3 class="widget-title">Президент Володимир Зеленський незаконно скасував позачергові вибори мера...</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                            <style>
    .widjetComponent--3706 .post-image img {
        width: 100%;
    }
    .widjetComponent--3706 .post-image a {
        display: block;
    }
    .widjetComponent--3706 .post-content .category a {
        color: #0400db;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3706 .post-content .category a:hover {
        color: #0400db;
    }
    .widjetComponent--3706 .widget-title a {
        color: #0400db;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3706 .widget-title a:hover {
        color: #0400db;
    }
    .widjetComponent--3706 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3706 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3706 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3706 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3706 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3706 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3706 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3706">
            <style>
        .widjetComponent--title--3706.widget-title-base {
            color: #ffffff;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            background: #297fff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/video" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3706 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="post-image">
                        <a class="" href="/video-sport/105555-ih-vseukra-ns-kiy-turn-r-z-v-l-no-borot-bi-krok-do-ol-mpu-na-prizi-valer-ya-andr-yceva.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/18.01.2022/e442faf4ec4faeebf2dabca9a4f29d39/4e247cbf461c449a4800977f5a8e30e8.mp4"
                               data-videoid="3003"
                               data-videoHLS=""
                               data-link="/video-sport/105555-ih-vseukra-ns-kiy-turn-r-z-v-l-no-borot-bi-krok-do-ol-mpu-na-prizi-valer-ya-andr-yceva.html"
                               title="IХ Всеукраїнський турнір з вільної боротьби «Крок до Олімпу» на призи Валерія Андрійцева"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/18.01.2022/e442faf4ec4faeebf2dabca9a4f29d39/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/18.01.2022/e442faf4ec4faeebf2dabca9a4f29d39/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/18.01.2022/e442faf4ec4faeebf2dabca9a4f29d39/acf5a9330e11dff5feb26f671914ffee_poster.jpg&amp;size=320x210" class="wp-post-image" alt="IХ Всеукраїнський турнір з вільної боротьби «Крок до Олімпу» на призи Валерія Андрійцева">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-sport" class="post_term category investing">Спорт</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-sport/105555-ih-vseukra-ns-kiy-turn-r-z-v-l-no-borot-bi-krok-do-ol-mpu-na-prizi-valer-ya-andr-yceva.html" title="IХ Всеукраїнський турнір з вільної боротьби «Крок до Олімпу» на призи Валерія Андрійцева">IХ Всеукраїнський турнір з вільної боротьби «Крок до Олімпу» на призи Валерія...</a>
                            <!--<a href="/video-sport/105555-ih-vseukra-ns-kiy-turn-r-z-v-l-no-borot-bi-krok-do-ol-mpu-na-prizi-valer-ya-andr-yceva.html" title="IХ Всеукраїнський турнір з вільної боротьби «Крок до Олімпу» на призи Валерія Андрійцева">IХ Всеукраїнський турнір з вільної боротьби «Крок до Олімпу»...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/105568-zaschitnoe-steklo-chto-takoe-2d-3d-4d-i-tak-dalee.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/18.01.2022/2a037838e2582e143871c3042cfc9306/8b828a24868e59adaa468507c0fb292d.mp4"
                               data-videoid="3004"
                               data-videoHLS=""
                               data-link="/video-derzhava/105568-zaschitnoe-steklo-chto-takoe-2d-3d-4d-i-tak-dalee.html"
                               title="Защитное стекло : что такое 2D 3D 4D и так далее"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/18.01.2022/2a037838e2582e143871c3042cfc9306/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/18.01.2022/2a037838e2582e143871c3042cfc9306/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/18.01.2022/2a037838e2582e143871c3042cfc9306/767869eabbcebda0a443e674d27a0642_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Защитное стекло : что такое 2D 3D 4D и так далее">
                        </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/105568-zaschitnoe-steklo-chto-takoe-2d-3d-4d-i-tak-dalee.html" title="Защитное стекло : что такое 2D 3D 4D и так далее">Защитное стекло : что такое 2D 3D 4D и так далее</a>
                            <!--<a href="/video-derzhava/105568-zaschitnoe-steklo-chto-takoe-2d-3d-4d-i-tak-dalee.html" title="Защитное стекло : что такое 2D 3D 4D и так далее">Защитное стекло : что такое 2D 3D 4D и так далее</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/105512-zaschitnoe-steklo-top-po-versii-amazon.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/17.01.2022/2774f2aff8f5406e90ebf6347144afe1/bc7ce77bbd51415d6983b1af31348c1b.mp4"
                               data-videoid="3002"
                               data-videoHLS=""
                               data-link="/video-derzhava/105512-zaschitnoe-steklo-top-po-versii-amazon.html"
                               title="Защитное стекло : топ по версии amazon"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/17.01.2022/2774f2aff8f5406e90ebf6347144afe1/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/17.01.2022/2774f2aff8f5406e90ebf6347144afe1/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/17.01.2022/2774f2aff8f5406e90ebf6347144afe1/1100499ed6015d89e35a387e698789f1_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Защитное стекло : топ по версии amazon">
                        </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/105512-zaschitnoe-steklo-top-po-versii-amazon.html" title="Защитное стекло : топ по версии amazon">Защитное стекло : топ по версии amazon</a>
                            <!--<a href="/video-derzhava/105512-zaschitnoe-steklo-top-po-versii-amazon.html" title="Защитное стекло : топ по версии amazon">Защитное стекло : топ по версии amazon</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/105486-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-16-s-chnya-2022-roku.html"
                                                   >
                            <img loading="lazy" src="&amp;size=320x210" class="wp-post-image" alt="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 16 січня 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/105486-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-16-s-chnya-2022-roku.html" title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 16 січня 2022 року">Зведення про ситуацію в районі проведення операції Об’єднаних сил станом...</a>
                            <!--<a href="/video-derzhava/105486-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-16-s-chnya-2022-roku.html" title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 16 січня 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="/video-suspilstvo/105473-kancelyars-ke-svav-llya-v-apelyac-ynomu-sud-ki-va.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/14.01.2022/80a277bd6cc373cfbf144cebacdeebca/188aeca7d91072e443104b78c63c60cc.mp4"
                               data-videoid="3001"
                               data-videoHLS=""
                               data-link="/video-suspilstvo/105473-kancelyars-ke-svav-llya-v-apelyac-ynomu-sud-ki-va.html"
                               title="Канцелярське свавілля в апеляційному суді Києва"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/14.01.2022/80a277bd6cc373cfbf144cebacdeebca/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/14.01.2022/80a277bd6cc373cfbf144cebacdeebca/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/14.01.2022/80a277bd6cc373cfbf144cebacdeebca/a2b6d55cf7f12adff1fb3dd64c58b291_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Канцелярське свавілля в апеляційному суді Києва">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo/105473-kancelyars-ke-svav-llya-v-apelyac-ynomu-sud-ki-va.html" title="Канцелярське свавілля в апеляційному суді Києва">Канцелярське свавілля в апеляційному суді Києва</a>
                            <!--<a href="/video-suspilstvo/105473-kancelyars-ke-svav-llya-v-apelyac-ynomu-sud-ki-va.html" title="Канцелярське свавілля в апеляційному суді Києва">Канцелярське свавілля в апеляційному суді Києва</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/105442-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-13-s-chnya-2022-roku.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/13.01.2022/e9baab93614ff9d53c6d102253330b79/af8abf00a8ba32427e609a2193d7ee15.mp4"
                               data-videoid="2999"
                               data-videoHLS=""
                               data-link="/video-derzhava/105442-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-13-s-chnya-2022-roku.html"
                               title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 13 січня 2022 року"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/13.01.2022/e9baab93614ff9d53c6d102253330b79/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/13.01.2022/e9baab93614ff9d53c6d102253330b79/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/13.01.2022/e9baab93614ff9d53c6d102253330b79/5a6853bab4dec54597e9121e36198439_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 13 січня 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/105442-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-13-s-chnya-2022-roku.html" title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 13 січня 2022 року">Зведення про ситуацію в районі проведення операції Об’єднаних сил станом...</a>
                            <!--<a href="/video-derzhava/105442-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-13-s-chnya-2022-roku.html" title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 13 січня 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="/video-derzhava/105443-zaschitnoe-steklo-kakie-vidy-est-seychas.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/13.01.2022/e3d6583e48d62d2f711d828c3172b32b/abfc6013b68fb2d2d31fa9f14eb0b2ea.mp4"
                               data-videoid="3000"
                               data-videoHLS=""
                               data-link="/video-derzhava/105443-zaschitnoe-steklo-kakie-vidy-est-seychas.html"
                               title="Защитное стекло : какие виды есть сейчас"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/13.01.2022/e3d6583e48d62d2f711d828c3172b32b/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/13.01.2022/e3d6583e48d62d2f711d828c3172b32b/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/13.01.2022/e3d6583e48d62d2f711d828c3172b32b/7823c53627dcf13363c10cc68f4d868c_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Защитное стекло : какие виды есть сейчас">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/105443-zaschitnoe-steklo-kakie-vidy-est-seychas.html" title="Защитное стекло : какие виды есть сейчас">Защитное стекло : какие виды есть сейчас</a>
                            <!--<a href="/video-derzhava/105443-zaschitnoe-steklo-kakie-vidy-est-seychas.html" title="Защитное стекло : какие виды есть сейчас">Защитное стекло : какие виды есть сейчас</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-sport/105408-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-ol-mp-ys-kiy-urok-u-zosh-21.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/12.01.2022/e34899b8269b463ac001fda3ba6d9dc4/60fc6ac21b37cb953304c3c6e43a06dd.mp4"
                               data-videoid="2998"
                               data-videoHLS=""
                               data-link="/video-sport/105408-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-ol-mp-ys-kiy-urok-u-zosh-21.html"
                               title="Національний олімпійський комітет України : Олімпійський урок у ЗОШ №21"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/12.01.2022/e34899b8269b463ac001fda3ba6d9dc4/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/12.01.2022/e34899b8269b463ac001fda3ba6d9dc4/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/12.01.2022/e34899b8269b463ac001fda3ba6d9dc4/4cf4097adf433b3d40bca908aaadf6a0_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Національний олімпійський комітет України : Олімпійський урок у ЗОШ №21">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-sport" class="post_term category investing">Спорт</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-sport/105408-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-ol-mp-ys-kiy-urok-u-zosh-21.html" title="Національний олімпійський комітет України : Олімпійський урок у ЗОШ №21">Національний олімпійський комітет України : Олімпійський урок у ЗОШ №21</a>
                            <!--<a href="/video-sport/105408-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-ol-mp-ys-kiy-urok-u-zosh-21.html" title="Національний олімпійський комітет України : Олімпійський урок у ЗОШ №21">Національний олімпійський комітет України : Олімпійський...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3706').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-3706 .entry").remove();');
                                $('#streem_append_block-3706 .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-3706').append(curstr);

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

                                                                            <style>
    .widjetComponent--3705 .post-image img {
        width: 100%;
    }
    .widjetComponent--3705 .post-image a {
        display: block;
    }
    .widjetComponent--3705 .post-content .category a {
        color: #0400db;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3705 .post-content .category a:hover {
        color: #0400db;
    }
    .widjetComponent--3705 .widget-title a {
        color: #0400db;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3705 .widget-title a:hover {
        color: #0400db;
    }
    .widjetComponent--3705 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3705 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3705 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3705 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3705 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3705 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3705 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3705">
            <style>
        .widjetComponent--title--3705.widget-title-base {
            color: #ffffff;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            background: #297fff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/nowyny" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3705 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="post-image">
                        <a class="" href="/nowyny/78698-klichko-l-der-sered-kandidat-v-u-och-l-niki-ki-va.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/04.08.2020/614488e9c7964eaf549d690f63dbb36a.jpeg&amp;size=320x210" class="wp-post-image" alt="Кличко – лідер серед кандидатів у очільники Києва">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/nowyny" class="post_term category investing">Новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/nowyny/78698-klichko-l-der-sered-kandidat-v-u-och-l-niki-ki-va.html" title="Кличко – лідер серед кандидатів у очільники Києва">Кличко – лідер серед кандидатів у очільники Києва</a>
                            <!--<a href="/nowyny/78698-klichko-l-der-sered-kandidat-v-u-och-l-niki-ki-va.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="/nowyny/79141-speceksporter-ukroboronpromu-usp-shno-vikonav-dva-derzhkontrakti-dlya-pravoohoronnih-organ-v-vsu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.08.2020/bc628335739dd61a16515ba8ef3b5803.jpeg&amp;size=320x210" class="wp-post-image" alt="Спецекспортер Укроборонпрому успішно виконав два держконтракти для правоохоронних органів і ВСУ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/nowyny" class="post_term category investing">Новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/nowyny/79141-speceksporter-ukroboronpromu-usp-shno-vikonav-dva-derzhkontrakti-dlya-pravoohoronnih-organ-v-vsu.html" title="Спецекспортер Укроборонпрому успішно виконав два держконтракти для правоохоронних органів і ВСУ">Спецекспортер Укроборонпрому успішно виконав два держконтракти для правоохоронних...</a>
                            <!--<a href="/nowyny/79141-speceksporter-ukroboronpromu-usp-shno-vikonav-dva-derzhkontrakti-dlya-pravoohoronnih-organ-v-vsu.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="/nowyny/79142-glava-vrokom-s-postavila-p-d-sumn-v-of-c-yn-rezul-tati-vibor-v-u-b-lorus.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.08.2020/724f91cb6074a86d57a83dc7eba2e18b.jpeg&amp;size=320x210" class="wp-post-image" alt="Глава Єврокомісії поставила під сумнів офіційні результати виборів у Білорусі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/nowyny" class="post_term category investing">Новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/nowyny/79142-glava-vrokom-s-postavila-p-d-sumn-v-of-c-yn-rezul-tati-vibor-v-u-b-lorus.html" title="Глава Єврокомісії поставила під сумнів офіційні результати виборів у Білорусі">Глава Єврокомісії поставила під сумнів офіційні результати виборів у Білорусі</a>
                            <!--<a href="/nowyny/79142-glava-vrokom-s-postavila-p-d-sumn-v-of-c-yn-rezul-tati-vibor-v-u-b-lorus.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="/nowyny/79159-cvk-zvernulas-do-kab-netu-m-n-str-v-ukra-ni-schodo-zabezpechennya-zvichaynih-viborchih-d-l-nic-neobh-dnimi-prim-schennyami.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.08.2020/4c956ef0e94f054236916e3bc00deb59.jpeg&amp;size=320x210" class="wp-post-image" alt="ЦВК звернулась до Кабінету Міністрів України щодо забезпечення звичайних виборчих дільниць необхідними приміщеннями">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/nowyny" class="post_term category investing">Новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/nowyny/79159-cvk-zvernulas-do-kab-netu-m-n-str-v-ukra-ni-schodo-zabezpechennya-zvichaynih-viborchih-d-l-nic-neobh-dnimi-prim-schennyami.html" title="ЦВК звернулась до Кабінету Міністрів України щодо забезпечення звичайних виборчих дільниць необхідними приміщеннями">ЦВК звернулась до Кабінету Міністрів України щодо забезпечення звичайних...</a>
                            <!--<a href="/nowyny/79159-cvk-zvernulas-do-kab-netu-m-n-str-v-ukra-ni-schodo-zabezpechennya-zvichaynih-viborchih-d-l-nic-neobh-dnimi-prim-schennyami.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="/nowyny/79160-vneseno-zm-ni-do-perel-ku-zvichaynih-ta-spec-al-nih-viborchih-d-l-nic.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.08.2020/90587bfc1ce9023edf45815a21eb8269.jpeg&amp;size=320x210" class="wp-post-image" alt="Внесено зміни до переліку звичайних та спеціальних виборчих дільниць">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/nowyny" class="post_term category investing">Новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/nowyny/79160-vneseno-zm-ni-do-perel-ku-zvichaynih-ta-spec-al-nih-viborchih-d-l-nic.html" title="Внесено зміни до переліку звичайних та спеціальних виборчих дільниць">Внесено зміни до переліку звичайних та спеціальних виборчих дільниць</a>
                            <!--<a href="/nowyny/79160-vneseno-zm-ni-do-perel-ku-zvichaynih-ta-spec-al-nih-viborchih-d-l-nic.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="/nowyny/79176-ostatochniy-v-dl-k-sk-l-ki-otg-snuvatime-v-ukra-n-ta-chomu-znika-z-map-chastina-vzhe-utvorenih.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.08.2020/cac14ac90fc663c3f3e1ab447643fd9d.jpeg&amp;size=320x210" class="wp-post-image" alt="Остаточний відлік. Скільки ОТГ існуватиме в Україні та чому зникає з мап частина вже утворених">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/nowyny" class="post_term category investing">Новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/nowyny/79176-ostatochniy-v-dl-k-sk-l-ki-otg-snuvatime-v-ukra-n-ta-chomu-znika-z-map-chastina-vzhe-utvorenih.html" title="Остаточний відлік. Скільки ОТГ існуватиме в Україні та чому зникає з мап частина вже утворених">Остаточний відлік. Скільки ОТГ існуватиме в Україні та чому зникає з мап...</a>
                            <!--<a href="/nowyny/79176-ostatochniy-v-dl-k-sk-l-ki-otg-snuvatime-v-ukra-n-ta-chomu-znika-z-map-chastina-vzhe-utvorenih.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="/nowyny/79243-part-yu-diniy-centr-pereymenovano-v-ktor-baloga-b-l-she-ne-ker-vnikom.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.08.2020/de930f9c67d3c34e0f40e1fe59cb652c.jpeg&amp;size=320x210" class="wp-post-image" alt="Партію "Єдиний центр" перейменовано: Віктор Балога більше не є її керівником">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/nowyny" class="post_term category investing">Новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/nowyny/79243-part-yu-diniy-centr-pereymenovano-v-ktor-baloga-b-l-she-ne-ker-vnikom.html" title="Партію "Єдиний центр" перейменовано: Віктор Балога більше не є її керівником">Партію "Єдиний центр" перейменовано: Віктор Балога більше не є її керівником</a>
                            <!--<a href="/nowyny/79243-part-yu-diniy-centr-pereymenovano-v-ktor-baloga-b-l-she-ne-ker-vnikom.html" title="Партію &quot;Єдиний центр&quot; перейменовано: Віктор Балога більше не є її керівником">Партію "Єдиний центр" перейменовано: Віктор Балога більше...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/nowyny/79245-vchora-v-dbulasya-zustr-ch-volodimira-g-rnyaka-z-meshkancyami-lisinich-ta-p-db-rc-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.08.2020/68474edd2ae7003b3950b872f247364f.jpeg&amp;size=320x210" class="wp-post-image" alt="Вчора відбулася зустріч Володимира Гірняка з мешканцями Лисинич та Підбірців">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/nowyny" class="post_term category investing">Новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/nowyny/79245-vchora-v-dbulasya-zustr-ch-volodimira-g-rnyaka-z-meshkancyami-lisinich-ta-p-db-rc-v.html" title="Вчора відбулася зустріч Володимира Гірняка з мешканцями Лисинич та Підбірців">Вчора відбулася зустріч Володимира Гірняка з мешканцями Лисинич та Підбірців</a>
                            <!--<a href="/nowyny/79245-vchora-v-dbulasya-zustr-ch-volodimira-g-rnyaka-z-meshkancyami-lisinich-ta-p-db-rc-v.html" title="Вчора відбулася зустріч Володимира Гірняка з мешканцями Лисинич та Підбірців">Вчора відбулася зустріч Володимира Гірняка з мешканцями...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3705').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-3705 .entry").remove();');
                                $('#streem_append_block-3705 .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-3705').append(curstr);

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

                                                                            <style>
    .widjetComponent--3707 .post-image img {
        width: 100%;
    }
    .widjetComponent--3707 .post-image a {
        display: block;
    }
    .widjetComponent--3707 .post-content .category a {
        color: #0400db;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3707 .post-content .category a:hover {
        color: #0400db;
    }
    .widjetComponent--3707 .widget-title a {
        color: #0400db;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3707 .widget-title a:hover {
        color: #0400db;
    }
    .widjetComponent--3707 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3707 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3707 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3707 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3707 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3707 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3707 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3707">
            <style>
        .widjetComponent--title--3707.widget-title-base {
            color: #ffffff;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            background: #297fff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/news-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3707 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="post-image">
                        <a class="" href="/news-derzhava-pravookhoronni-orhany/105510-zaareshtovano-vikradacha-posilok-na-ki-vschin-podrobic-spravi.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.01.2022/9a2dfbb769fcbd3a3ae57bc7250ec35b.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/105510-zaareshtovano-vikradacha-posilok-na-ki-vschin-podrobic-spravi.html" title="Заарештовано викрадача посилок на Київщині, подробиці справи:">Заарештовано викрадача посилок на Київщині, подробиці справи:</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/105510-zaareshtovano-vikradacha-posilok-na-ki-vschin-podrobic-spravi.html" title="Заарештовано викрадача посилок на Київщині, подробиці справи:">Заарештовано викрадача посилок на Київщині, подробиці справи:</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-pravookhoronni-orhany/105514-zber-gav-dityachu-pornograf-yu-u-mar-upol-vikrito-m-scevogo-meshkancya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.01.2022/942c8f817dde1a9b50f74bf2d46dc182.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/105514-zber-gav-dityachu-pornograf-yu-u-mar-upol-vikrito-m-scevogo-meshkancya.html" title="Зберігав дитячу порнографію – у Маріуполі викрито місцевого мешканця">Зберігав дитячу порнографію – у Маріуполі викрито місцевого мешканця</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/105514-zber-gav-dityachu-pornograf-yu-u-mar-upol-vikrito-m-scevogo-meshkancya.html" title="Зберігав дитячу порнографію – у Маріуполі викрито місцевого мешканця">Зберігав дитячу порнографію – у Маріуполі викрито місцевого...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-pravookhoronni-orhany/105513-ponad-30-budink-v-za-17-mln-grn---prokuratura-domoglas-peredach-v-d-zbankrut-logo-p-dpri-mstva-na-balans-m-sta-zhitlovogo-fondu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.01.2022/f7e2f7b6df1e6a7882d60a4b2265832c.jpeg&amp;size=320x210" class="wp-post-image" alt="Понад 30 будинків за 17 млн грн - прокуратура домоглась передачі від збанкрутілого підприємства на баланс міста житлового фонду">
                        </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/105513-ponad-30-budink-v-za-17-mln-grn---prokuratura-domoglas-peredach-v-d-zbankrut-logo-p-dpri-mstva-na-balans-m-sta-zhitlovogo-fondu.html" title="Понад 30 будинків за 17 млн грн - прокуратура домоглась передачі від збанкрутілого підприємства на баланс міста житлового фонду">Понад 30 будинків за 17 млн грн - прокуратура домоглась передачі від збанкрутілого...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/105513-ponad-30-budink-v-za-17-mln-grn---prokuratura-domoglas-peredach-v-d-zbankrut-logo-p-dpri-mstva-na-balans-m-sta-zhitlovogo-fondu.html" title="Понад 30 будинків за 17 млн грн - прокуратура домоглась передачі від збанкрутілого підприємства на баланс міста житлового фонду">Понад 30 будинків за 17 млн грн - прокуратура домоглась...</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/105541-yak-vipraviti-pomilku-u-pravovstanovlyuyuchih-dokumentah.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/079d6ff94afe98c1953ef9ca096d98ab.png&amp;size=320x210" class="wp-post-image" alt="Як виправити помилку у правовстановлюючих документах">
                        </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/105541-yak-vipraviti-pomilku-u-pravovstanovlyuyuchih-dokumentah.html" title="Як виправити помилку у правовстановлюючих документах">Як виправити помилку у правовстановлюючих документах</a>
                            <!--<a href="/news-derzhava-vlada/105541-yak-vipraviti-pomilku-u-pravovstanovlyuyuchih-dokumentah.html" title="Як виправити помилку у правовстановлюючих документах">Як виправити помилку у правовстановлюючих документах</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3707').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-3707 .entry").remove();');
                                $('#streem_append_block-3707 .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-3707').append(curstr);

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

                                                                            <style>
    .widjetComponent--3708 .post-image img {
        width: 100%;
    }
    .widjetComponent--3708 .post-image a {
        display: block;
    }
    .widjetComponent--3708 .post-content .category a {
        color: #0400db;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3708 .post-content .category a:hover {
        color: #0400db;
    }
    .widjetComponent--3708 .widget-title a {
        color: #0400db;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3708 .widget-title a:hover {
        color: #0400db;
    }
    .widjetComponent--3708 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3708 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3708 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3708 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3708 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3708 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3708 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3708">
            <style>
        .widjetComponent--title--3708.widget-title-base {
            color: #ffffff;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            background: #297fff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/news-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3708 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="post-image">
                        <a class="" href="/news-suspilstvo-medicine/105605-reproduktolog-ki-v-molochnicya---odin-z-nayposhiren-shih-nedug-p-slya-zastudi.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.01.2022/4893ce5f592ceccde714ad25c32ce08a.png&amp;size=320x210" class="wp-post-image" alt="Репродуктолог Київ: Молочниця - один з найпоширеніших недуг після застуди ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-medicine" class="post_term category investing">Медицина</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-medicine/105605-reproduktolog-ki-v-molochnicya---odin-z-nayposhiren-shih-nedug-p-slya-zastudi.html" title="Репродуктолог Київ: Молочниця - один з найпоширеніших недуг після застуди ">Репродуктолог Київ: Молочниця - один з найпоширеніших недуг після застуди...</a>
                            <!--<a href="/news-suspilstvo-medicine/105605-reproduktolog-ki-v-molochnicya---odin-z-nayposhiren-shih-nedug-p-slya-zastudi.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-medicine/105579-reproduktolog-ki-v-persh-oznaki-vag-tnost.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/4d9267e303397d0b80d1bf01642eb945.jpeg&amp;size=320x210" class="wp-post-image" alt="Репродуктолог Київ: Перші ознаки вагітності">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-medicine" class="post_term category investing">Медицина</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-medicine/105579-reproduktolog-ki-v-persh-oznaki-vag-tnost.html" title="Репродуктолог Київ: Перші ознаки вагітності">Репродуктолог Київ: Перші ознаки вагітності</a>
                            <!--<a href="/news-suspilstvo-medicine/105579-reproduktolog-ki-v-persh-oznaki-vag-tnost.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-medicine/105578-reproduktolog-ki-v-ditina-v-d-tr-oh-bat-k-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/1d570265dc20c876c5158b579c8d3eba.jpeg&amp;size=320x210" class="wp-post-image" alt="Репродуктолог Київ: Дитина від трьох батьків">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-medicine" class="post_term category investing">Медицина</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-medicine/105578-reproduktolog-ki-v-ditina-v-d-tr-oh-bat-k-v.html" title="Репродуктолог Київ: Дитина від трьох батьків">Репродуктолог Київ: Дитина від трьох батьків</a>
                            <!--<a href="/news-suspilstvo-medicine/105578-reproduktolog-ki-v-ditina-v-d-tr-oh-bat-k-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-medicine/105577-endometr-oma-opiruvati-chi-n.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/ef7693620190a72838a041f24c40f35e.jpeg&amp;size=320x210" class="wp-post-image" alt="Ендометріома: Опирувати чи ні?">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-medicine" class="post_term category investing">Медицина</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-medicine/105577-endometr-oma-opiruvati-chi-n.html" title="Ендометріома: Опирувати чи ні?">Ендометріома: Опирувати чи ні?</a>
                            <!--<a href="/news-suspilstvo-medicine/105577-endometr-oma-opiruvati-chi-n.html" title="Ендометріома: Опирувати чи ні?">Ендометріома: Опирувати чи ні?</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3708').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-3708 .entry").remove();');
                                $('#streem_append_block-3708 .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-3708').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-1849-1 row-k-style" id="row-k-style-1849-1">
            <div class="row-k-width-1849-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3703 .post-image img {
        width: 100%;
    }
    .widjetComponent--3703 .post-image a {
        display: block;
    }
    .widjetComponent--3703 .post-content .category a {
        color: #1200b0;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3703 .post-content .category a:hover {
        color: #1200b0;
    }
    .widjetComponent--3703 .widget-title a {
        color: #1200b0;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3703 .widget-title a:hover {
        color: #1200b0;
    }
    .widjetComponent--3703 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3703 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3703 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3703 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3703 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3703 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3703 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3703">
            <style>
        .widjetComponent--title--3703.widget-title-base {
            color: #ffffff;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            background: #297fff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
        <h4 class="widjetComponent--title--3703 widget-title-base">Стріми</h4>
        <div class="row" id="streem_append_block-3703">
                                        </div>
</section>

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

            }

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

            if ($('#streem_append_block-3703').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-3703 .entry").remove();');
                                $('#streem_append_block-3703 .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-3703').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-1849-2 row-k-style" id="row-k-style-1849-2">
            <div class="row-k-width-1849-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3704 .post-image img {
        width: 100%;
    }
    .widjetComponent--3704 .post-image a {
        display: block;
    }
    .widjetComponent--3704 .post-content .category a {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3704 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--3704 .widget-title a {
        color: #0400db;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3704 .widget-title a:hover {
        color: #0400db;
    }
    .widjetComponent--3704 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3704 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3704 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3704 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3704 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3704 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3704 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3704">
            <style>
        .widjetComponent--title--3704.widget-title-base {
            color: #ffffff;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            background: #297fff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/pres-center" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3704 widget-title-base">ПРЕС-ЦЕНТР</h4>
    </a>    <div class="row" >
                                                        </div>
</section>

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

            }

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

            if ($('#streem_append_block-3704').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-3704 .entry").remove();');
                                $('#streem_append_block-3704 .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-3704').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-1849-3 row-k-style" id="row-k-style-1849-3">
            <div class="row-k-width-1849-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3765 .post-inner {
        padding-bottom: 15px;
        box-shadow: 0 0 0 rgba(103, 122, 141, 0);
        margin-bottom: 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    .widjetComponent--3765 .post-image img {
        width: 100%;
    }
    .widjetComponent--3765 .post-image a {
        display: block;
    }
    .widjetComponent--3765 .widget-title a {
        color: #000;
        font-size: 12px;
        font-weight: normal;
    }
    .widjetComponent--3765 .widget-title a:hover {
        color: #1f93f5;
    }

</style>
<section class="widjet-component-inner widjetComponent--3765">
            <style>
        .widjetComponent--title--3765.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            background: #0066ff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/news-ukraine-and-worlds" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3765 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/105614-spravedliv-st-ne-peremogla-krivoruchko-pro-r-shennya-sudu-u-sprav-poroshenka.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.01.2022/33577fb2f147cf50f6e90eb1c0ce4e97.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/105614-spravedliv-st-ne-peremogla-krivoruchko-pro-r-shennya-sudu-u-sprav-poroshenka.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/105613-aktiv-sti-zvinuvatili-moz-u-proval-vakcinac-v-d-covid-19.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.01.2022/0c9ae3f6c39aae95db1ba84a6c68c198.jpeg&amp;size=850x560" class="wp-post-image" alt="Активісти звинуватили МОЗ у провалі вакцинації від COVID-19">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105613-aktiv-sti-zvinuvatili-moz-u-proval-vakcinac-v-d-covid-19.html" title="Активісти звинуватили МОЗ у провалі вакцинації від COVID-19">Активісти звинуватили МОЗ у провалі вакцинації від COVID-19</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/105580-ne-s-meyna-sprava-d-liti-sp-l-nu-kvartiru-dovelosya-u-sud.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/b1f36c8c75919f019c03a67e9accf7e3.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/105580-ne-s-meyna-sprava-d-liti-sp-l-nu-kvartiru-dovelosya-u-sud.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/105589-oleg-mischenko-iz-globalmoney-i-bahtari-hedayatollah-mussa-iz-ao-al-pari-bank---uchastniki-mezhdunarodnyh-afer-soobschaet-angliyskaya-pressa.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/985df903924d2834036c27c5a3368190.jpeg&amp;size=850x560" class="wp-post-image" alt="Олег Мищенко из GlobalMoney и Бахтари Хедаятоллах Мусса из АО АЛЬПАРИ БАНК - участники международных афер. Сообщает английская пресса">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105589-oleg-mischenko-iz-globalmoney-i-bahtari-hedayatollah-mussa-iz-ao-al-pari-bank---uchastniki-mezhdunarodnyh-afer-soobschaet-angliyskaya-pressa.html" title="Олег Мищенко из GlobalMoney и Бахтари Хедаятоллах Мусса из АО АЛЬПАРИ БАНК - участники международных афер. Сообщает английская пресса">Олег Мищенко из GlobalMoney и Бахтари Хедаятоллах Мусса из АО АЛЬПАРИ БАНК...</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/105585-rad-ov-z-ografi-u-stomatolog-chn-y-rentgenod-agnostic.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/45782c373f2c50626b1381e98c6622b8.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/105585-rad-ov-z-ografi-u-stomatolog-chn-y-rentgenod-agnostic.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/105540-na-zhitomirschin-virubili-sosen-na-m-l-yon-griven.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.01.2022/186af6c0f2f3c5f2160433a1d679b2eb.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/105540-na-zhitomirschin-virubili-sosen-na-m-l-yon-griven.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/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=850x560" class="wp-post-image" alt="Новий гіперзвуковий двигун зі швидкістю понад 6000 км/год працює на  зеленому водні">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/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>
            </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/105516-v-dpochinok-u-spa-scho-ce-take-ta-yakiy-buva.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.01.2022/a0a877799215b2b51b3bfaf3e1cefa30.jpeg&amp;size=850x560" class="wp-post-image" alt="Відпочинок у SPA: що це таке та який буває?">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105516-v-dpochinok-u-spa-scho-ce-take-ta-yakiy-buva.html" title="Відпочинок у SPA: що це таке та який буває?">Відпочинок у SPA: що це таке та який буває?</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/105515-na-sumschin-narahuvali-94-m-l-yoni-zbitk-v.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.01.2022/126e6864b01a4ecf8163291ce32a9def.jpeg&amp;size=850x560" class="wp-post-image" alt="На Сумщині нарахували збитків на 94 млн. гривень ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105515-na-sumschin-narahuvali-94-m-l-yoni-zbitk-v.html" title="На Сумщині нарахували збитків на 94 млн. гривень ">На Сумщині нарахували збитків на 94 млн. гривень </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/105517-vidatna-osobist-st-stor-ya-pro-lyudinu-slova-ta-znavcya-zakonu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/4d0901d74a220789d32e2c2c14f52839.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/105517-vidatna-osobist-st-stor-ya-pro-lyudinu-slova-ta-znavcya-zakonu.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/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=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/105528-m-n-atyurniy-datchik-zdaten-robiti-nevidime-vidimim.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/105541-yak-vipraviti-pomilku-u-pravovstanovlyuyuchih-dokumentah.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/079d6ff94afe98c1953ef9ca096d98ab.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-derzhava-vlada/105541-yak-vipraviti-pomilku-u-pravovstanovlyuyuchih-dokumentah.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/105546-d-derzhavnogo-vikonavcya-u-vipadku-yakscho-borzhnik-uhilya-t-sya-v-d-splati-al-ment-v.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/da093f07de4adec79fa3af723c724de0.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/105546-d-derzhavnogo-vikonavcya-u-vipadku-yakscho-borzhnik-uhilya-t-sya-v-d-splati-al-ment-v.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/105553-yakimi-vazhlivimi-zm-nami-u-sfer-notar-atu-zapam-yatavsya-2021-r-k.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/74a9d7831e4e4b72f1031e6d37a0e3f6.jpeg&amp;size=850x560" class="wp-post-image" alt="Якими важливими змінами у сфері нотаріату запам&#039;ятався 2021 рік?">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105553-yakimi-vazhlivimi-zm-nami-u-sfer-notar-atu-zapam-yatavsya-2021-r-k.html" title="Якими важливими змінами у сфері нотаріату запам&#039;ятався 2021 рік?">Якими важливими змінами у сфері нотаріату запам&#039;ятався 2021 рік?</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/105576-nov-rodini-poltavschini-sumschini-ta-chern-g-vschini-sk-l-ki-par-ob-dnali-dol-v-2021-roc.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/e64730dc3d557d07414c519a5775f8c6.jpeg&amp;size=850x560" class="wp-post-image" alt="Нові родини Полтавщини, Сумщини та Чернігівщини: скільки пар об’єднали долі в 2021 році?">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105576-nov-rodini-poltavschini-sumschini-ta-chern-g-vschini-sk-l-ki-par-ob-dnali-dol-v-2021-roc.html" title="Нові родини Полтавщини, Сумщини та Чернігівщини: скільки пар об’єднали долі в 2021 році?">Нові родини Полтавщини, Сумщини та Чернігівщини: скільки пар об’єднали...</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/105554-u-l-v-vs-k-y-r-vnens-k-y-volins-kih-oblastyah-proceduri-v-dnovlennya-platospromozhnost-zastosovuvalis-v-dnosno-264-borzhnik-v.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.01.2022/bee4c4af8bde09a4f57f776e0b21b601.jpeg&amp;size=850x560" class="wp-post-image" alt="У Львівській, Рівненській і Волинських областях процедури відновлення платоспроможності застосовувались відносно 264 боржників">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105554-u-l-v-vs-k-y-r-vnens-k-y-volins-kih-oblastyah-proceduri-v-dnovlennya-platospromozhnost-zastosovuvalis-v-dnosno-264-borzhnik-v.html" title="У Львівській, Рівненській і Волинських областях процедури відновлення платоспроможності застосовувались відносно 264 боржників">У Львівській, Рівненській і Волинських областях процедури відновлення платоспроможності...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-1849-4 row-k-style" id="row-k-style-1849-4">
            <div class="row-k-width-1849-4 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 base-content no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
    
        
        <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>