<!--::result::time::09:39:09::App\Service\Components\Header\H03::-->
<!--::result::time::09:39:09::work: 0.0044 s::App\Service\Components\Header\H03::-->
<!--::result::time::09:39:09::App\Service\Components\Header\H03::-->
<!--::result::time::09:39:09::work: 0.0011 s::App\Service\Components\Header\H03::-->
<!--::result::time::09:39:09::App\Service\Components\Header\H03::-->
<!--::result::time::09:39:09::work: 0.0023 s::App\Service\Components\Header\H03::-->
<!--::result::time::09:39:09::App\Service\Components\Header\H04::-->
<!--::result::time::09:39:09::work: 0.0009 s::App\Service\Components\Header\H04::-->
<!--::result::time::09:39:09::App\Service\Components\Header\H02::-->
<!--::result::time::09:39:09::work: 0.0141 s::App\Service\Components\Header\H02::-->
<!--::result::time::09:39:09::App\Service\Components\Header\H04::-->
<!--::result::time::09:39:09::work: 0.0001 s::App\Service\Components\Header\H04::-->
<!--::result::time::09:39:09::App\Service\Components\Text\T01::-->
<!--::result::time::09:39:09::work: 0.0009 s::App\Service\Components\Text\T01::-->
<!--::result::time::09:39:09::App\Service\Components\Text\T01::-->
<!--::result::time::09:39:09::work: 0.0001 s::App\Service\Components\Text\T01::-->
<!--::result::time::09:39:09::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::getChildsMapIds::-->
<!--::result::time::09:39:09::work: 0.0008 s::getChildsMapIds::-->
<!--::result::time::09:39:09::getPagesByCategoryLimit::-->
<!--::result::time::09:39:09::work: 0.0157 s::getPagesByCategoryLimit::-->
<!--::result::time::09:39:09::foreach::-->
<!--::result::time::09:39:09::work: 0.0047 s::foreach::-->
<!--::result::time::09:39:09::work: 0.0253 s::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::App\Service\Components\News\N04::-->
<!--::result::time::09:39:09::work: 0.0134 s::App\Service\Components\News\N04::-->
<!--::result::time::09:39:09::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::work: 0.0072 s::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::App\Service\Components\News\N10::-->
<!--::result::time::09:39:09::work: 0.001 s::App\Service\Components\News\N10::-->
<!--::result::time::09:39:09::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::getChildsMapIds::-->
<!--::result::time::09:39:09::work: 0.0012 s::getChildsMapIds::-->
<!--::result::time::09:39:09::getPagesByCategoryLimit::-->
<!--::result::time::09:39:09::work: 0.1119 s::getPagesByCategoryLimit::-->
<!--::result::time::09:39:09::foreach::-->
<!--::result::time::09:39:09::work: 0.056 s::foreach::-->
<!--::result::time::09:39:09::work: 0.1722 s::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::getChildsMapIds::-->
<!--::result::time::09:39:09::work: 0.0006 s::getChildsMapIds::-->
<!--::result::time::09:39:09::getPagesByCategoryLimit::-->
<!--::result::time::09:39:09::work: 0.0631 s::getPagesByCategoryLimit::-->
<!--::result::time::09:39:09::foreach::-->
<!--::result::time::09:39:09::work: 0.0296 s::foreach::-->
<!--::result::time::09:39:09::work: 0.0943 s::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::getChildsMapIds::-->
<!--::result::time::09:39:09::work: 0.0006 s::getChildsMapIds::-->
<!--::result::time::09:39:09::getPagesByCategoryLimit::-->
<!--::result::time::09:39:09::work: 0.0617 s::getPagesByCategoryLimit::-->
<!--::result::time::09:39:09::foreach::-->
<!--::result::time::09:39:09::work: 0.0269 s::foreach::-->
<!--::result::time::09:39:09::work: 0.0899 s::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::getChildsMapIds::-->
<!--::result::time::09:39:09::work: 0.0006 s::getChildsMapIds::-->
<!--::result::time::09:39:09::getPagesByCategoryLimit::-->
<!--::result::time::09:39:09::work: 0.0563 s::getPagesByCategoryLimit::-->
<!--::result::time::09:39:09::foreach::-->
<!--::result::time::09:39:09::work: 0.0272 s::foreach::-->
<!--::result::time::09:39:09::work: 0.0847 s::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::getChildsMapIds::-->
<!--::result::time::09:39:09::work: 0.0007 s::getChildsMapIds::-->
<!--::result::time::09:39:09::getPagesByCategoryLimit::-->
<!--::result::time::09:39:09::work: 0.063 s::getPagesByCategoryLimit::-->
<!--::result::time::09:39:09::foreach::-->
<!--::result::time::09:39:09::work: 0.0235 s::foreach::-->
<!--::result::time::09:39:09::work: 0.088 s::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::work: 0.0045 s::App\Service\Components\News\N01::-->
<!--::result::time::09:39:09::App\Service\Components\News\N05::-->
<!--::result::time::09:39:09::work: 0.0148 s::App\Service\Components\News\N05::-->
<!--::result::time::09:39:09::App\Service\Components\News\N05::-->
<!--::result::time::09:39:09::work: 0.0171 s::App\Service\Components\News\N05::-->
<!--::result::time::09:39:09::App\Service\Components\News\N05::-->
<!--::result::time::09:39:09::getChildsMapIds::-->
<!--::result::time::09:39:09::work: 0.0005 s::getChildsMapIds::-->
<!--::result::time::09:39:09::getPagesByCategoryLimit::-->
<!--::result::time::09:39:10::work: 0.3567 s::getPagesByCategoryLimit::-->
<!--::result::time::09:39:10::foreach::-->
<!--::result::time::09:39:10::work: 0.1119 s::foreach::-->
<!--::result::time::09:39:10::work: 0.4703 s::App\Service\Components\News\N05::-->
<!--::result::time::09:39:10::work: 1.1418 s::-->
<!--::result::time::09:39:10::render work: 0.0132 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-100-0 {width:95%}
.row-k-style-100-0 {background: linear-gradient(#14146b,#14146b)}
.row-k-width-100-1 {width:95%}
.row-k-style-100-1 {background: linear-gradient(#1b1b87,#1b1b87)}
.row-k-width-100-2 {width:95%}
.row-k-style-100-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-100-3 {width:95%}
.row-k-style-100-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-101-0 {width:95%}
.row-k-style-101-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-101-1 {width:95%}
.row-k-style-101-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-101-2 {width:95%}
.row-k-style-101-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-101-3 {width:95%}
.row-k-style-101-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-101-4 {width:95%}
.row-k-style-101-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-101-5 {width:95%}
.row-k-style-101-5 {background: linear-gradient(#fff,#fff)}

        </style>
                <style>
            .row-k-style {
                transition: all 0.3s ease;
            }
            .row-k-style.fixed-menu-bar {
                position: fixed;
                z-index: 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/19.01.2022/887a0d5cfb7ff2d253c50364b33dda4a.jpeg&size=850x560&ios=false" as="image">
			<meta property="og:title" content="На Черкащині провели робочу зустріч щодо реалізації Програми відновного правосуддя для неповнолітніх">
			<meta property="og:description" content="На початку 2019 року розпочалася реалізація пілотного проекту «Програма відновлення для неповнолітніх, які є підозрюваними у вчиненні кримінального правопорушення» на базі системи надання безоплатної правової допомоги, який охопив територію 6 областей України: Донецьку, Одеську, Львівську, Луганську,...">
			<meta property="og:url" content="https://dnipro-inform.com/novini/105601-na-cherkaschin-proveli-robochu-zustr-ch-schodo-real-zac-programi-v-dnovnogo-pravosuddya-dlya-nepovnol-tn-h.html">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.01.2022/887a0d5cfb7ff2d253c50364b33dda4a.jpeg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.01.2022/887a0d5cfb7ff2d253c50364b33dda4a.jpeg&size=1000<&ios=false">
			<meta property="og:site_name" content="Всеукраїнська профспілка юристів">
			
                </head>
    <body>
   <!-- <div class="preloader-page">
        <div class="hpp"></div>
        <div class="bpp"></div>
        <div class="blpp"></div>
        <div style="clear: both"></div>
        <div class="bbpp"></div>
    </div>-->
                    <section class=" row-k-style-100-0 row-k-style" id="row-k-style-100-0">
            <div class="row-k-width-100-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1718.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--1718 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1718.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1718.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1718.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1718 .navbar .navbar-nav .nav-link {
        font-size: 12px;
        color: #ffffff;
    }
    .widjetComponent--1718 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent1718 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1718 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1718 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1718 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1718 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1718" once="menu" id="menu1718-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="#navbarSupportedContent1718"
                aria-controls="navbarSupportedContent1718" 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="navbarSupportedContent1718">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/kerivnuk">Керівництво</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/kontakt">Контакти</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/about-company">Про компанію</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1719.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: center;
        -webkit-justify-content: center;
    }
    .widjetComponent--1719 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1719.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1719.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1719.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1719 .navbar .navbar-nav .nav-link {
        font-size: 12px;
        color: #ffffff;
    }
    .widjetComponent--1719 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent1719 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1719 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1719 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1719 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1719 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1719" once="menu" id="menu1719-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="#navbarSupportedContent1719"
                aria-controls="navbarSupportedContent1719" 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="navbarSupportedContent1719">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/about.html">Про впю</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/video-news">Відео новини</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/interview">Iнтерв’ю</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/preview">Aнонси</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1720.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1720 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1720.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1720.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1720.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1720 .navbar .navbar-nav .nav-link {
        font-size: 12px;
        color: #ffffff;
    }
    .widjetComponent--1720 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent1720 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1720 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1720 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1720 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1720 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1720" once="menu" id="menu1720-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="#navbarSupportedContent1720"
                aria-controls="navbarSupportedContent1720" 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="navbarSupportedContent1720">
            <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-100-1 row-k-style" id="row-k-style-100-1">
            <div class="row-k-width-100-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--1721.logo-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 25px;
        padding: 5px;
    }
    .widjetComponent--1721 .logo-text {
        margin-left: 25px;    }
    </style>
<a class="widjetComponent--1721 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.02.2020/313d45f7e3da5df45fd6bdad0b42f8c9.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.02.2020/313d45f7e3da5df45fd6bdad0b42f8c9.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.02.2020/313d45f7e3da5df45fd6bdad0b42f8c9.png&size=<<340 340w">
            <span class="logo-text">Всеукраїнська профспілка юристів</span>
    </a>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-8 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1722 {
        background: transparent;
    }
    .widjetComponent--1722 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1722 .navbar-toggleable-sm .navbar-nav .nav-link,
    .widjetComponent--1722 .nav-dropdown>li>a {
        padding: 15px 5px 15px 5px;
        color: #ffffff;
        position: relative;
        font-size:  16px;
        margin: 0;
    }
    .widjetComponent--1722 .navbar-toggleable-sm .navbar-nav .nav-link:hover,
    .widjetComponent--1722 .nav-dropdown>li>a:hover {
        padding: 15px 5px 15px 5px;
        color: #1b1b87;
        margin: 0;
        background: #ffffff;
    }
    .widjetComponent--1722 .navbar-toggleable-sm {
        padding-top: 0;
        padding-bottom: 0;
    }
    .widjetComponent--1722 .nav-item.dropdown.open .dropdown-menu{
        display: block;
        text-align: right;
        border-bottom: 2px solid #ffffff;
        padding-bottom: 0;
        padding-top: 0;
        width: 100%;
        top: 90%;
        z-index: 9999;
    }
    .widjetComponent--1722 .nav-item.dropdown.open .dropdown-menu a {
        display: inline-block;
        padding: 15px 15px;
        width: auto;
    }
    .widjetComponent--1722 .nav-item.dropdown.open .dropdown-menu a:hover {
        background: #ffffff;
        color: #54a1d4;
    }
    .widjetComponent--1722 .dropdown {
        position: initial;
    }
    .widjetComponent--1722 .navbar,
    section.menu.widjetComponent--1722 {
        position: initial;
    }
    .widjetComponent--1722 .search-item .form-search {
        display: none;
    }
</style>
<section class="menu widjetComponent--1722">
    <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="#navbarSupportedContent1722"
                aria-controls="navbarSupportedContent1722" 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="navbarSupportedContent1722">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li>
                            <a class="nav-link link" href="/pres-centr">ПРЕС-ЦЕНТР</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/novini">НОВИНИ</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/yuridichna-praktika">ЮРИДИЧНА ПРАКТИКА</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/corruption">КОРУПЦІЯ</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/sluzhbova-nedbal-st">CЛУЖБОВА НЕДБАЛІСТЬ</a>
                        </li>
                                                </ul>
            <div class="search-item">
                <a class="nav-link link open-search" href="#"><i class="fas fa-search d-block"></i></a>
                <form action="/news" method="post" class="form-search">
                    <input type="text"
                           class="form-control"
                           id="search-query"
                           name="Search[query]"
                           value="" placeholder="Введіть ключове слово">
                    <button type="submit">Знайти</button>
                </form>
            </div>
        </div>
    </nav>
</section>

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

</script>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-101-0 row-k-style" id="row-k-style-101-0">
            <div class="row-k-width-101-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1725 .post-image img {
        width: 100%;
    }
    .widjetComponent--1725 .post-image a {
        display: block;
    }
    .widjetComponent--1725 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1725 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1725 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1725 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1725 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1725 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1725 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1725 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1725 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1725 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1725 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1725">
            <style>
        .widjetComponent--title--1725.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            background: #16169c;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/pres-centr" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1725 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="/pres-centr/98777-avtomatizovaniy-aresht-kosht-v-poshiryu-t-sya-na-vs-kategor-borzhnik-v.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/28.07.2021/3467c0eab214780bc25ceb9aef891543/94250d91fa42e36077e894b48f580d3c.mp4"
                               data-videoid="2653"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/28.07.2021/3467c0eab214780bc25ceb9aef891543/sprite_hls_manifest.m3u8"
                               data-link="/pres-centr/98777-avtomatizovaniy-aresht-kosht-v-poshiryu-t-sya-na-vs-kategor-borzhnik-v.html"
                               title="Автоматизований арешт коштів поширюється на всі категорії боржників"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/28.07.2021/3467c0eab214780bc25ceb9aef891543/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/28.07.2021/3467c0eab214780bc25ceb9aef891543/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/28.07.2021/3467c0eab214780bc25ceb9aef891543/4377b3bc235db7f7d260c627976eb9b2_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Автоматизований арешт коштів поширюється на всі категорії боржників">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/pres-centr" class="post_term category investing">прес-центр</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/pres-centr/98777-avtomatizovaniy-aresht-kosht-v-poshiryu-t-sya-na-vs-kategor-borzhnik-v.html" title="Автоматизований арешт коштів поширюється на всі категорії боржників">Автоматизований арешт коштів поширюється на всі категорії боржників</a>
                            <!--<a href="/pres-centr/98777-avtomatizovaniy-aresht-kosht-v-poshiryu-t-sya-na-vs-kategor-borzhnik-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="/pres-centr/21805-nformac-yn-v-yni-ukra-na-ros-ya.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/05.03.2019/62e97a44b01fd7f5a9bfed074fdb3fd3/286375bc2036b7ba707dab3b3584e563.mp4"
                               data-videoid="694"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/05.03.2019/62e97a44b01fd7f5a9bfed074fdb3fd3/sprite_hls_manifest.m3u8"
                               data-link="/pres-centr/21805-nformac-yn-v-yni-ukra-na-ros-ya.html"
                               title="Інформаційні війни Україна – Росія!"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/05.03.2019/62e97a44b01fd7f5a9bfed074fdb3fd3/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/05.03.2019/62e97a44b01fd7f5a9bfed074fdb3fd3/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/05.03.2019/62e97a44b01fd7f5a9bfed074fdb3fd3/2b8ca58f11ab7acb6e5bd701e2b8fd98_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Інформаційні війни Україна – Росія!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/pres-centr" class="post_term category investing">прес-центр</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/pres-centr/21805-nformac-yn-v-yni-ukra-na-ros-ya.html" title="Інформаційні війни Україна – Росія!">Інформаційні війни Україна – Росія!</a>
                            <!--<a href="/pres-centr/21805-nformac-yn-v-yni-ukra-na-ros-ya.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="/pres-centr/21101-advokat-u-vropeys-komu-sud-z-prav-lyudini.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/14.01.2019/fbe2ce5fb34579f4a794290a5b8aba54/28c338a1f135a0ee5b096ebb960afa45.mp4"
                               data-videoid="595"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/14.01.2019/fbe2ce5fb34579f4a794290a5b8aba54/sprite_hls_manifest.m3u8"
                               data-link="/pres-centr/21101-advokat-u-vropeys-komu-sud-z-prav-lyudini.html"
                               title="АДВОКАТ У ЄВРОПЕЙСЬКОМУ СУДІ З ПРАВ ЛЮДИНИ"
                               data-videothumbnails="https://unt.ua/upload/video/14.01.2019/fbe2ce5fb34579f4a794290a5b8aba54/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/14.01.2019/fbe2ce5fb34579f4a794290a5b8aba54/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/14.01.2019/fbe2ce5fb34579f4a794290a5b8aba54/b2d37ad05288760c6d35bb21a5b4d0fb_poster.jpg&amp;size=320x210" class="wp-post-image" alt="АДВОКАТ У ЄВРОПЕЙСЬКОМУ СУДІ З ПРАВ ЛЮДИНИ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/pres-centr" class="post_term category investing">прес-центр</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/pres-centr/21101-advokat-u-vropeys-komu-sud-z-prav-lyudini.html" title="АДВОКАТ У ЄВРОПЕЙСЬКОМУ СУДІ З ПРАВ ЛЮДИНИ">АДВОКАТ У ЄВРОПЕЙСЬКОМУ СУДІ З ПРАВ ЛЮДИНИ</a>
                            <!--<a href="/pres-centr/21101-advokat-u-vropeys-komu-sud-z-prav-lyudini.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="/pres-centr/434-rada-natsionalnykh-spilnot-ukrayiny.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/storage/76/df/76df733279c74571371f27484077bb7d.mp4"
                               data-videoid="89"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/storage/76/df/sprite_hls_manifest.m3u8"
                               data-link="/pres-centr/434-rada-natsionalnykh-spilnot-ukrayiny.html"
                               title="Рада національних спільнот України"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/storage/76/df/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/storage/76/df/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/storage/76/df/db9d62e54a142b7357bb6b6cf90ec483_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Рада національних спільнот України">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/pres-centr" class="post_term category investing">прес-центр</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/pres-centr/434-rada-natsionalnykh-spilnot-ukrayiny.html" title="Рада національних спільнот України">Рада національних спільнот України</a>
                            <!--<a href="/pres-centr/434-rada-natsionalnykh-spilnot-ukrayiny.html" title="Рада національних спільнот України">Рада національних спільнот України</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

</style>
<section class="widjet-component-inner widjetComponent--1726">
            <style>
        .widjetComponent--title--1726.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            background: #16169c;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
        <h4 class="widjetComponent--title--1726 widget-title-base">НAЙГОЛОВНIШЕ</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="/novini/105601-na-cherkaschin-proveli-robochu-zustr-ch-schodo-real-zac-programi-v-dnovnogo-pravosuddya-dlya-nepovnol-tn-h.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.01.2022/887a0d5cfb7ff2d253c50364b33dda4a.jpeg&amp;size=850x560" class="wp-post-image" alt="На Черкащині провели робочу зустріч щодо реалізації Програми відновного правосуддя для неповнолітніх">
                            <div class="post-content">
                                <div class="category">Новини</div>
                                <h3 class="widget-title">На Черкащині провели робочу зустріч щодо реалізації Програми відновного...</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1727 .post-image img {
        width: 100%;
    }
    .widjetComponent--1727 .post-image a {
        display: block;
    }
    .widjetComponent--1727 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1727 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1727 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1727 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1727 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1727 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1727 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1727 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1727 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1727 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1727 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1727">
            <style>
        .widjetComponent--title--1727.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            background: #16169c;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
        <h4 class="widjetComponent--title--1727 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="/yuridichna-praktika/105606-notar-al-n-poslugi-dlya-malomob-l-nih-grup-naselennya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/6069ea756349796ee85525fd749b5a7b.jpeg&amp;size=851x561" class="wp-post-image" alt="Нотаріальні послуги для маломобільних груп населення">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/yuridichna-praktika" class="post_term category investing">Юридична практика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/yuridichna-praktika/105606-notar-al-n-poslugi-dlya-malomob-l-nih-grup-naselennya.html" title="Нотаріальні послуги для маломобільних груп населення">Нотаріальні послуги для маломобільних груп населення</a>
                            <!--<a href="/yuridichna-praktika/105606-notar-al-n-poslugi-dlya-malomob-l-nih-grup-naselennya.html" title="Нотаріальні послуги для маломобільних груп населення">Нотаріальні послуги для маломобільних груп населення</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

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

    #efir-content-s-close {
        display: none;
        position: absolute;
        right: -10px;
        top: -10px;
        background: #16169c;
        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 #16169c99;
        border: 4px solid #16169c99;
    }
    #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: #16169c;
        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--1728">
    <div class="post-video" id="efir-content-s">
        <a href="#" id="efir-content-s-close">x</a>
        <video id="video-sterem-1"
               class="video-js vjs-default-skin"
               height="230px"
               width="100%"
               preload="auto"
               autoplay
               controls>
        </video>
        <div id="video-streem"></div>
    </div>
</section>

<div id="efir-content-s-open">ПРЯМИЙ ЕФІР</div>
<script>
    function addScript(url) {
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.src = url;
        document.head.appendChild(s);
    }
    function addStyle(url) {
        var s = document.createElement("link");
        s.type = "text/css";
        s.rel = "stylesheet";
        s.media = 'all';
        s.href = url;
        document.head.appendChild(s);
    }

    //

        document.addEventListener("DOMContentLoaded", function () {
            $(document).ready(function() {
                function initPlayer() {
                    var status = 0;
                    var isPlay = false;
                    var player = null;

                    var new_st = 1;
                    console.log(new_st);
                    console.log(status);
                    status = new_st;
                    $('#video-sterem-1').fadeOut();
                    $('#video-streem').attr('class', 'theoplayer-container video-js theoplayer-skin vjs-16-9');
                    var element = document.querySelector(".theoplayer-container");
                    player = new THEOplayer.Player(element, {
                        libraryLocation: "https://cdn.myth.theoplayer.com/d562d374-dbf5-400b-a62f-aa15e1c452ed"
                    });
                    player.source = {
                        sources : [{
                            src : "https://media.ukraine-inform.com/ef/stream.m3u8",
                            type : 'application/x-mpegurl'
                        }]
                    };
                    player.addEventListener('playing', function(e) {
                        isPlay = true;
                    });
                    player.addEventListener('pause', function(e) {
                        isPlay = false;
                    });

                    $.fn.videoIsScroll = function() {
                        var content_open = $('#efir-content-s-open');
                        var content = $('#efir-content-s');
                        if ($(window).scrollTop() >= "300" && status && isPlay) {
                            content.addClass('fixed');
                        }
                        if ($(window).scrollTop() >= "300" && status && !isPlay) {
                            content_open.addClass('fixed');
                        }
                        $(window).scroll(function() {
                            if ($(window).scrollTop() <= "300") {
                                content.removeClass('fixed');
                                content_open.removeClass('fixed');
                            } else if(status && isPlay) {
                                content.addClass('fixed');
                            } else if(status && !isPlay) {
                                content_open.addClass('fixed');
                            }
                        });
                    }
                    $("#efir-content-s").videoIsScroll();
                    $('#efir-content-s-close').click(function (e) {
                        e.preventDefault();
                        $('#efir-content-s').removeClass('fixed');
                        $('#efir-content-s-open').addClass('fixed');
                        player.pause();
                    });
                    $('#efir-content-s-open').click(function (e) {
                        e.preventDefault();
                        $('#efir-content-s').addClass('fixed');
                        $('#efir-content-s-open').removeClass('fixed');
                        player.play();
                    })
                }

                if($(window).width()<=992) {
                    var in_slider_3 = false;
                    $(window).scroll(function () {
                        var scroll = $(window).scrollTop();

                        if (scroll >= 100) {
                            if (!in_slider_3) {
                                in_slider_3 = true;
                                addStyle("https://cdn.myth.theoplayer.com/d562d374-dbf5-400b-a62f-aa15e1c452ed/ui.css");
                                addScript("https://cdn.myth.theoplayer.com/d562d374-dbf5-400b-a62f-aa15e1c452ed/THEOplayer.js");
                                setTimeout(function () {
                                    initPlayer();
                                }, 3000)
                            }
                        }
                    });
                } else {
                    addStyle("https://cdn.myth.theoplayer.com/d562d374-dbf5-400b-a62f-aa15e1c452ed/ui.css");
                    addScript("https://cdn.myth.theoplayer.com/d562d374-dbf5-400b-a62f-aa15e1c452ed/THEOplayer.js");
                    var pltime = setInterval(function () {
                        if(typeof THEOplayer !== 'undefined') {
                            clearInterval(pltime);
                            initPlayer();
                        }
                    }, 1000);
                }

            });
        });

   // }, 5000);
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-101-2 row-k-style" id="row-k-style-101-2">
            <div class="row-k-width-101-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1729 .post-image img {
        width: 100%;
    }
    .widjetComponent--1729 .post-image a {
        display: block;
    }
    .widjetComponent--1729 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1729 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1729 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1729 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1729 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1729 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1729 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1729 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1729 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1729 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1729 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1729">
            <style>
        .widjetComponent--title--1729.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            background: #16169c;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/video" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1729 widget-title-base">ВIДЕО НОВИНИ</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-news/105621-zaschitnoe-steklo-keramicheskoe.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/20.01.2022/84b5d4c96693f85223c6af2b5c72603c/a40aff66e2310bd92c26b9e95dde5db0.mp4"
                               data-videoid="3006"
                               data-videoHLS=""
                               data-link="/video-news/105621-zaschitnoe-steklo-keramicheskoe.html"
                               title="Защитное стекло : керамическое"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/20.01.2022/84b5d4c96693f85223c6af2b5c72603c/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/20.01.2022/84b5d4c96693f85223c6af2b5c72603c/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/20.01.2022/84b5d4c96693f85223c6af2b5c72603c/d8c2e56ca81439d436184b2e50806db9_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Защитное стекло : керамическое">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news" class="post_term category investing">Відео новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news/105621-zaschitnoe-steklo-keramicheskoe.html" title="Защитное стекло : керамическое">Защитное стекло : керамическое</a>
                            <!--<a href="/video-news/105621-zaschitnoe-steklo-keramicheskoe.html" title="Защитное стекло : керамическое">Защитное стекло : керамическое</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-news/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-news/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=205x135" class="wp-post-image" alt="Защитное стекло : что такое 2D 3D 4D и так далее">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news" class="post_term category investing">Відео новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news/105568-zaschitnoe-steklo-chto-takoe-2d-3d-4d-i-tak-dalee.html" title="Защитное стекло : что такое 2D 3D 4D и так далее">Защитное стекло : что такое 2D 3D 4D и так далее</a>
                            <!--<a href="/video-news/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-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-news/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-news/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=205x135" class="wp-post-image" alt="Защитное стекло : топ по версии amazon">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news" class="post_term category investing">Відео новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news/105512-zaschitnoe-steklo-top-po-versii-amazon.html" title="Защитное стекло : топ по версии amazon">Защитное стекло : топ по версии amazon</a>
                            <!--<a href="/video-news/105512-zaschitnoe-steklo-top-po-versii-amazon.html" title="Защитное стекло : топ по версии amazon">Защитное стекло : топ по версии amazon</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-news/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-news/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=205x135" class="wp-post-image" alt="Защитное стекло : какие виды есть сейчас">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news" class="post_term category investing">Відео новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news/105443-zaschitnoe-steklo-kakie-vidy-est-seychas.html" title="Защитное стекло : какие виды есть сейчас">Защитное стекло : какие виды есть сейчас</a>
                            <!--<a href="/video-news/105443-zaschitnoe-steklo-kakie-vidy-est-seychas.html" title="Защитное стекло : какие виды есть сейчас">Защитное стекло : какие виды есть сейчас</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-news/105296-zaschitnoe-steklo-kitayskoe-kachestvo.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/05.01.2022/2882e35cd0bcb7597bc21f70f413efac/2d738b1d261df76d30838d691c97e2b4.mp4"
                               data-videoid="2962"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/05.01.2022/2882e35cd0bcb7597bc21f70f413efac/sprite_hls_manifest.m3u8"
                               data-link="/video-news/105296-zaschitnoe-steklo-kitayskoe-kachestvo.html"
                               title="Защитное стекло : китайское качество"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/05.01.2022/2882e35cd0bcb7597bc21f70f413efac/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/05.01.2022/2882e35cd0bcb7597bc21f70f413efac/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/05.01.2022/2882e35cd0bcb7597bc21f70f413efac/7f719f7c6eadb6acf80bd91a801ea280_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Защитное стекло : китайское качество">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news" class="post_term category investing">Відео новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news/105296-zaschitnoe-steklo-kitayskoe-kachestvo.html" title="Защитное стекло : китайское качество">Защитное стекло : китайское качество</a>
                            <!--<a href="/video-news/105296-zaschitnoe-steklo-kitayskoe-kachestvo.html" title="Защитное стекло : китайское качество">Защитное стекло : китайское качество</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-news/105237-zaschitnoe-steklo-krash-test.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/31.12.2021/b6b5084f1e1f7b0a9775d5fd43dce101/faf76df6716686e5db4c9ddd8dec78cb.mp4"
                               data-videoid="2959"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/31.12.2021/b6b5084f1e1f7b0a9775d5fd43dce101/sprite_hls_manifest.m3u8"
                               data-link="/video-news/105237-zaschitnoe-steklo-krash-test.html"
                               title="Защитное стекло : краш тест"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/31.12.2021/b6b5084f1e1f7b0a9775d5fd43dce101/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/31.12.2021/b6b5084f1e1f7b0a9775d5fd43dce101/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/31.12.2021/b6b5084f1e1f7b0a9775d5fd43dce101/0d11495e498c4340ec084eb34e9f5bcd_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Защитное стекло : краш тест">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news" class="post_term category investing">Відео новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news/105237-zaschitnoe-steklo-krash-test.html" title="Защитное стекло : краш тест">Защитное стекло : краш тест</a>
                            <!--<a href="/video-news/105237-zaschitnoe-steklo-krash-test.html" title="Защитное стекло : краш тест">Защитное стекло : краш тест</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-news/105113-zaschitnoe-steklo-kak-kleit.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/27.12.2021/724605fdfd6f8629867b5b7b43a05a84/5d77c2a3b7a36238663c9e4c0b1eb3d9.mp4"
                               data-videoid="2953"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/27.12.2021/724605fdfd6f8629867b5b7b43a05a84/sprite_hls_manifest.m3u8"
                               data-link="/video-news/105113-zaschitnoe-steklo-kak-kleit.html"
                               title="Защитное стекло: как клеить"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/27.12.2021/724605fdfd6f8629867b5b7b43a05a84/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/27.12.2021/724605fdfd6f8629867b5b7b43a05a84/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/27.12.2021/724605fdfd6f8629867b5b7b43a05a84/5d06dafeba2f34e74b001b324d388447_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Защитное стекло: как клеить">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news" class="post_term category investing">Відео новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news/105113-zaschitnoe-steklo-kak-kleit.html" title="Защитное стекло: как клеить">Защитное стекло: как клеить</a>
                            <!--<a href="/video-news/105113-zaschitnoe-steklo-kak-kleit.html" title="Защитное стекло: как клеить">Защитное стекло: как клеить</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video/103400-dvs_d.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/24.11.2021/4ce452c20c2a1de7e7b2220059c2dc8b/a85aa8a2b3a188676012467ad4bb5ffa.mp4"
                               data-videoid="2845"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/24.11.2021/4ce452c20c2a1de7e7b2220059c2dc8b/sprite_hls_manifest.m3u8"
                               data-link="/video/103400-dvs_d.html"
                               title="#ДВС_діє"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/24.11.2021/4ce452c20c2a1de7e7b2220059c2dc8b/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/24.11.2021/4ce452c20c2a1de7e7b2220059c2dc8b/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.11.2021/4ce452c20c2a1de7e7b2220059c2dc8b/f8243face5b88bbb1b024d431d3947ad_poster.jpg&amp;size=205x135" class="wp-post-image" alt="#ДВС_діє">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video" class="post_term category investing">Відео каталог</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video/103400-dvs_d.html" title="#ДВС_діє">#ДВС_діє</a>
                            <!--<a href="/video/103400-dvs_d.html" title="#ДВС_діє">#ДВС_діє</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video/103401-dvs_d.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/24.11.2021/4a127221cb1e065ee3710537a5b29c7a/e3e92c30da6f5af6cd09c30fdf19ccf2.mp4"
                               data-videoid="2846"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/24.11.2021/4a127221cb1e065ee3710537a5b29c7a/sprite_hls_manifest.m3u8"
                               data-link="/video/103401-dvs_d.html"
                               title="#ДВС_діє"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/24.11.2021/4a127221cb1e065ee3710537a5b29c7a/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/24.11.2021/4a127221cb1e065ee3710537a5b29c7a/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.11.2021/4a127221cb1e065ee3710537a5b29c7a/4cf842d53b675108ef4f51c6561e6f31_poster.jpg&amp;size=205x135" class="wp-post-image" alt="#ДВС_діє">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video" class="post_term category investing">Відео каталог</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video/103401-dvs_d.html" title="#ДВС_діє">#ДВС_діє</a>
                            <!--<a href="/video/103401-dvs_d.html" title="#ДВС_діє">#ДВС_діє</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-news/101134-zaschitnoe-steklo-vs-premial-naya-plenka.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.09.2021/b5f4c853cbf5cd451279e30cf7cb0d84/e645549fdd263960100938881bf8d7c5.mp4"
                               data-videoid="2807"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/22.09.2021/b5f4c853cbf5cd451279e30cf7cb0d84/sprite_hls_manifest.m3u8"
                               data-link="/video-news/101134-zaschitnoe-steklo-vs-premial-naya-plenka.html"
                               title="Защитное стекло vs Премиальная пленка"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.09.2021/b5f4c853cbf5cd451279e30cf7cb0d84/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.09.2021/b5f4c853cbf5cd451279e30cf7cb0d84/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.09.2021/b5f4c853cbf5cd451279e30cf7cb0d84/4639022ac98c06970c9a8f1a35224ab2_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Защитное стекло vs Премиальная пленка">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news" class="post_term category investing">Відео новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news/101134-zaschitnoe-steklo-vs-premial-naya-plenka.html" title="Защитное стекло vs Премиальная пленка">Защитное стекло vs Премиальная пленка</a>
                            <!--<a href="/video-news/101134-zaschitnoe-steklo-vs-premial-naya-plenka.html" title="Защитное стекло vs Премиальная пленка">Защитное стекло vs Премиальная пленка</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-news/99728-v-dopro-kt-sluzhbi-sudovo-ohoroni-ya---rov-snik-nezalezhnost-prisvyacheniy-30-r-chchyu-nezalezhnost-ukra-ni.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.08.2021/71ed054067a35595e2c4eaa3ccba1341/79bac5566125801b411e1a2dcba108c8.mp4"
                               data-videoid="2726"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/22.08.2021/71ed054067a35595e2c4eaa3ccba1341/sprite_hls_manifest.m3u8"
                               data-link="/video-news/99728-v-dopro-kt-sluzhbi-sudovo-ohoroni-ya---rov-snik-nezalezhnost-prisvyacheniy-30-r-chchyu-nezalezhnost-ukra-ni.html"
                               title="Відопроєкт Служби судової охорони "Я - ровісник Незалежності!", присвячений 30-річчю Незалежності України"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.08.2021/71ed054067a35595e2c4eaa3ccba1341/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.08.2021/71ed054067a35595e2c4eaa3ccba1341/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.08.2021/71ed054067a35595e2c4eaa3ccba1341/2aced804f592e61455a0427d74d3e290_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Відопроєкт Служби судової охорони "Я - ровісник Незалежності!", присвячений 30-річчю Незалежності України">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news" class="post_term category investing">Відео новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news/99728-v-dopro-kt-sluzhbi-sudovo-ohoroni-ya---rov-snik-nezalezhnost-prisvyacheniy-30-r-chchyu-nezalezhnost-ukra-ni.html" title="Відопроєкт Служби судової охорони "Я - ровісник Незалежності!", присвячений 30-річчю Незалежності України">Відопроєкт Служби судової охорони "Я - ровісник Незалежності!", присвячений...</a>
                            <!--<a href="/video-news/99728-v-dopro-kt-sluzhbi-sudovo-ohoroni-ya---rov-snik-nezalezhnost-prisvyacheniy-30-r-chchyu-nezalezhnost-ukra-ni.html" title="Відопроєкт Служби судової охорони &quot;Я - ровісник Незалежності!&quot;, присвячений 30-річчю Незалежності України">Відопроєкт Служби судової охорони "Я - ровісник Незалежності!",...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/pres-centr/98777-avtomatizovaniy-aresht-kosht-v-poshiryu-t-sya-na-vs-kategor-borzhnik-v.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/28.07.2021/3467c0eab214780bc25ceb9aef891543/94250d91fa42e36077e894b48f580d3c.mp4"
                               data-videoid="2653"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/28.07.2021/3467c0eab214780bc25ceb9aef891543/sprite_hls_manifest.m3u8"
                               data-link="/pres-centr/98777-avtomatizovaniy-aresht-kosht-v-poshiryu-t-sya-na-vs-kategor-borzhnik-v.html"
                               title="Автоматизований арешт коштів поширюється на всі категорії боржників"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/28.07.2021/3467c0eab214780bc25ceb9aef891543/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/28.07.2021/3467c0eab214780bc25ceb9aef891543/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/28.07.2021/3467c0eab214780bc25ceb9aef891543/4377b3bc235db7f7d260c627976eb9b2_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Автоматизований арешт коштів поширюється на всі категорії боржників">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/pres-centr" class="post_term category investing">прес-центр</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/pres-centr/98777-avtomatizovaniy-aresht-kosht-v-poshiryu-t-sya-na-vs-kategor-borzhnik-v.html" title="Автоматизований арешт коштів поширюється на всі категорії боржників">Автоматизований арешт коштів поширюється на всі категорії боржників</a>
                            <!--<a href="/pres-centr/98777-avtomatizovaniy-aresht-kosht-v-poshiryu-t-sya-na-vs-kategor-borzhnik-v.html" title="Автоматизований арешт коштів поширюється на всі категорії боржників">Автоматизований арешт коштів поширюється на всі категорії...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1729').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-1729 .entry").remove();');
                                $('#streem_append_block-1729 .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-1729').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-101-3 row-k-style" id="row-k-style-101-3">
            <div class="row-k-width-101-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1730 .post-image img {
        width: 100%;
    }
    .widjetComponent--1730 .post-image a {
        display: block;
    }
    .widjetComponent--1730 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1730 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1730 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1730 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1730 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1730 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1730 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1730 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1730 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1730 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1730 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1730">
            <style>
        .widjetComponent--title--1730.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            background: #16169c;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/novini" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1730 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="/novini/105601-na-cherkaschin-proveli-robochu-zustr-ch-schodo-real-zac-programi-v-dnovnogo-pravosuddya-dlya-nepovnol-tn-h.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.01.2022/887a0d5cfb7ff2d253c50364b33dda4a.jpeg&amp;size=320x210" class="wp-post-image" alt="На Черкащині провели робочу зустріч щодо реалізації Програми відновного правосуддя для неповнолітніх">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/novini" class="post_term category investing">Новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/novini/105601-na-cherkaschin-proveli-robochu-zustr-ch-schodo-real-zac-programi-v-dnovnogo-pravosuddya-dlya-nepovnol-tn-h.html" title="На Черкащині провели робочу зустріч щодо реалізації Програми відновного правосуддя для неповнолітніх">На Черкащині провели робочу зустріч щодо реалізації Програми відновного...</a>
                            <!--<a href="/novini/105601-na-cherkaschin-proveli-robochu-zustr-ch-schodo-real-zac-programi-v-dnovnogo-pravosuddya-dlya-nepovnol-tn-h.html" title="На Черкащині провели робочу зустріч щодо реалізації Програми відновного правосуддя для неповнолітніх">На Черкащині провели робочу зустріч щодо реалізації Програми...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/novini/105215-adm-n-strativniy-zb-r-za-provedennya-derzhavno-re-strac.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.12.2021/6e5da7fff97e78023fae52f421d717eb.jpeg&amp;size=320x210" class="wp-post-image" alt="Адміністративний збір за проведення державної реєстрації.">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/novini" class="post_term category investing">Новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/novini/105215-adm-n-strativniy-zb-r-za-provedennya-derzhavno-re-strac.html" title="Адміністративний збір за проведення державної реєстрації.">Адміністративний збір за проведення державної реєстрації.</a>
                            <!--<a href="/novini/105215-adm-n-strativniy-zb-r-za-provedennya-derzhavno-re-strac.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="/novini/104884-naresht-zaareshtovano-krad-ya-mashin-visokogo-r-vnya-na-ki-vschin.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.12.2021/8b25d45a59c6ab5407845203ff35ea66.jpeg&amp;size=320x210" class="wp-post-image" alt="Нарешті заарештовано крадія машин високого рівня на Київщині">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/novini" class="post_term category investing">Новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/novini/104884-naresht-zaareshtovano-krad-ya-mashin-visokogo-r-vnya-na-ki-vschin.html" title="Нарешті заарештовано крадія машин високого рівня на Київщині">Нарешті заарештовано крадія машин високого рівня на Київщині</a>
                            <!--<a href="/novini/104884-naresht-zaareshtovano-krad-ya-mashin-visokogo-r-vnya-na-ki-vschin.html" title="Нарешті заарештовано крадія машин високого рівня на Київщині">Нарешті заарештовано крадія машин високого рівня на Київщині</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/novini/104885-operativniki-vryatuvali-zh-nku-l-tn-h-rok-v-na-ki-vschin.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.12.2021/6f180a08bda463cea4206761cff15948.jpeg&amp;size=320x210" class="wp-post-image" alt="Оперативники врятували жінку літніх років на Київщині">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/novini" class="post_term category investing">Новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/novini/104885-operativniki-vryatuvali-zh-nku-l-tn-h-rok-v-na-ki-vschin.html" title="Оперативники врятували жінку літніх років на Київщині">Оперативники врятували жінку літніх років на Київщині</a>
                            <!--<a href="/novini/104885-operativniki-vryatuvali-zh-nku-l-tn-h-rok-v-na-ki-vschin.html" title="Оперативники врятували жінку літніх років на Київщині">Оперативники врятували жінку літніх років на Київщині</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

                                                                            <style>
    .widjetComponent--1731 .post-image img {
        width: 100%;
    }
    .widjetComponent--1731 .post-image a {
        display: block;
    }
    .widjetComponent--1731 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1731 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1731 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1731 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1731 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1731 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1731 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1731 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1731 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1731 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1731 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1731">
            <style>
        .widjetComponent--title--1731.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            background: #16169c;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/sluzhbova-nedbal-st" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1731 widget-title-base">CЛУЖБОВА НЕДБАЛІСТЬ</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="/sluzhbova-nedbal-st/23584-u-kropivnic-komu-rob-tniki-naftovo-kompan-zvinuvachuyut-pravoohoronn-organi-u-fal-sif-kac-spravi.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/03.09.2019/ef8f5f94678e226009f177fcf088eb2d.jpeg&amp;size=320x210" class="wp-post-image" alt="У Кропивницькому робітники нафтової компанії звинувачують правоохоронні органи у фальсифікації справи">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/sluzhbova-nedbal-st" class="post_term category investing">Службова недбалість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/sluzhbova-nedbal-st/23584-u-kropivnic-komu-rob-tniki-naftovo-kompan-zvinuvachuyut-pravoohoronn-organi-u-fal-sif-kac-spravi.html" title="У Кропивницькому робітники нафтової компанії звинувачують правоохоронні органи у фальсифікації справи">У Кропивницькому робітники нафтової компанії звинувачують правоохоронні...</a>
                            <!--<a href="/sluzhbova-nedbal-st/23584-u-kropivnic-komu-rob-tniki-naftovo-kompan-zvinuvachuyut-pravoohoronn-organi-u-fal-sif-kac-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="/sluzhbova-nedbal-st/23542-eksgolovu-derzhsluzhbi-u-spravah-veteran-v-suditimut-za-sluzhbovu-nedbal-st.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.09.2019/a1a8a76f9366de287290ff943153a178.jpeg&amp;size=320x210" class="wp-post-image" alt="Ексголову Держслужби у справах ветеранів судитимуть за службову недбалість">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/sluzhbova-nedbal-st" class="post_term category investing">Службова недбалість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/sluzhbova-nedbal-st/23542-eksgolovu-derzhsluzhbi-u-spravah-veteran-v-suditimut-za-sluzhbovu-nedbal-st.html" title="Ексголову Держслужби у справах ветеранів судитимуть за службову недбалість">Ексголову Держслужби у справах ветеранів судитимуть за службову недбалість</a>
                            <!--<a href="/sluzhbova-nedbal-st/23542-eksgolovu-derzhsluzhbi-u-spravah-veteran-v-suditimut-za-sluzhbovu-nedbal-st.html" title="Ексголову Держслужби у справах ветеранів судитимуть за службову недбалість">Ексголову Держслужби у справах ветеранів судитимуть за службову...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/sluzhbova-nedbal-st/23538-m-grac-yna-sluzhba-zaster-ga-v-d-mozhlivogo-rozpovsyudzhennya-fal-shivih-list-v-v-d-men.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.09.2019/ddd75161f5b32025f1ed184b7c3e9e30.jpeg&amp;size=320x210" class="wp-post-image" alt="Міграційна служба застерігає від можливого розповсюдження фальшивих листів від її імені">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/sluzhbova-nedbal-st" class="post_term category investing">Службова недбалість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/sluzhbova-nedbal-st/23538-m-grac-yna-sluzhba-zaster-ga-v-d-mozhlivogo-rozpovsyudzhennya-fal-shivih-list-v-v-d-men.html" title="Міграційна служба застерігає від можливого розповсюдження фальшивих листів від її імені">Міграційна служба застерігає від можливого розповсюдження фальшивих листів...</a>
                            <!--<a href="/sluzhbova-nedbal-st/23538-m-grac-yna-sluzhba-zaster-ga-v-d-mozhlivogo-rozpovsyudzhennya-fal-shivih-list-v-v-d-men.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="/sluzhbova-nedbal-st/23497-cherez-protipravnu-oborudku-derzhav-zavdano-zbitki-na-sumu-ponad-1-2-mln-grn.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.08.2019/18248f8c4a947c8c055900fcbdde24d6.jpeg&amp;size=320x210" class="wp-post-image" alt="Через протиправну оборудку державі завдано збитки на суму понад 1,2 млн грн">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/sluzhbova-nedbal-st" class="post_term category investing">Службова недбалість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/sluzhbova-nedbal-st/23497-cherez-protipravnu-oborudku-derzhav-zavdano-zbitki-na-sumu-ponad-1-2-mln-grn.html" title="Через протиправну оборудку державі завдано збитки на суму понад 1,2 млн грн">Через протиправну оборудку державі завдано збитки на суму понад 1,2 млн...</a>
                            <!--<a href="/sluzhbova-nedbal-st/23497-cherez-protipravnu-oborudku-derzhav-zavdano-zbitki-na-sumu-ponad-1-2-mln-grn.html" title="Через протиправну оборудку державі завдано збитки на суму понад 1,2 млн грн">Через протиправну оборудку державі завдано збитки на суму...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

                                                                            <style>
    .widjetComponent--1732 .post-image img {
        width: 100%;
    }
    .widjetComponent--1732 .post-image a {
        display: block;
    }
    .widjetComponent--1732 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1732 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1732 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1732 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1732 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1732 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1732 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1732 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1732 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1732 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1732 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1732">
            <style>
        .widjetComponent--title--1732.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            background: #16169c;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/yuridichna-praktika" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1732 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="/yuridichna-praktika/105606-notar-al-n-poslugi-dlya-malomob-l-nih-grup-naselennya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/6069ea756349796ee85525fd749b5a7b.jpeg&amp;size=320x210" class="wp-post-image" alt="Нотаріальні послуги для маломобільних груп населення">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/yuridichna-praktika" class="post_term category investing">Юридична практика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/yuridichna-praktika/105606-notar-al-n-poslugi-dlya-malomob-l-nih-grup-naselennya.html" title="Нотаріальні послуги для маломобільних груп населення">Нотаріальні послуги для маломобільних груп населення</a>
                            <!--<a href="/yuridichna-praktika/105606-notar-al-n-poslugi-dlya-malomob-l-nih-grup-naselennya.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="/yuridichna-praktika/103727-yak-dokumenti-neobh-dno-podati-dlya-derzhavno-re-strac-zm-ni-ker-vnika-ta-skladu-profsp-lkovogo-kom-tetu-organ-zac-profes-yno-sp-lki.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.11.2021/38ae0b9df450c85810af88ce12ad1751.png&amp;size=320x210" class="wp-post-image" alt="Які документи необхідно подати для державної реєстрації зміни керівника та складу профспілкового комітету організації професійної спілки?">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/yuridichna-praktika" class="post_term category investing">Юридична практика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/yuridichna-praktika/103727-yak-dokumenti-neobh-dno-podati-dlya-derzhavno-re-strac-zm-ni-ker-vnika-ta-skladu-profsp-lkovogo-kom-tetu-organ-zac-profes-yno-sp-lki.html" title="Які документи необхідно подати для державної реєстрації зміни керівника та складу профспілкового комітету організації професійної спілки?">Які документи необхідно подати для державної реєстрації зміни керівника...</a>
                            <!--<a href="/yuridichna-praktika/103727-yak-dokumenti-neobh-dno-podati-dlya-derzhavno-re-strac-zm-ni-ker-vnika-ta-skladu-profsp-lkovogo-kom-tetu-organ-zac-profes-yno-sp-lki.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="/yuridichna-praktika/103728-yak-vimogi-do-oformlennya-dokument-v-scho-podayut-sya-dlya-derzhavno-re-strac-gromads-kih-formuvan.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.11.2021/292b5075fc02e631723d5474f7d269aa.png&amp;size=320x210" class="wp-post-image" alt="Які вимоги до оформлення документів, що подаються для державної реєстрації громадських формувань?">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/yuridichna-praktika" class="post_term category investing">Юридична практика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/yuridichna-praktika/103728-yak-vimogi-do-oformlennya-dokument-v-scho-podayut-sya-dlya-derzhavno-re-strac-gromads-kih-formuvan.html" title="Які вимоги до оформлення документів, що подаються для державної реєстрації громадських формувань?">Які вимоги до оформлення документів, що подаються для державної реєстрації...</a>
                            <!--<a href="/yuridichna-praktika/103728-yak-vimogi-do-oformlennya-dokument-v-scho-podayut-sya-dlya-derzhavno-re-strac-gromads-kih-formuvan.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="/yuridichna-praktika/102721-advokat-sistemi-bpd-sprostuvav-obvinuvachennya-u-vchinenn-krad-zhki.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.11.2021/abfdc09ac47332e4631b042bd94ef2f1.png&amp;size=320x210" class="wp-post-image" alt="Адвокат системи БПД спростував обвинувачення у вчиненні крадіжки">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/yuridichna-praktika" class="post_term category investing">Юридична практика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/yuridichna-praktika/102721-advokat-sistemi-bpd-sprostuvav-obvinuvachennya-u-vchinenn-krad-zhki.html" title="Адвокат системи БПД спростував обвинувачення у вчиненні крадіжки">Адвокат системи БПД спростував обвинувачення у вчиненні крадіжки</a>
                            <!--<a href="/yuridichna-praktika/102721-advokat-sistemi-bpd-sprostuvav-obvinuvachennya-u-vchinenn-krad-zhki.html" title="Адвокат системи БПД спростував обвинувачення у вчиненні крадіжки">Адвокат системи БПД спростував обвинувачення у вчиненні...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

                                                                            <style>
    .widjetComponent--1733 .post-image img {
        width: 100%;
    }
    .widjetComponent--1733 .post-image a {
        display: block;
    }
    .widjetComponent--1733 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1733 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1733 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1733 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1733 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1733 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1733 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1733 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1733 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1733 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1733 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1733">
            <style>
        .widjetComponent--title--1733.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            background: #16169c;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/corruption" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1733 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="/corruption/103408-advokats-ke-ob-dnannya-vak-ta-partneri-profes-yniy-p-dh-d-ta-zvazhene-r-shennya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/24.11.2021/fa44de1cac1fc4f0cbf1ac5aed1ce9ef.png&amp;size=320x210" class="wp-post-image" alt="Адвокатське об'єднання "ВАК ТА ПАРТНЕРИ" : Професійний підхід та зважене рішення">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/corruption" class="post_term category investing">Корупція</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/corruption/103408-advokats-ke-ob-dnannya-vak-ta-partneri-profes-yniy-p-dh-d-ta-zvazhene-r-shennya.html" title="Адвокатське об'єднання "ВАК ТА ПАРТНЕРИ" : Професійний підхід та зважене рішення">Адвокатське об'єднання "ВАК ТА ПАРТНЕРИ" : Професійний підхід та зважене...</a>
                            <!--<a href="/corruption/103408-advokats-ke-ob-dnannya-vak-ta-partneri-profes-yniy-p-dh-d-ta-zvazhene-r-shennya.html" title="Адвокатське об&#039;єднання &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="/corruption/100955-vaka-vololimira-vanovicha-v-ta-mo-z-dnem-narodzhennya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.09.2021/19eff598e979913141010c7a3faa2bae.jpeg&amp;size=320x210" class="wp-post-image" alt="Вака Володимира Івановича вітаємо з днем народження!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/corruption" class="post_term category investing">Корупція</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/corruption/100955-vaka-vololimira-vanovicha-v-ta-mo-z-dnem-narodzhennya.html" title="Вака Володимира Івановича вітаємо з днем народження!">Вака Володимира Івановича вітаємо з днем народження!</a>
                            <!--<a href="/corruption/100955-vaka-vololimira-vanovicha-v-ta-mo-z-dnem-narodzhennya.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="/corruption/99208-vak-volodimir-vanovich-pozic-ya-po-sprav-dzhachvl-an-lash-valer-yanovicha-peredacha-yuridichna-aks-oma.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/07.08.2021/862cd9efdc97619597756461ccaac510/cdcd8876854f997de56591c2136abc69.mp4"
                               data-videoid="2683"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/07.08.2021/862cd9efdc97619597756461ccaac510/sprite_hls_manifest.m3u8"
                               data-link="/corruption/99208-vak-volodimir-vanovich-pozic-ya-po-sprav-dzhachvl-an-lash-valer-yanovicha-peredacha-yuridichna-aks-oma.html"
                               title="Вак Володимир Іванович – позиція по справі Джачвліані Лаші Валер’яновича – передача «Юридичний Аспект»"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/07.08.2021/862cd9efdc97619597756461ccaac510/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/07.08.2021/862cd9efdc97619597756461ccaac510/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/07.08.2021/862cd9efdc97619597756461ccaac510/eaa0b6d7e3d791fdaf77ea4091af864c_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Вак Володимир Іванович – позиція по справі Джачвліані Лаші Валер’яновича – передача «Юридичний Аспект»">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/corruption" class="post_term category investing">Корупція</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/corruption/99208-vak-volodimir-vanovich-pozic-ya-po-sprav-dzhachvl-an-lash-valer-yanovicha-peredacha-yuridichna-aks-oma.html" title="Вак Володимир Іванович – позиція по справі Джачвліані Лаші Валер’яновича – передача «Юридичний Аспект»">Вак Володимир Іванович – позиція по справі Джачвліані Лаші Валер’яновича...</a>
                            <!--<a href="/corruption/99208-vak-volodimir-vanovich-pozic-ya-po-sprav-dzhachvl-an-lash-valer-yanovicha-peredacha-yuridichna-aks-oma.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="/corruption/98262-10-rok-v-pozbavlennya-vol-za-vbivstvo-virok-v-ys-kovosluzhbovcyu-p-dtverdzheno-u-sud-apelyac-yno-nstanc.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.07.2021/3dd16f8290fc312f878e473ee3ad10c3.jpeg&amp;size=320x210" class="wp-post-image" alt="10 років позбавлення волі за вбивство: вирок військовослужбовцю підтверджено у суді апеляційної інстанції ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/corruption" class="post_term category investing">Корупція</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/corruption/98262-10-rok-v-pozbavlennya-vol-za-vbivstvo-virok-v-ys-kovosluzhbovcyu-p-dtverdzheno-u-sud-apelyac-yno-nstanc.html" title="10 років позбавлення волі за вбивство: вирок військовослужбовцю підтверджено у суді апеляційної інстанції ">10 років позбавлення волі за вбивство: вирок військовослужбовцю підтверджено...</a>
                            <!--<a href="/corruption/98262-10-rok-v-pozbavlennya-vol-za-vbivstvo-virok-v-ys-kovosluzhbovcyu-p-dtverdzheno-u-sud-apelyac-yno-nstanc.html" title="10 років позбавлення волі за вбивство: вирок військовослужбовцю підтверджено у суді апеляційної інстанції ">10 років позбавлення волі за вбивство: вирок військовослужбовцю...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1735 .post-image img {
        width: 100%;
    }
    .widjetComponent--1735 .post-image a {
        display: block;
    }
    .widjetComponent--1735 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1735 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1735 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1735 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1735 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1735 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1735 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1735 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1735 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1735 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1735 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1735">
            <style>
        .widjetComponent--title--1735.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            background: #16169c;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
        <h4 class="widjetComponent--title--1735 widget-title-base">ТОП ВIДЕО</h4>
        <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/pres-centr/20413-5-kolosk-v-na-chornih-doshkah-ukra-ni.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.11.2018/9b78df5d2daba0b8d481b5d1e2c44c9a.mp4"
                               data-videoid="494"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/22.11.2018/sprite_hls_manifest.m3u8"
                               data-link="/pres-centr/20413-5-kolosk-v-na-chornih-doshkah-ukra-ni.html"
                               title="5 колосків на чорних дошках України"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.11.2018/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.11.2018/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.11.2018/67dd62d3a00ea10c0fcb3ddefd679db6_poster.jpg&amp;size=850x560" class="wp-post-image" alt="5 колосків на чорних дошках України">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/pres-centr" class="post_term category investing">прес-центр</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/pres-centr/20413-5-kolosk-v-na-chornih-doshkah-ukra-ni.html" title="5 колосків на чорних дошках України">5 колосків на чорних дошках України</a>
                            <!--<a href="/pres-centr/20413-5-kolosk-v-na-chornih-doshkah-ukra-ni.html" title="5 колосків на чорних дошках України">5 колосків на чорних дошках України</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/pres-centr/318-strazh-zakonu.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/storage/af/a8/afa81100242d4ba35201b0d020850fdc.mp4"
                               data-videoid="476"
                               data-videoHLS="https://vpu.su/upload/video/storage/af/a8/sprite_hls_manifest.m3u8"
                               data-link="/pres-centr/318-strazh-zakonu.html"
                               title="Стражі Закону"
                               data-videothumbnails="https://vpu.su/upload/video/storage/af/a8/timeline"
                               data-videoAnimation="https://vpu.su/upload/video/storage/af/a8/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/images/big/ba/90/ba904931dc34f30c86f8f162544ecc72.jpg&amp;size=850x560" class="wp-post-image" alt="Стражі Закону">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/pres-centr" class="post_term category investing">прес-центр</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/pres-centr/318-strazh-zakonu.html" title="Стражі Закону">Стражі Закону</a>
                            <!--<a href="/pres-centr/318-strazh-zakonu.html" title="Стражі Закону">Стражі Закону</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/pres-centr/315-video-23-02-2015-golomsha-nespravedlyva-lyustraciya.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/storage/a8/1a/a81a7614b6cdb539db31603b466085d0.m3u8"
                               data-videoid="474"
                               data-videoHLS=""
                               data-link="/pres-centr/315-video-23-02-2015-golomsha-nespravedlyva-lyustraciya.html"
                               title="Микола Голомша або Несправедлива люстрація"
                               data-videothumbnails=""
                               data-videoAnimation=""
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/images/big/d7/6c/d76cbf64113cd13f6fa7313e49d8d84a.jpg&amp;size=850x560" class="wp-post-image" alt="Микола Голомша або Несправедлива люстрація">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/pres-centr" class="post_term category investing">прес-центр</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/pres-centr/315-video-23-02-2015-golomsha-nespravedlyva-lyustraciya.html" title="Микола Голомша або Несправедлива люстрація">Микола Голомша або Несправедлива люстрація</a>
                            <!--<a href="/pres-centr/315-video-23-02-2015-golomsha-nespravedlyva-lyustraciya.html" title="Микола Голомша або Несправедлива люстрація">Микола Голомша або Несправедлива люстрація</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

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

</style>
<section class="widjet-component-inner widjetComponent--1736">
            <style>
        .widjetComponent--title--1736.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            background: #16169c;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
        <h4 class="widjetComponent--title--1736 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="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/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=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/104801-prezident-volodimir-zelens-kiy-nezakonno-skasuvav-pozachergov-vibori-mera-krivogo-rogu-potenc-yna-prichina-progrash-vibor-v-valentin-gayday-k-ra-molchanova.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="/interview/17-interv-yu-z-yuriyem-kohutom.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/000/u1/57/2b/interv-yu-z-yuriyem-kohutom-photo-big.jpg&amp;size=850x560" class="wp-post-image" alt="Інтерв`ю з Юрієм Когутом">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/interview/17-interv-yu-z-yuriyem-kohutom.html" title="Інтерв`ю з Юрієм Когутом">Інтерв`ю з Юрієм Когутом</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

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

</style>
<section class="widjet-component-inner widjetComponent--1737">
            <style>
        .widjetComponent--title--1737.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            background: #16169c;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
        <h4 class="widjetComponent--title--1737 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="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105008-sinyavs-ka-ol-ga-oleksandr-vna---solodovnik-valentin-oleksandrovich-shahra-scho-sprichinyayut-m-zhnarodniy-konfl-kt-kitay-ukra-na-do-pobachennya-nvestic.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.12.2021/e4e8299d0e9183f9640f8f76031733f3.jpeg&amp;size=850x560" class="wp-post-image" alt="Синявська Ольга Олександрівна - Солодовник Валентин Олександрович – шахраї, що спричиняють міжнародний конфлікт Китай – Україна : До побачення інвестиції!">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105008-sinyavs-ka-ol-ga-oleksandr-vna---solodovnik-valentin-oleksandrovich-shahra-scho-sprichinyayut-m-zhnarodniy-konfl-kt-kitay-ukra-na-do-pobachennya-nvestic.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="/novini/104884-naresht-zaareshtovano-krad-ya-mashin-visokogo-r-vnya-na-ki-vschin.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.12.2021/8b25d45a59c6ab5407845203ff35ea66.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="/novini/104884-naresht-zaareshtovano-krad-ya-mashin-visokogo-r-vnya-na-ki-vschin.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/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=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/104801-prezident-volodimir-zelens-kiy-nezakonno-skasuvav-pozachergov-vibori-mera-krivogo-rogu-potenc-yna-prichina-progrash-vibor-v-valentin-gayday-k-ra-molchanova.html" title="Президент Володимир Зеленський незаконно скасував позачергові вибори мера Кривого Рогу : потенційна причина – програш виборів. Валентин Гайдай, Кіра Молчанова   ">Президент Володимир Зеленський незаконно скасував позачергові вибори мера...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-101-4 row-k-style" id="row-k-style-101-4">
            <div class="row-k-width-101-4 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1734 .post-inner {
        padding-bottom: 15px;
        box-shadow: 0 0 0 rgba(103, 122, 141, 0);
        margin-bottom: 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    .widjetComponent--1734 .post-image img {
        width: 100%;
    }
    .widjetComponent--1734 .post-image a {
        display: block;
    }
    .widjetComponent--1734 .widget-title a {
        color: #000;
        font-size: 12px;
        font-weight: normal;
    }
    .widjetComponent--1734 .widget-title a:hover {
        color: #1d5173;
    }

</style>
<section class="widjet-component-inner widjetComponent--1734">
            <style>
        .widjetComponent--title--1734.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            background: #16169c;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/news-ukraine-and-worlds" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1734 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/105666-eva-maruschenko-deystvuet-po-ukazke-seks-shantazhistov.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/86f630e71868896ddb1d6d985599fc6b.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/105666-eva-maruschenko-deystvuet-po-ukazke-seks-shantazhistov.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/105664-m-n-str-osv-ti-serg-y-shkarlet-pribuv-z-robochim-v-zitom-do-b-lo-cerkvi.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/fda05f25437fa2ee8496345cccb247b7.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/105664-m-n-str-osv-ti-serg-y-shkarlet-pribuv-z-robochim-v-zitom-do-b-lo-cerkvi.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/105663-vryatuvati-zhittya-dorogoyu-c-noyu-malen-ka-l-v-v-yanka-otrimala-naydorozhch-l-ki-v-sv-t.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/26c761bcaceb107c38d8b2a294c679ec.jpeg&amp;size=850x560" class="wp-post-image" alt="Врятувати життя дорогою ціною: маленька львів&#039;янка отримала найдорожчі ліки в світі">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105663-vryatuvati-zhittya-dorogoyu-c-noyu-malen-ka-l-v-v-yanka-otrimala-naydorozhch-l-ki-v-sv-t.html" title="Врятувати життя дорогою ціною: маленька львів&#039;янка отримала найдорожчі ліки в світі">Врятувати життя дорогою ціною: маленька львів&#039;янка отримала найдорожчі...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/105661-z-metoyu-podal-sho-sp-vprac.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/62d8fc3ac155e0b72a89b4ddd1479cf0.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/105661-z-metoyu-podal-sho-sp-vprac.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/105659-palayuch-budinki-u-peredm-st-odesi.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/7c8e1b6e764a1c70e746cc1521b7d6b9.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/105659-palayuch-budinki-u-peredm-st-odesi.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/105656-specprokuratura-r-k-disbatu-soldatu-kontraktniku-za-pobittya-sp-vsluzhbovcya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/f1e1f37f9a7056b595b16a0e5cd7bec0.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/105656-specprokuratura-r-k-disbatu-soldatu-kontraktniku-za-pobittya-sp-vsluzhbovcya.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/105653-spec-al-n-navchannya-dlya-prac-vnik-v-pol-c-na-ki-vschin.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/9b76dc0cf84946ed6427570fe83f0072.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/105653-spec-al-n-navchannya-dlya-prac-vnik-v-pol-c-na-ki-vschin.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/105652-zemletrus-na-dn-propetrovschin.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/b43e385cf3e869f80f8b0c6928a2f42a.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/105652-zemletrus-na-dn-propetrovschin.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/105634-960-zvernen-oprac-ovano-na-volin-u-2021-roc.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/dbb9f5bfd952d45ad5e18353527adb50.jpeg&amp;size=850x560" class="wp-post-image" alt="960 звернень опрацьовано на Волині у 2021 році">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105634-960-zvernen-oprac-ovano-na-volin-u-2021-roc.html" title="960 звернень опрацьовано на Волині у 2021 році">960 звернень опрацьовано на Волині у 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/105632-na-hersonschin-grab-zhnik-ne-uniknuv-krim-nal-no-v-dpov-dal-nost-nav-t-cherez-p-yat-rok-v-p-slya-vchinennya-zlochinu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/5530b357b8f470e19a4aa2167f06a9ee.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/105632-na-hersonschin-grab-zhnik-ne-uniknuv-krim-nal-no-v-dpov-dal-nost-nav-t-cherez-p-yat-rok-v-p-slya-vchinennya-zlochinu.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/105631-z-1-lyutogo-bude-skorocheno-term-n-zvernennya-do-vropeys-kogo-sudu-z-prav-lyudini.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/f684969b568628f2cc4c7eb410af01d5.jpeg&amp;size=850x560" class="wp-post-image" alt="З 1 лютого буде скорочено термін звернення до Європейського суду з прав людини">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105631-z-1-lyutogo-bude-skorocheno-term-n-zvernennya-do-vropeys-kogo-sudu-z-prav-lyudini.html" title="З 1 лютого буде скорочено термін звернення до Європейського суду з прав людини">З 1 лютого буде скорочено термін звернення до Європейського суду з прав...</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/105630-yak-samost-yno-perev-riti-zemel-nu-d-lyanku-scho-treba-d-znatisya-persh-n-zh-ti-do-notar-usa.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/aae186891a9b1174bffcf3cf71667a0f.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/105630-yak-samost-yno-perev-riti-zemel-nu-d-lyanku-scho-treba-d-znatisya-persh-n-zh-ti-do-notar-usa.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/105662-reproduktolog-ki-v-yak-pogovoriti-z-don-koyu-pro-kritichn-dn.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/f27230d938b887e6779805a781e9971d.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/105662-reproduktolog-ki-v-yak-pogovoriti-z-don-koyu-pro-kritichn-dn.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/105660-reproduktolog-ki-v-yak-utvoryu-t-sya-fol-kulyarna-k-sta-ta-chi-mozhe-vona-sama-zniknuti.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/5e6cd5f570dacad46c86b82fa4e71ffb.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/105660-reproduktolog-ki-v-yak-utvoryu-t-sya-fol-kulyarna-k-sta-ta-chi-mozhe-vona-sama-zniknuti.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/105657-reproduktolog-ki-v-sindrom-pol-k-stoznih-ya-chnik-v.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/247d7c8cba061c811d39048ff9cafa08.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/105657-reproduktolog-ki-v-sindrom-pol-k-stoznih-ya-chnik-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/105658-eva-maruschenko-deystvuet-po-ukazke-seks-shantazhistov.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/858f6d58a0ee40c62a7ea5b662fb1ec7.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/105658-eva-maruschenko-deystvuet-po-ukazke-seks-shantazhistov.html" title="ЕВА МАРУЩЕНКО ДЕЙСТВУЕТ ПО УКАЗКЕ СЕКС ШАНТАЖИСТОВ">ЕВА МАРУЩЕНКО ДЕЙСТВУЕТ ПО УКАЗКЕ СЕКС ШАНТАЖИСТОВ</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-101-5 row-k-style" id="row-k-style-101-5">
            <div class="row-k-width-101-5 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 base-content no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-100-3 row-k-style" id="row-k-style-100-3">
            <div class="row-k-width-100-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--1723.logo-box {
        display: block;
    }
    </style>
<a class="widjetComponent--1723 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.02.2020/b6b01bce6760a5bb0c1b15ec043440b6.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.02.2020/b6b01bce6760a5bb0c1b15ec043440b6.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.02.2020/b6b01bce6760a5bb0c1b15ec043440b6.png&size=<<340 340w">
        </a>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1724 {
        background: transparent;;
    }
    .widjetComponent--1724 .inner-text {
        padding: 10px 10px 10px 10px;
        color: #000;
    }
    .widjetComponent--1724 .inner-text * {
        color: #000;
    }
</style>

<section class="widjetComponent--1724">
    <div class="inner-text">
        <p>© 2007 Всеукраїнська профспілка юристів</p>
    </div>
</section>
                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3294 {
        background: transparent;;
    }
    .widjetComponent--3294 .inner-text {
        padding: 10px 10px 10px 10px;
        color: #000;
    }
    .widjetComponent--3294 .inner-text * {
        color: #000;
    }
</style>

<section class="widjetComponent--3294">
    <div class="inner-text">
        <p style="text-align: right;"><a href="../../privacy-policy">Політика конфіденційності</a><br /><a href="../../terms-of-use">Правила користування сайтом</a></p>
    </div>
</section>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
    
        
        <a href="#" id="go-top"><i class="fas fa-arrow-up"></i></a>

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


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

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


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


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

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

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

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


                            <!--player-->

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