<!--::result::time::04:55:41::App\Service\Components\Header\H03::-->
<!--::result::time::04:55:41::work: 0.0042 s::App\Service\Components\Header\H03::-->
<!--::result::time::04:55:41::App\Service\Components\Header\H03::-->
<!--::result::time::04:55:41::work: 0.0012 s::App\Service\Components\Header\H03::-->
<!--::result::time::04:55:41::App\Service\Components\Header\H03::-->
<!--::result::time::04:55:41::work: 0.0023 s::App\Service\Components\Header\H03::-->
<!--::result::time::04:55:41::App\Service\Components\Header\H04::-->
<!--::result::time::04:55:41::work: 0.0009 s::App\Service\Components\Header\H04::-->
<!--::result::time::04:55:41::App\Service\Components\Header\H02::-->
<!--::result::time::04:55:41::work: 0.0198 s::App\Service\Components\Header\H02::-->
<!--::result::time::04:55:41::App\Service\Components\Header\H04::-->
<!--::result::time::04:55:41::work: 0.0001 s::App\Service\Components\Header\H04::-->
<!--::result::time::04:55:41::App\Service\Components\Text\T01::-->
<!--::result::time::04:55:41::work: 0.0009 s::App\Service\Components\Text\T01::-->
<!--::result::time::04:55:41::App\Service\Components\Text\T01::-->
<!--::result::time::04:55:41::work: 0.0001 s::App\Service\Components\Text\T01::-->
<!--::result::time::04:55:41::App\Service\Components\News\N01::-->
<!--::result::time::04:55:41::getChildsMapIds::-->
<!--::result::time::04:55:41::work: 0.003 s::getChildsMapIds::-->
<!--::result::time::04:55:41::getPagesByCategoryLimit::-->
<!--::result::time::04:55:41::work: 0.0289 s::getPagesByCategoryLimit::-->
<!--::result::time::04:55:41::foreach::-->
<!--::result::time::04:55:41::work: 0.012 s::foreach::-->
<!--::result::time::04:55:41::work: 0.0488 s::App\Service\Components\News\N01::-->
<!--::result::time::04:55:41::App\Service\Components\News\N04::-->
<!--::result::time::04:55:41::work: 0.0131 s::App\Service\Components\News\N04::-->
<!--::result::time::04:55:41::App\Service\Components\News\N01::-->
<!--::result::time::04:55:41::work: 0.0097 s::App\Service\Components\News\N01::-->
<!--::result::time::04:55:41::App\Service\Components\News\N10::-->
<!--::result::time::04:55:41::work: 0.0011 s::App\Service\Components\News\N10::-->
<!--::result::time::04:55:41::App\Service\Components\News\N01::-->
<!--::result::time::04:55:41::getChildsMapIds::-->
<!--::result::time::04:55:41::work: 0.0306 s::getChildsMapIds::-->
<!--::result::time::04:55:41::getPagesByCategoryLimit::-->
<!--::result::time::04:55:41::work: 0.2286 s::getPagesByCategoryLimit::-->
<!--::result::time::04:55:41::foreach::-->
<!--::result::time::04:55:41::work: 0.0956 s::foreach::-->
<!--::result::time::04:55:41::work: 0.3572 s::App\Service\Components\News\N01::-->
<!--::result::time::04:55:41::App\Service\Components\News\N01::-->
<!--::result::time::04:55:41::getChildsMapIds::-->
<!--::result::time::04:55:41::work: 0.0055 s::getChildsMapIds::-->
<!--::result::time::04:55:41::getPagesByCategoryLimit::-->
<!--::result::time::04:55:41::work: 0.132 s::getPagesByCategoryLimit::-->
<!--::result::time::04:55:41::foreach::-->
<!--::result::time::04:55:41::work: 0.0353 s::foreach::-->
<!--::result::time::04:55:41::work: 0.1737 s::App\Service\Components\News\N01::-->
<!--::result::time::04:55:41::App\Service\Components\News\N01::-->
<!--::result::time::04:55:41::getChildsMapIds::-->
<!--::result::time::04:55:41::work: 0.003 s::getChildsMapIds::-->
<!--::result::time::04:55:41::getPagesByCategoryLimit::-->
<!--::result::time::04:55:41::work: 0.0885 s::getPagesByCategoryLimit::-->
<!--::result::time::04:55:41::foreach::-->
<!--::result::time::04:55:41::work: 0.0314 s::foreach::-->
<!--::result::time::04:55:41::work: 0.1237 s::App\Service\Components\News\N01::-->
<!--::result::time::04:55:41::App\Service\Components\News\N01::-->
<!--::result::time::04:55:41::getChildsMapIds::-->
<!--::result::time::04:55:41::work: 0.0084 s::getChildsMapIds::-->
<!--::result::time::04:55:41::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::work: 0.1075 s::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::foreach::-->
<!--::result::time::04:55:42::work: 0.0288 s::foreach::-->
<!--::result::time::04:55:42::work: 0.1453 s::App\Service\Components\News\N01::-->
<!--::result::time::04:55:42::App\Service\Components\News\N01::-->
<!--::result::time::04:55:42::getChildsMapIds::-->
<!--::result::time::04:55:42::work: 0.0048 s::getChildsMapIds::-->
<!--::result::time::04:55:42::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::work: 0.0683 s::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::foreach::-->
<!--::result::time::04:55:42::work: 0.029 s::foreach::-->
<!--::result::time::04:55:42::work: 0.1026 s::App\Service\Components\News\N01::-->
<!--::result::time::04:55:42::App\Service\Components\News\N01::-->
<!--::result::time::04:55:42::getChildsMapIds::-->
<!--::result::time::04:55:42::work: 0.0025 s::getChildsMapIds::-->
<!--::result::time::04:55:42::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::work: 0.0603 s::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::foreach::-->
<!--::result::time::04:55:42::work: 0.028 s::foreach::-->
<!--::result::time::04:55:42::work: 0.0913 s::App\Service\Components\News\N01::-->
<!--::result::time::04:55:42::App\Service\Components\News\N01::-->
<!--::result::time::04:55:42::getChildsMapIds::-->
<!--::result::time::04:55:42::work: 0.0046 s::getChildsMapIds::-->
<!--::result::time::04:55:42::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::work: 0.0644 s::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::foreach::-->
<!--::result::time::04:55:42::work: 0.025 s::foreach::-->
<!--::result::time::04:55:42::work: 0.0946 s::App\Service\Components\News\N01::-->
<!--::result::time::04:55:42::App\Service\Components\News\N01::-->
<!--::result::time::04:55:42::getChildsMapIds::-->
<!--::result::time::04:55:42::work: 0.0026 s::getChildsMapIds::-->
<!--::result::time::04:55:42::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::work: 0.0605 s::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::foreach::-->
<!--::result::time::04:55:42::work: 0.0284 s::foreach::-->
<!--::result::time::04:55:42::work: 0.0926 s::App\Service\Components\News\N01::-->
<!--::result::time::04:55:42::App\Service\Components\News\N01::-->
<!--::result::time::04:55:42::work: 0.013 s::App\Service\Components\News\N01::-->
<!--::result::time::04:55:42::App\Service\Components\News\N05::-->
<!--::result::time::04:55:42::work: 0.0209 s::App\Service\Components\News\N05::-->
<!--::result::time::04:55:42::App\Service\Components\News\N05::-->
<!--::result::time::04:55:42::work: 0.0154 s::App\Service\Components\News\N05::-->
<!--::result::time::04:55:42::App\Service\Components\News\N05::-->
<!--::result::time::04:55:42::getChildsMapIds::-->
<!--::result::time::04:55:42::work: 0.0005 s::getChildsMapIds::-->
<!--::result::time::04:55:42::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::work: 0.0295 s::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::foreach::-->
<!--::result::time::04:55:42::work: 0.0137 s::foreach::-->
<!--::result::time::04:55:42::work: 0.0445 s::App\Service\Components\News\N05::-->
<!--::result::time::04:55:42::App\Service\Components\News\N05::-->
<!--::result::time::04:55:42::getChildsMapIds::-->
<!--::result::time::04:55:42::work: 0.0005 s::getChildsMapIds::-->
<!--::result::time::04:55:42::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::work: 0.3356 s::getPagesByCategoryLimit::-->
<!--::result::time::04:55:42::foreach::-->
<!--::result::time::04:55:43::work: 0.1259 s::foreach::-->
<!--::result::time::04:55:43::work: 0.4639 s::App\Service\Components\News\N05::-->
<!--::result::time::04:55:43::work: 1.8769 s::-->
<!--::result::time::04:55:43::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 {
                    margin-right: -15px;
                    margin-left: -15px;
                }
                @media (max-width: 991px) {
                    .row-k-style {
                        padding: 0 15px;
                    }
                    .row .no-padding {
                        padding-left: 15px;
                        padding-right: 15px;
                    }
                }

            </style>
        
                <style>
            .row-k-width-1-0 {width:95%}
.row-k-style-1-0 {background: linear-gradient(#962424,#962424)}
.row-k-width-1-1 {width:95%}
.row-k-style-1-1 {background: linear-gradient(#b00707,#b00707)}
.row-k-width-1-2 {width:95%}
.row-k-style-1-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-1-3 {width:95%}
.row-k-style-1-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-1-4 {width:95%}
.row-k-style-1-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-2-0 {width:95%}
.row-k-style-2-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-2-1 {width:95%}
.row-k-style-2-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-2-2 {width:95%}
.row-k-style-2-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-2-3 {width:95%}
.row-k-style-2-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-2-4 {width:95%}
.row-k-style-2-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-2-5 {width:95%}
.row-k-style-2-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/21.01.2022/f1e1f37f9a7056b595b16a0e5cd7bec0.jpeg&size=850x560&ios=false" as="image">
			<meta property="og:title" content="Спецпрокуратура: рік дисбату солдату-контрактнику за побиття співслужбовця">
			<meta property="og:description" content="   За процесуального керівництва Чернігівської спеціалізованої прокуратури у військовій та оборонній сфері засуджено військовослужбовця військової служби за контрактом.   Установлено, що солдат однієї з військових частин ЗСУ, яка дислокована на Черніговщині,  перебуваючи в стані алкогольного сп’яніння,...">
			<meta property="og:url" content="https://dnipro-inform.com/news-derzhava-pravookhoronni-orhany/105656-specprokuratura-r-k-disbatu-soldatu-kontraktniku-za-pobittya-sp-vsluzhbovcya.html">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/f1e1f37f9a7056b595b16a0e5cd7bec0.jpeg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/f1e1f37f9a7056b595b16a0e5cd7bec0.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-1-0 row-k-style" id="row-k-style-1-0">
            <div class="row-k-width-1-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1690.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--1690 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1690.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1690.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1690.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1690 .navbar .navbar-nav .nav-link {
        font-size: 12px;
        color: #ffffff;
    }
    .widjetComponent--1690 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent1690 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1690 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1690 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1690 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1690 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1690" once="menu" id="menu1690-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="#navbarSupportedContent1690"
                aria-controls="navbarSupportedContent1690" 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="navbarSupportedContent1690">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/kontakti.html">Контакти</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

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

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1692.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1692 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1692.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1692.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1692.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1692 .navbar .navbar-nav .nav-link {
        font-size: 12px;
        color: #ffffff;
    }
    .widjetComponent--1692 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent1692 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1692 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1692 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1692 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1692 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1692" once="menu" id="menu1692-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="#navbarSupportedContent1692"
                aria-controls="navbarSupportedContent1692" 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="navbarSupportedContent1692">
            <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-1-1 row-k-style" id="row-k-style-1-1">
            <div class="row-k-width-1-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--1694.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--1694 .logo-text {
        margin-left: 25px;    }
    </style>
<a class="widjetComponent--1694 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.02.2020/803ac0d89baec53769bf31bea38bb6f8.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.02.2020/803ac0d89baec53769bf31bea38bb6f8.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.02.2020/803ac0d89baec53769bf31bea38bb6f8.png&size=<<340 340w">
            <span class="logo-text">Телеканал УНТ<br />Українське Народне Телебачення<br />Головне в Україні</span>
    </a>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-8 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1693 {
        background: transparent;
    }
    .widjetComponent--1693 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1693 .navbar-toggleable-sm .navbar-nav .nav-link,
    .widjetComponent--1693 .nav-dropdown>li>a {
        padding: 15px 5px 15px 5px;
        color: #ffffff;
        position: relative;
        font-size: 16px;
        margin: 0;
    }
    .widjetComponent--1693 .navbar-toggleable-sm .navbar-nav .nav-link:hover,
    .widjetComponent--1693 .nav-dropdown>li>a:hover {
        padding: 15px 5px 15px 5px;
        color: #1d5072;
        margin: 0;
        background: #ffffff;
    }
    .widjetComponent--1693 .navbar-toggleable-sm {
        padding-top: 0;
        padding-bottom: 0;
    }
    .widjetComponent--1693 .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--1693 .nav-item.dropdown.open .dropdown-menu a {
        display: inline-block;
        padding: 15px 15px;
        width: auto;
    }
    .widjetComponent--1693 .nav-item.dropdown.open .dropdown-menu a:hover {
        background: #ffffff;
        color: #54a1d4;
    }
    .widjetComponent--1693 .dropdown {
        position: initial;
    }
    .widjetComponent--1693 .navbar,
    section.menu.widjetComponent--1693 {
        position: initial;
    }
    .widjetComponent--1693 .search-item .form-search {
        display: none;
    }
</style>
<section class="menu widjetComponent--1693">
    <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="#navbarSupportedContent1693"
                aria-controls="navbarSupportedContent1693" 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="navbarSupportedContent1693">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-derzhava"
                               data-toggle="dropdown-submenu" aria-expanded="false">Держава</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-derzhava-borotba-z-koruptsiyeyu">Боротьба з корупцією</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-prezydent-ukrayiny">Президент України</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-uryad">Уряд</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-verkhovna-rada-ukrayiny">Верховна Рада України</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-rehiony-ukrayiny">Регіони України</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-derzhavni-administratsiyi">Державні адміністрації</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-afu">Міністерство оборони України</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-pravookhoronni-orhany">Правоохоронні органи</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-polityka"
                               data-toggle="dropdown-submenu" aria-expanded="false">Політика</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-polityka-vnutrishnya-polityka">Внутрішня політика</a>
                                                                    <a class="dropdown-item" href="/news-polityka-zovnishnya-polityka">Зовнішня політика</a>
                                                                    <a class="dropdown-item" href="/news-polityka-mistseve-samovryaduvannya">Місцеве самоврядування</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-suspilstvo"
                               data-toggle="dropdown-submenu" aria-expanded="false">Суспільство</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-suspilstvo-medicine">Медицина</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-science">Наука</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-education">Освіта</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-ecology">Екологія</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-culture">Культура</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-religion">Релігія</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-events">Події</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-nadzvychayna-sytuatsiya">Надзвичайна ситуація</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-hromadski-ob-yednannya">Громадські об’єднання</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-blagodiynist">Благодійність</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-ekonomika"
                               data-toggle="dropdown-submenu" aria-expanded="false">Економіка</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-ekonomika-finances">Фінанси</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-agro-industry">Агропромисловість</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-realty">Нерухомість</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-transport">Транспорт</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-business">Бізнес</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-industry">Промисловість</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-enerhetyka">Енергетика</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-tekhnologiji"
                               data-toggle="dropdown-submenu" aria-expanded="false">Технології</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-tekhnologiji-mobile-news">Мобільні новини</a>
                                                                    <a class="dropdown-item" href="/news-tekhnologiji-technical-innovations">Технічні новинки</a>
                                                                    <a class="dropdown-item" href="/news-tekhnologiji-technology-for-home-and-office">Техніка для дому і офісу</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-sport"
                               data-toggle="dropdown-submenu" aria-expanded="false">Спорт</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-sport-sport-news">Новини спорту</a>
                                                                    <a class="dropdown-item" href="/news-sport-basketball">Баскетбол</a>
                                                                    <a class="dropdown-item" href="/news-sport-boxing">Бокс</a>
                                                                    <a class="dropdown-item" href="/news-sport-tennis">Теніс</a>
                                                                    <a class="dropdown-item" href="/news-sport-auto-moto">Авто Мото</a>
                                                                    <a class="dropdown-item" href="/news-sport-championships">Чемпіонати</a>
                                                                    <a class="dropdown-item" href="/news-sport-football">Футбол</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-shou-biznes"
                               data-toggle="dropdown-submenu" aria-expanded="false">Шоу бізнес</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-shou-biznes-secular-news">Світські новини</a>
                                                                    <a class="dropdown-item" href="/news-shou-biznes-secrets-of-the-stars">Секрети зірок</a>
                                                                    <a class="dropdown-item" href="/news-shou-biznes-scandals">Скандали</a>
                                                                    <a class="dropdown-item" href="/news-shou-biznes-star-style">Зірковий стиль</a>
                                                            </div>
                        </li>
                                                </ul>
            <div class="search-item">
                <a class="nav-link link open-search" href="#"><i class="fas fa-search d-block"></i></a>
                <form action="/news" method="post" class="form-search">
                    <input type="text"
                           class="form-control"
                           id="search-query"
                           name="Search[query]"
                           value="" placeholder="Введіть ключове слово">
                    <button type="submit">Знайти</button>
                </form>
            </div>
        </div>
    </nav>
</section>

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

</script>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-2-0 row-k-style" id="row-k-style-2-0">
            <div class="row-k-width-2-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1699 .post-image img {
        width: 100%;
    }
    .widjetComponent--1699 .post-image a {
        display: block;
    }
    .widjetComponent--1699 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1699 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1699 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1699 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1699 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1699 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1699 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1699 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1699 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1699 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1699 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1699">
            <style>
        .widjetComponent--title--1699.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-news-press-center" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1699 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="/yuridichnij-aspekt/105316-yak-zahistiti-sebe-v-d-provedennya-obshuk-v-peredacha-yuridichniy-aspekt-z-gorem-tarasenko.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/06.01.2022/60179294e58a2fd5f40189af1ab7572c/0cd33bbb3b44cc770e6ce0dbb5083da0.mp4"
                               data-videoid="2965"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/06.01.2022/60179294e58a2fd5f40189af1ab7572c/sprite_hls_manifest.m3u8"
                               data-link="/yuridichnij-aspekt/105316-yak-zahistiti-sebe-v-d-provedennya-obshuk-v-peredacha-yuridichniy-aspekt-z-gorem-tarasenko.html"
                               title="Як захистити себе від проведення обшуків – передача «Юридичний Аспект» з Ігорем Тарасенко"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/06.01.2022/60179294e58a2fd5f40189af1ab7572c/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/06.01.2022/60179294e58a2fd5f40189af1ab7572c/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/06.01.2022/60179294e58a2fd5f40189af1ab7572c/9934a4b4d5b6288e4a459a8c0369229b_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Як захистити себе від проведення обшуків – передача «Юридичний Аспект» з Ігорем Тарасенко">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/yuridichnij-aspekt" class="post_term category investing">Юридичний Аспект</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/yuridichnij-aspekt/105316-yak-zahistiti-sebe-v-d-provedennya-obshuk-v-peredacha-yuridichniy-aspekt-z-gorem-tarasenko.html" title="Як захистити себе від проведення обшуків – передача «Юридичний Аспект» з Ігорем Тарасенко">Як захистити себе від проведення обшуків – передача «Юридичний Аспект»...</a>
                            <!--<a href="/yuridichnij-aspekt/105316-yak-zahistiti-sebe-v-d-provedennya-obshuk-v-peredacha-yuridichniy-aspekt-z-gorem-tarasenko.html" title="Як захистити себе від проведення обшуків – передача «Юридичний Аспект» з Ігорем Тарасенко">Як захистити себе від проведення обшуків – передача «Юридичний...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-news-press-center-vpyu-strazh-zakonu/105054-zavolod-nnya-kvartirami-lyudey-pohilogo-v-ku-abo-nedoskonal-st-zakonu-schodo-protid-domashn-ogo-nasillya.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/23.12.2021/0cc9b0cb17021a50c1114e059db0d5e9/9cb43a3ada6426635b9ac7c1b867ff7c.mp4"
                               data-videoid="2946"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/23.12.2021/0cc9b0cb17021a50c1114e059db0d5e9/sprite_hls_manifest.m3u8"
                               data-link="/video-news-press-center-vpyu-strazh-zakonu/105054-zavolod-nnya-kvartirami-lyudey-pohilogo-v-ku-abo-nedoskonal-st-zakonu-schodo-protid-domashn-ogo-nasillya.html"
                               title="Заволодіння квартирами людей похилого віку або недосконалість закону щодо протидії домашнього насилля"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/23.12.2021/0cc9b0cb17021a50c1114e059db0d5e9/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/23.12.2021/0cc9b0cb17021a50c1114e059db0d5e9/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/23.12.2021/0cc9b0cb17021a50c1114e059db0d5e9/7acb2f2d170535bdd0622f31bf1d23d5_poster.jpg&amp;size=320x210" class="wp-post-image" alt="Заволодіння квартирами людей похилого віку або недосконалість закону щодо протидії домашнього насилля">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news-press-center-vpyu-strazh-zakonu" class="post_term category investing">ВПЮ "Стражі закону"</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news-press-center-vpyu-strazh-zakonu/105054-zavolod-nnya-kvartirami-lyudey-pohilogo-v-ku-abo-nedoskonal-st-zakonu-schodo-protid-domashn-ogo-nasillya.html" title="Заволодіння квартирами людей похилого віку або недосконалість закону щодо протидії домашнього насилля">Заволодіння квартирами людей похилого віку або недосконалість закону щодо...</a>
                            <!--<a href="/video-news-press-center-vpyu-strazh-zakonu/105054-zavolod-nnya-kvartirami-lyudey-pohilogo-v-ku-abo-nedoskonal-st-zakonu-schodo-protid-domashn-ogo-nasillya.html" title="Заволодіння квартирами людей похилого віку або недосконалість закону щодо протидії домашнього насилля">Заволодіння квартирами людей похилого віку або недосконалість...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-news-press-center-vpyu-strazh-zakonu/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="/video-news-press-center-vpyu-strazh-zakonu/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="/video-news-press-center-vpyu-strazh-zakonu" class="post_term category investing">ВПЮ "Стражі закону"</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news-press-center-vpyu-strazh-zakonu/99208-vak-volodimir-vanovich-pozic-ya-po-sprav-dzhachvl-an-lash-valer-yanovicha-peredacha-yuridichna-aks-oma.html" title="Вак Володимир Іванович – позиція по справі Джачвліані Лаші Валер’яновича – передача «Юридичний Аспект»">Вак Володимир Іванович – позиція по справі Джачвліані Лаші Валер’яновича...</a>
                            <!--<a href="/video-news-press-center-vpyu-strazh-zakonu/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="/video-news-press-center-vpyu-strazh-zakonu/22047-vuboru-2019.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/streem/31.03.2019/f2e689d365502e8b143cb1dba5a5b2d6/f2e689d365502e8b143cb1dba5a5b2d6.mp4"
                               data-videoid="789"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/streem/31.03.2019/f2e689d365502e8b143cb1dba5a5b2d6/sprite_hls_manifest.m3u8"
                               data-link="/video-news-press-center-vpyu-strazh-zakonu/22047-vuboru-2019.html"
                               title="За чесні Вибори 2019!"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/streem/31.03.2019/f2e689d365502e8b143cb1dba5a5b2d6/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/streem/31.03.2019/f2e689d365502e8b143cb1dba5a5b2d6/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/streem/31.03.2019/f2e689d365502e8b143cb1dba5a5b2d6/d2fc0d58c85e6b71ee573641e00a5111_poster.jpg&amp;size=320x210" class="wp-post-image" alt="За чесні Вибори 2019!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news-press-center-vpyu-strazh-zakonu" class="post_term category investing">ВПЮ "Стражі закону"</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news-press-center-vpyu-strazh-zakonu/22047-vuboru-2019.html" title="За чесні Вибори 2019!">За чесні Вибори 2019!</a>
                            <!--<a href="/video-news-press-center-vpyu-strazh-zakonu/22047-vuboru-2019.html" title="За чесні Вибори 2019!">За чесні Вибори 2019!</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

</style>
<section class="widjet-component-inner widjetComponent--1701">
            <style>
        .widjetComponent--title--1701.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--1701 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="/news-derzhava-pravookhoronni-orhany/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="Спецпрокуратура: рік дисбату солдату-контрактнику за побиття співслужбовця">
                            <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--1702 .post-image img {
        width: 100%;
    }
    .widjetComponent--1702 .post-image a {
        display: block;
    }
    .widjetComponent--1702 .post-content .category a {
        color: transparent;
        font-size: 1px;
        font-weight: bold;;
    }
    .widjetComponent--1702 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1702 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1702 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1702 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1702 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1702 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1702 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1702 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1702 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1702 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1702">
            <style>
        .widjetComponent--title--1702.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--1702 widget-title-base">ВАЖЛИВО</h4>
        <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-afu/105674-priv-tannya-komanduvacha-ob-dnanih-sil-zbroynih-sil-ukra-ni.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.01.2022/b6a907974b94b98505172c854de34f0a.jpeg&amp;size=851x561" class="wp-post-image" alt="ПРИВІТАННЯ Командувача об'єднаних сил Збройних Сил України">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-afu" class="post_term category investing">Міністерство оборони України</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-afu/105674-priv-tannya-komanduvacha-ob-dnanih-sil-zbroynih-sil-ukra-ni.html" title="ПРИВІТАННЯ Командувача об'єднаних сил Збройних Сил України">ПРИВІТАННЯ Командувача об'єднаних сил Збройних Сил України</a>
                            <!--<a href="/news-derzhava-afu/105674-priv-tannya-komanduvacha-ob-dnanih-sil-zbroynih-sil-ukra-ni.html" title="ПРИВІТАННЯ Командувача об&#039;єднаних сил Збройних Сил України">ПРИВІТАННЯ Командувача об'єднаних сил Збройних Сил України</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1702').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-1702 .entry").remove();');
                                $('#streem_append_block-1702 .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-1702').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--1703 {
       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--1703">
    <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>
                            <source src="https://media.ukraine-inform.com/ef1/stream.m3u8" type="application/x-mpegurl">
                    </video>
    </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;
                    });*/
                    console.log('play init');
                    videojs('video-sterem-1', {
                        controls: true,
                        autoplay: false,
                        preload: 'auto'
                    });

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

            });
        });

   // }, 5000);
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-2-2 row-k-style" id="row-k-style-2-2">
            <div class="row-k-width-2-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1704 .post-image img {
        width: 100%;
    }
    .widjetComponent--1704 .post-image a {
        display: block;
    }
    .widjetComponent--1704 .post-content .category a {
        color: transparent;
        font-size: 1px;
        font-weight: bold;;
    }
    .widjetComponent--1704 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1704 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1704 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1704 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1704 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1704 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1704 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1704 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1704 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1704 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1704">
            <style>
        .widjetComponent--title--1704.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: bold;
            margin: 15px 0;
            background: #16169c;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/video" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1704 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-suspilstvo-events/105624-pres-konferenc-ya-novogo-prezidenta-ssha-dzho-baydena.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/20.01.2022/3cd5a26547c04ad0b06320ff0b71c0f4/d41fd9535fb521db76a4051eed0c1a86.qt"
                               data-videoid="3007"
                               data-videoHLS=""
                               data-link="/video-suspilstvo-events/105624-pres-konferenc-ya-novogo-prezidenta-ssha-dzho-baydena.html"
                               title="Прес-конференція нового президента США Джо Байдена"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/20.01.2022/3cd5a26547c04ad0b06320ff0b71c0f4/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/20.01.2022/3cd5a26547c04ad0b06320ff0b71c0f4/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/20.01.2022/3cd5a26547c04ad0b06320ff0b71c0f4/7c7de98b117855d29bf510eebb0a7cce_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Прес-конференція нового президента США Джо Байдена">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo-events/105624-pres-konferenc-ya-novogo-prezidenta-ssha-dzho-baydena.html" title="Прес-конференція нового президента США Джо Байдена">Прес-конференція нового президента США Джо Байдена</a>
                            <!--<a href="/video-suspilstvo-events/105624-pres-konferenc-ya-novogo-prezidenta-ssha-dzho-baydena.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-polityka-zovnishnya-polityka/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-polityka-zovnishnya-polityka/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-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-polityka-zovnishnya-polityka/105621-zaschitnoe-steklo-keramicheskoe.html" title="Защитное стекло : керамическое">Защитное стекло : керамическое</a>
                            <!--<a href="/video-polityka-zovnishnya-polityka/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-tekhnologiji-technical-innovations/105617-novovvedennya-u-zastosunku-d-ya.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/20.01.2022/976e31b5ccfcedcab62023304f43bbb5/886cf814af8e86d43827788e9e1b4b1a.mp4"
                               data-videoid="3005"
                               data-videoHLS=""
                               data-link="/video-tekhnologiji-technical-innovations/105617-novovvedennya-u-zastosunku-d-ya.html"
                               title="Нововведення у застосунку "Дія""
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/20.01.2022/976e31b5ccfcedcab62023304f43bbb5/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/20.01.2022/976e31b5ccfcedcab62023304f43bbb5/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/20.01.2022/976e31b5ccfcedcab62023304f43bbb5/1f7da83ea7eaee359816ba43d1056998_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Нововведення у застосунку "Дія"">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-tekhnologiji-technical-innovations" class="post_term category investing">Технічні новинки</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-tekhnologiji-technical-innovations/105617-novovvedennya-u-zastosunku-d-ya.html" title="Нововведення у застосунку "Дія"">Нововведення у застосунку "Дія"</a>
                            <!--<a href="/video-tekhnologiji-technical-innovations/105617-novovvedennya-u-zastosunku-d-ya.html" title="Нововведення у застосунку &quot;Дія&quot;">Нововведення у застосунку "Дія"</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-sport-sport-news/105555-ih-vseukra-ns-kiy-turn-r-z-v-l-no-borot-bi-krok-do-ol-mpu-na-prizi-valer-ya-andr-yceva.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/18.01.2022/e442faf4ec4faeebf2dabca9a4f29d39/4e247cbf461c449a4800977f5a8e30e8.mp4"
                               data-videoid="3003"
                               data-videoHLS=""
                               data-link="/video-sport-sport-news/105555-ih-vseukra-ns-kiy-turn-r-z-v-l-no-borot-bi-krok-do-ol-mpu-na-prizi-valer-ya-andr-yceva.html"
                               title="IХ Всеукраїнський турнір з вільної боротьби «Крок до Олімпу» на призи Валерія Андрійцева"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/18.01.2022/e442faf4ec4faeebf2dabca9a4f29d39/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/18.01.2022/e442faf4ec4faeebf2dabca9a4f29d39/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/18.01.2022/e442faf4ec4faeebf2dabca9a4f29d39/acf5a9330e11dff5feb26f671914ffee_poster.jpg&amp;size=205x135" class="wp-post-image" alt="IХ Всеукраїнський турнір з вільної боротьби «Крок до Олімпу» на призи Валерія Андрійцева">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-sport-sport-news/105555-ih-vseukra-ns-kiy-turn-r-z-v-l-no-borot-bi-krok-do-ol-mpu-na-prizi-valer-ya-andr-yceva.html" title="IХ Всеукраїнський турнір з вільної боротьби «Крок до Олімпу» на призи Валерія Андрійцева">IХ Всеукраїнський турнір з вільної боротьби «Крок до Олімпу» на призи Валерія...</a>
                            <!--<a href="/video-sport-sport-news/105555-ih-vseukra-ns-kiy-turn-r-z-v-l-no-borot-bi-krok-do-ol-mpu-na-prizi-valer-ya-andr-yceva.html" title="IХ Всеукраїнський турнір з вільної боротьби «Крок до Олімпу» на призи Валерія Андрійцева">IХ Всеукраїнський турнір з вільної боротьби «Крок до Олімпу»...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-polityka-zovnishnya-polityka/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-polityka-zovnishnya-polityka/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-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-polityka-zovnishnya-polityka/105568-zaschitnoe-steklo-chto-takoe-2d-3d-4d-i-tak-dalee.html" title="Защитное стекло : что такое 2D 3D 4D и так далее">Защитное стекло : что такое 2D 3D 4D и так далее</a>
                            <!--<a href="/video-polityka-zovnishnya-polityka/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-polityka-zovnishnya-polityka/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-polityka-zovnishnya-polityka/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-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-polityka-zovnishnya-polityka/105512-zaschitnoe-steklo-top-po-versii-amazon.html" title="Защитное стекло : топ по версии amazon">Защитное стекло : топ по версии amazon</a>
                            <!--<a href="/video-polityka-zovnishnya-polityka/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-suspilstvo-events/105473-kancelyars-ke-svav-llya-v-apelyac-ynomu-sud-ki-va.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/14.01.2022/80a277bd6cc373cfbf144cebacdeebca/188aeca7d91072e443104b78c63c60cc.mp4"
                               data-videoid="3001"
                               data-videoHLS=""
                               data-link="/video-suspilstvo-events/105473-kancelyars-ke-svav-llya-v-apelyac-ynomu-sud-ki-va.html"
                               title="Канцелярське свавілля в апеляційному суді Києва"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/14.01.2022/80a277bd6cc373cfbf144cebacdeebca/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/14.01.2022/80a277bd6cc373cfbf144cebacdeebca/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/14.01.2022/80a277bd6cc373cfbf144cebacdeebca/2eff2f009e70484804e010434b51365a_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Канцелярське свавілля в апеляційному суді Києва">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo-events/105473-kancelyars-ke-svav-llya-v-apelyac-ynomu-sud-ki-va.html" title="Канцелярське свавілля в апеляційному суді Києва">Канцелярське свавілля в апеляційному суді Києва</a>
                            <!--<a href="/video-suspilstvo-events/105473-kancelyars-ke-svav-llya-v-apelyac-ynomu-sud-ki-va.html" title="Канцелярське свавілля в апеляційному суді Києва">Канцелярське свавілля в апеляційному суді Києва</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-polityka-zovnishnya-polityka/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-polityka-zovnishnya-polityka/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-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-polityka-zovnishnya-polityka/105443-zaschitnoe-steklo-kakie-vidy-est-seychas.html" title="Защитное стекло : какие виды есть сейчас">Защитное стекло : какие виды есть сейчас</a>
                            <!--<a href="/video-polityka-zovnishnya-polityka/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-sport-sport-news/105408-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-ol-mp-ys-kiy-urok-u-zosh-21.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/12.01.2022/e34899b8269b463ac001fda3ba6d9dc4/60fc6ac21b37cb953304c3c6e43a06dd.mp4"
                               data-videoid="2998"
                               data-videoHLS=""
                               data-link="/video-sport-sport-news/105408-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-ol-mp-ys-kiy-urok-u-zosh-21.html"
                               title="Національний олімпійський комітет України : Олімпійський урок у ЗОШ №21"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/12.01.2022/e34899b8269b463ac001fda3ba6d9dc4/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/12.01.2022/e34899b8269b463ac001fda3ba6d9dc4/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/12.01.2022/e34899b8269b463ac001fda3ba6d9dc4/4cf4097adf433b3d40bca908aaadf6a0_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Національний олімпійський комітет України : Олімпійський урок у ЗОШ №21">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-sport-sport-news/105408-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-ol-mp-ys-kiy-urok-u-zosh-21.html" title="Національний олімпійський комітет України : Олімпійський урок у ЗОШ №21">Національний олімпійський комітет України : Олімпійський урок у ЗОШ №21</a>
                            <!--<a href="/video-sport-sport-news/105408-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-ol-mp-ys-kiy-urok-u-zosh-21.html" title="Національний олімпійський комітет України : Олімпійський урок у ЗОШ №21">Національний олімпійський комітет України : Олімпійський...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div 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-sport-sport-news/105407-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-fleshmob-do-dnya-f-zichno-kul-turi-ta-sportu-hkt.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/12.01.2022/8d20c62d0d13571de7d6d89ebf102030/34085004f3f505e878ff5aff11987410.mp4"
                               data-videoid="2997"
                               data-videoHLS=""
                               data-link="/video-sport-sport-news/105407-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-fleshmob-do-dnya-f-zichno-kul-turi-ta-sportu-hkt.html"
                               title="Національний олімпійський комітет України : Флешмоб до Дня фізичної культури та спорту ХКТІ"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/12.01.2022/8d20c62d0d13571de7d6d89ebf102030/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/12.01.2022/8d20c62d0d13571de7d6d89ebf102030/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/12.01.2022/8d20c62d0d13571de7d6d89ebf102030/f3e53f61c09c4d4c1808836e35df5aa4_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Національний олімпійський комітет України : Флешмоб до Дня фізичної культури та спорту ХКТІ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-sport-sport-news/105407-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-fleshmob-do-dnya-f-zichno-kul-turi-ta-sportu-hkt.html" title="Національний олімпійський комітет України : Флешмоб до Дня фізичної культури та спорту ХКТІ">Національний олімпійський комітет України : Флешмоб до Дня фізичної культури...</a>
                            <!--<a href="/video-sport-sport-news/105407-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-fleshmob-do-dnya-f-zichno-kul-turi-ta-sportu-hkt.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-sport-sport-news/105406-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-basketbol-ta-g-mnastika.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/12.01.2022/ea90eb04301bc2069e17fb843be6125f/bfe3f2f0964cf3fa612ac042be623b2f.mp4"
                               data-videoid="2996"
                               data-videoHLS=""
                               data-link="/video-sport-sport-news/105406-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-basketbol-ta-g-mnastika.html"
                               title="Національний олімпійський комітет України : Баскетбол та гімнастика"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/12.01.2022/ea90eb04301bc2069e17fb843be6125f/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/12.01.2022/ea90eb04301bc2069e17fb843be6125f/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/12.01.2022/ea90eb04301bc2069e17fb843be6125f/e83671a8c69663187cbbb9af07c9bc8b_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Національний олімпійський комітет України : Баскетбол та гімнастика">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-sport-sport-news/105406-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-basketbol-ta-g-mnastika.html" title="Національний олімпійський комітет України : Баскетбол та гімнастика">Національний олімпійський комітет України : Баскетбол та гімнастика</a>
                            <!--<a href="/video-sport-sport-news/105406-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-basketbol-ta-g-mnastika.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-sport-sport-news/105405-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-basketbol-niy-ruh.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/12.01.2022/6e1b98efa0aa29c023161e6c4a7e9800/98960195bf8dee6e7586eb34af9f414b.mp4"
                               data-videoid="2995"
                               data-videoHLS=""
                               data-link="/video-sport-sport-news/105405-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-basketbol-niy-ruh.html"
                               title="Національний олімпійський комітет України : Баскетбольний рух"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/12.01.2022/6e1b98efa0aa29c023161e6c4a7e9800/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/12.01.2022/6e1b98efa0aa29c023161e6c4a7e9800/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/12.01.2022/6e1b98efa0aa29c023161e6c4a7e9800/5b128a1917a914dafa04e98b4c94c2e1_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Національний олімпійський комітет України : Баскетбольний рух">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-sport-sport-news/105405-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-basketbol-niy-ruh.html" title="Національний олімпійський комітет України : Баскетбольний рух">Національний олімпійський комітет України : Баскетбольний рух</a>
                            <!--<a href="/video-sport-sport-news/105405-nac-onal-niy-ol-mp-ys-kiy-kom-tet-ukra-ni-basketbol-niy-ruh.html" title="Національний олімпійський комітет України : Баскетбольний рух">Національний олімпійський комітет України : Баскетбольний...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1704').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-1704 .entry").remove();');
                                $('#streem_append_block-1704 .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-1704').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-2-3 row-k-style" id="row-k-style-2-3">
            <div class="row-k-width-2-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1705 .post-image img {
        width: 100%;
    }
    .widjetComponent--1705 .post-image a {
        display: block;
    }
    .widjetComponent--1705 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1705 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1705 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1705 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1705 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1705 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1705 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1705 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1705 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1705 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1705 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1705">
            <style>
        .widjetComponent--title--1705.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-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1705 widget-title-base">ДЕРЖАВА</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-prezydent-ukrayiny/105679-prezident-u-zapor-zhzh.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.01.2022/458959fbb4a314f877bd4224c2107806.jpeg&amp;size=320x210" class="wp-post-image" alt="Президент у Запоріжжі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-prezydent-ukrayiny" class="post_term category investing">Президент України</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-prezydent-ukrayiny/105679-prezident-u-zapor-zhzh.html" title="Президент у Запоріжжі">Президент у Запоріжжі</a>
                            <!--<a href="/news-derzhava-prezydent-ukrayiny/105679-prezident-u-zapor-zhzh.html" title="Президент у Запоріжжі">Президент у Запоріжжі</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-afu/105674-priv-tannya-komanduvacha-ob-dnanih-sil-zbroynih-sil-ukra-ni.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.01.2022/b6a907974b94b98505172c854de34f0a.jpeg&amp;size=320x210" class="wp-post-image" alt="ПРИВІТАННЯ Командувача об'єднаних сил Збройних Сил України">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-afu" class="post_term category investing">Міністерство оборони України</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-afu/105674-priv-tannya-komanduvacha-ob-dnanih-sil-zbroynih-sil-ukra-ni.html" title="ПРИВІТАННЯ Командувача об'єднаних сил Збройних Сил України">ПРИВІТАННЯ Командувача об'єднаних сил Збройних Сил України</a>
                            <!--<a href="/news-derzhava-afu/105674-priv-tannya-komanduvacha-ob-dnanih-sil-zbroynih-sil-ukra-ni.html" title="ПРИВІТАННЯ Командувача об&#039;єднаних сил Збройних Сил України">ПРИВІТАННЯ Командувача об'єднаних сил Збройних Сил України</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-afu/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=320x210" class="wp-post-image" alt="З МЕТОЮ ПОДАЛЬШОЇ СПІВПРАЦІ ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-afu" class="post_term category investing">Міністерство оборони України</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-afu/105661-z-metoyu-podal-sho-sp-vprac.html" title="З МЕТОЮ ПОДАЛЬШОЇ СПІВПРАЦІ ">З МЕТОЮ ПОДАЛЬШОЇ СПІВПРАЦІ </a>
                            <!--<a href="/news-derzhava-afu/105661-z-metoyu-podal-sho-sp-vprac.html" title="З МЕТОЮ ПОДАЛЬШОЇ СПІВПРАЦІ ">З МЕТОЮ ПОДАЛЬШОЇ СПІВПРАЦІ </a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-pravookhoronni-orhany/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=320x210" class="wp-post-image" alt="Спецпрокуратура: рік дисбату солдату-контрактнику за побиття співслужбовця">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-pravookhoronni-orhany/105656-specprokuratura-r-k-disbatu-soldatu-kontraktniku-za-pobittya-sp-vsluzhbovcya.html" title="Спецпрокуратура: рік дисбату солдату-контрактнику за побиття співслужбовця">Спецпрокуратура: рік дисбату солдату-контрактнику за побиття співслужбовця</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/105656-specprokuratura-r-k-disbatu-soldatu-kontraktniku-za-pobittya-sp-vsluzhbovcya.html" title="Спецпрокуратура: рік дисбату солдату-контрактнику за побиття співслужбовця">Спецпрокуратура: рік дисбату солдату-контрактнику за побиття...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

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

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

            }

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

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

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

                                                                            <style>
    .widjetComponent--1707 .post-image img {
        width: 100%;
    }
    .widjetComponent--1707 .post-image a {
        display: block;
    }
    .widjetComponent--1707 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1707 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1707 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1707 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1707 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1707 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1707 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1707 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1707 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1707 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1707 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1707">
            <style>
        .widjetComponent--title--1707.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-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1707 widget-title-base">СУСПІЛЬСТВО</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/105665-inspiration-family-poboroti-rak-razom.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/f88e84d51807f0b956fa7ea838d378e8.jpeg&amp;size=320x210" class="wp-post-image" alt=""Inspiration Family" – побороти рак разом">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-events/105665-inspiration-family-poboroti-rak-razom.html" title=""Inspiration Family" – побороти рак разом">"Inspiration Family" – побороти рак разом</a>
                            <!--<a href="/news-suspilstvo-events/105665-inspiration-family-poboroti-rak-razom.html" title="&quot;Inspiration Family&quot; – побороти рак разом">"Inspiration Family" – побороти рак разом</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-education/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=320x210" class="wp-post-image" alt="Міністр освіти Сергій Шкарлет прибув із робочим візитом до Білої Церкви">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-education" class="post_term category investing">Освіта</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-education/105664-m-n-str-osv-ti-serg-y-shkarlet-pribuv-z-robochim-v-zitom-do-b-lo-cerkvi.html" title="Міністр освіти Сергій Шкарлет прибув із робочим візитом до Білої Церкви">Міністр освіти Сергій Шкарлет прибув із робочим візитом до Білої Церкви</a>
                            <!--<a href="/news-suspilstvo-education/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 class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/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=320x210" class="wp-post-image" alt="Палаючі будинки у передмісті Одеси">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-events/105659-palayuch-budinki-u-peredm-st-odesi.html" title="Палаючі будинки у передмісті Одеси">Палаючі будинки у передмісті Одеси</a>
                            <!--<a href="/news-suspilstvo-events/105659-palayuch-budinki-u-peredm-st-odesi.html" title="Палаючі будинки у передмісті Одеси">Палаючі будинки у передмісті Одеси</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/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=320x210" class="wp-post-image" alt="Землетрус на Дніпропетровщині">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-events/105652-zemletrus-na-dn-propetrovschin.html" title="Землетрус на Дніпропетровщині">Землетрус на Дніпропетровщині</a>
                            <!--<a href="/news-suspilstvo-events/105652-zemletrus-na-dn-propetrovschin.html" title="Землетрус на Дніпропетровщині">Землетрус на Дніпропетровщині</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

                                                                            <style>
    .widjetComponent--1708 .post-image img {
        width: 100%;
    }
    .widjetComponent--1708 .post-image a {
        display: block;
    }
    .widjetComponent--1708 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1708 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1708 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1708 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1708 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1708 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1708 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1708 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1708 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1708 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1708 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1708">
            <style>
        .widjetComponent--title--1708.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-ekonomika" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1708 widget-title-base">ЕКОНОМІКА</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika-industry/105672-pershe-v-stor-sudno-dlya-perevezennya-skraplenogo-vodnyu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.01.2022/a04974fd7ed193fea0da3fa2fd34c0a6.png&amp;size=320x210" class="wp-post-image" alt="Перше в історії судно для перевезення скрапленого водню">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-industry" class="post_term category investing">Промисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-industry/105672-pershe-v-stor-sudno-dlya-perevezennya-skraplenogo-vodnyu.html" title="Перше в історії судно для перевезення скрапленого водню">Перше в історії судно для перевезення скрапленого водню</a>
                            <!--<a href="/news-ekonomika-industry/105672-pershe-v-stor-sudno-dlya-perevezennya-skraplenogo-vodnyu.html" title="Перше в історії судно для перевезення скрапленого водню">Перше в історії судно для перевезення скрапленого водню</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika-industry/105461-yagotins-kiy-maslozavod-sprostuvav-novinu-pro-zakrittya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.01.2022/e7eee4a2e45d53559ed2723a7c31fcdf.png&amp;size=320x210" class="wp-post-image" alt="Яготинський маслозавод спростував новину про закриття">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-industry" class="post_term category investing">Промисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-industry/105461-yagotins-kiy-maslozavod-sprostuvav-novinu-pro-zakrittya.html" title="Яготинський маслозавод спростував новину про закриття">Яготинський маслозавод спростував новину про закриття</a>
                            <!--<a href="/news-ekonomika-industry/105461-yagotins-kiy-maslozavod-sprostuvav-novinu-pro-zakrittya.html" title="Яготинський маслозавод спростував новину про закриття">Яготинський маслозавод спростував новину про закриття</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika-industry/105290-nayb-l-shiy-v-ukra-n-yagotins-kiy-molokozavod-pripinya-svoyu-robotu-cherez-p-dvischennya-c-ni-na-gaz-u-10-raz-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/05.01.2022/266b061ef1a2157732e1a6f12a8efb1f.jpeg&amp;size=320x210" class="wp-post-image" alt="Найбільший в Україні Яготинський молокозавод припиняє свою роботу через підвищення ціни на газ у 10 разів">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-industry" class="post_term category investing">Промисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-industry/105290-nayb-l-shiy-v-ukra-n-yagotins-kiy-molokozavod-pripinya-svoyu-robotu-cherez-p-dvischennya-c-ni-na-gaz-u-10-raz-v.html" title="Найбільший в Україні Яготинський молокозавод припиняє свою роботу через підвищення ціни на газ у 10 разів">Найбільший в Україні Яготинський молокозавод припиняє свою роботу через...</a>
                            <!--<a href="/news-ekonomika-industry/105290-nayb-l-shiy-v-ukra-n-yagotins-kiy-molokozavod-pripinya-svoyu-robotu-cherez-p-dvischennya-c-ni-na-gaz-u-10-raz-v.html" title="Найбільший в Україні Яготинський молокозавод припиняє свою роботу через підвищення ціни на газ у 10 разів">Найбільший в Україні Яготинський молокозавод припиняє свою...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika-finances/105139-v-dbulasya-ceremon-ya-specpogashennya-poshtovo-marki-do-100-r-chchya-podatkovogo-un-versitetu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/28.12.2021/74e62b6f60987b0f0812992e4c8cd157.jpeg&amp;size=320x210" class="wp-post-image" alt="Відбулася церемонія спецпогашення поштової марки до 100-річчя Податкового університету">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-finances" class="post_term category investing">Фінанси</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-finances/105139-v-dbulasya-ceremon-ya-specpogashennya-poshtovo-marki-do-100-r-chchya-podatkovogo-un-versitetu.html" title="Відбулася церемонія спецпогашення поштової марки до 100-річчя Податкового університету">Відбулася церемонія спецпогашення поштової марки до 100-річчя Податкового...</a>
                            <!--<a href="/news-ekonomika-finances/105139-v-dbulasya-ceremon-ya-specpogashennya-poshtovo-marki-do-100-r-chchya-podatkovogo-un-versitetu.html" title="Відбулася церемонія спецпогашення поштової марки до 100-річчя Податкового університету">Відбулася церемонія спецпогашення поштової марки до 100-річчя...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

                                                                            <style>
    .widjetComponent--1709 .post-image img {
        width: 100%;
    }
    .widjetComponent--1709 .post-image a {
        display: block;
    }
    .widjetComponent--1709 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1709 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1709 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1709 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1709 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1709 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1709 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1709 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1709 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1709 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1709 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1709">
            <style>
        .widjetComponent--title--1709.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-tekhnologiji" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1709 widget-title-base">ТЕХНОЛОГІЇ</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-tekhnologiji/104625-14-5-m-l-yona-na-rozvitok-aeroportu-v-mikola-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/14.12.2021/4de4183270ca1bfe68479bd670d45201.png&amp;size=320x210" class="wp-post-image" alt="14,5 мільйона на розвиток аеропорту в Миколаєві ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-tekhnologiji" class="post_term category investing">Технології</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-tekhnologiji/104625-14-5-m-l-yona-na-rozvitok-aeroportu-v-mikola-v.html" title="14,5 мільйона на розвиток аеропорту в Миколаєві ">14,5 мільйона на розвиток аеропорту в Миколаєві </a>
                            <!--<a href="/news-tekhnologiji/104625-14-5-m-l-yona-na-rozvitok-aeroportu-v-mikola-v.html" title="14,5 мільйона на розвиток аеропорту в Миколаєві ">14,5 мільйона на розвиток аеропорту в Миколаєві </a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-tekhnologiji-technical-innovations/103926-yak-shtuchniy-ntelekt-vikoristovu-t-sya-u-povsyakdennih-tehnolog-yah.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.12.2021/6d12489f68158d99d0276f96a5f64e96.png&amp;size=320x210" class="wp-post-image" alt="Як штучний інтелект використовується у повсякденних технологіях">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-tekhnologiji-technical-innovations" class="post_term category investing">Технічні новинки</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-tekhnologiji-technical-innovations/103926-yak-shtuchniy-ntelekt-vikoristovu-t-sya-u-povsyakdennih-tehnolog-yah.html" title="Як штучний інтелект використовується у повсякденних технологіях">Як штучний інтелект використовується у повсякденних технологіях</a>
                            <!--<a href="/news-tekhnologiji-technical-innovations/103926-yak-shtuchniy-ntelekt-vikoristovu-t-sya-u-povsyakdennih-tehnolog-yah.html" title="Як штучний інтелект використовується у повсякденних технологіях">Як штучний інтелект використовується у повсякденних технологіях</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-tekhnologiji/103458-sonce-v-kishen.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/24.11.2021/9841229ad96a41fb8d866ad7d83e8ad4.png&amp;size=320x210" class="wp-post-image" alt="Сонце в кишені">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-tekhnologiji" class="post_term category investing">Технології</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-tekhnologiji/103458-sonce-v-kishen.html" title="Сонце в кишені">Сонце в кишені</a>
                            <!--<a href="/news-tekhnologiji/103458-sonce-v-kishen.html" title="Сонце в кишені">Сонце в кишені</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-tekhnologiji/103451-cherez-terni-do-z-rok.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/24.11.2021/f81c6689409d3bbb4b338a217e0deff9.png&amp;size=320x210" class="wp-post-image" alt="Через терни до зірок">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-tekhnologiji" class="post_term category investing">Технології</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-tekhnologiji/103451-cherez-terni-do-z-rok.html" title="Через терни до зірок">Через терни до зірок</a>
                            <!--<a href="/news-tekhnologiji/103451-cherez-terni-do-z-rok.html" title="Через терни до зірок">Через терни до зірок</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

                                                                            <style>
    .widjetComponent--1710 .post-image img {
        width: 100%;
    }
    .widjetComponent--1710 .post-image a {
        display: block;
    }
    .widjetComponent--1710 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1710 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1710 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1710 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1710 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1710 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1710 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1710 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1710 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1710 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1710 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1710">
            <style>
        .widjetComponent--title--1710.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-sport" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1710 widget-title-base">СПОРТ</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-boxing/105669-zapor-z-k-bokseri-rozpochali-zmagal-niy-r-k.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/5b4a0dca858d781f3d167009506872be.jpeg&amp;size=320x210" class="wp-post-image" alt="ЗАПОРІЗЬКІ БОКСЕРИ РОЗПОЧАЛИ ЗМАГАЛЬНИЙ РІК">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/105669-zapor-z-k-bokseri-rozpochali-zmagal-niy-r-k.html" title="ЗАПОРІЗЬКІ БОКСЕРИ РОЗПОЧАЛИ ЗМАГАЛЬНИЙ РІК">ЗАПОРІЗЬКІ БОКСЕРИ РОЗПОЧАЛИ ЗМАГАЛЬНИЙ РІК</a>
                            <!--<a href="/news-sport-boxing/105669-zapor-z-k-bokseri-rozpochali-zmagal-niy-r-k.html" title="ЗАПОРІЗЬКІ БОКСЕРИ РОЗПОЧАЛИ ЗМАГАЛЬНИЙ РІК">ЗАПОРІЗЬКІ БОКСЕРИ РОЗПОЧАЛИ ЗМАГАЛЬНИЙ РІК</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-boxing/105668-pochali-r-k-z-peremogi-dinamo-vpevneno-peremoglo-atlet-ko-v-deo-matchu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/c6369879252b8bbbe380ae42c1182d63.jpeg&amp;size=320x210" class="wp-post-image" alt="Почали рік з перемоги: Динамо впевнено перемогло Атлетіко – відео матчу">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/105668-pochali-r-k-z-peremogi-dinamo-vpevneno-peremoglo-atlet-ko-v-deo-matchu.html" title="Почали рік з перемоги: Динамо впевнено перемогло Атлетіко – відео матчу">Почали рік з перемоги: Динамо впевнено перемогло Атлетіко – відео матчу</a>
                            <!--<a href="/news-sport-boxing/105668-pochali-r-k-z-peremogi-dinamo-vpevneno-peremoglo-atlet-ko-v-deo-matchu.html" title="Почали рік з перемоги: Динамо впевнено перемогло Атлетіко – відео матчу">Почали рік з перемоги: Динамо впевнено перемогло Атлетіко...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-boxing/105628-bozhev-l-na-peremoga-vershkovih-kubok-korolya-el-che-real-1-2.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/20.01.2022/d7f46685e55ac5c83d777827a4aa1198.jpeg&amp;size=320x210" class="wp-post-image" alt="Божевільна перемога "Вершкових". Кубок короля. Ельче – Реал 1:2.">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/105628-bozhev-l-na-peremoga-vershkovih-kubok-korolya-el-che-real-1-2.html" title="Божевільна перемога "Вершкових". Кубок короля. Ельче – Реал 1:2.">Божевільна перемога "Вершкових". Кубок короля. Ельче – Реал 1:2.</a>
                            <!--<a href="/news-sport-boxing/105628-bozhev-l-na-peremoga-vershkovih-kubok-korolya-el-che-real-1-2.html" title="Божевільна перемога &quot;Вершкових&quot;. Кубок короля. Ельче – Реал 1:2.">Божевільна перемога "Вершкових". Кубок короля. Ельче – Реал...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-boxing/105626-u-ternopol-v-dbudet-sya-chemp-onat-ukra-ni-sered-sportsmen-v-do-22-rok-v-anons.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/20.01.2022/e036d85cb70004a601e4d1e97536485a.png&amp;size=320x210" class="wp-post-image" alt="У ТЕРНОПОЛІ ВІДБУДЕТЬСЯ ЧЕМПІОНАТ УКРАЇНИ СЕРЕД СПОРТСМЕНІВ ДО 22 РОКІВ: АНОНС">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/105626-u-ternopol-v-dbudet-sya-chemp-onat-ukra-ni-sered-sportsmen-v-do-22-rok-v-anons.html" title="У ТЕРНОПОЛІ ВІДБУДЕТЬСЯ ЧЕМПІОНАТ УКРАЇНИ СЕРЕД СПОРТСМЕНІВ ДО 22 РОКІВ: АНОНС">У ТЕРНОПОЛІ ВІДБУДЕТЬСЯ ЧЕМПІОНАТ УКРАЇНИ СЕРЕД СПОРТСМЕНІВ ДО 22 РОКІВ:...</a>
                            <!--<a href="/news-sport-boxing/105626-u-ternopol-v-dbudet-sya-chemp-onat-ukra-ni-sered-sportsmen-v-do-22-rok-v-anons.html" title="У ТЕРНОПОЛІ ВІДБУДЕТЬСЯ ЧЕМПІОНАТ УКРАЇНИ СЕРЕД СПОРТСМЕНІВ ДО 22 РОКІВ: АНОНС">У ТЕРНОПОЛІ ВІДБУДЕТЬСЯ ЧЕМПІОНАТ УКРАЇНИ СЕРЕД СПОРТСМЕНІВ...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

                                                                            <style>
    .widjetComponent--1711 .post-image img {
        width: 100%;
    }
    .widjetComponent--1711 .post-image a {
        display: block;
    }
    .widjetComponent--1711 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1711 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1711 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1711 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1711 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1711 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1711 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1711 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1711 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1711 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1711 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1711">
            <style>
        .widjetComponent--title--1711.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-shou-biznes" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1711 widget-title-base">ШОУ БІЗНЕС</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-shou-biznes-secular-news/104854-guchniy-skandal-v-domogo-aktora-kr-sa-nota-zvinuvachuyut-u-seksual-nomu-nasil-stv.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.12.2021/379f40103bc2508b0c7ce027bda8910d.jpeg&amp;size=320x210" class="wp-post-image" alt="Гучний скандал: відомого актора Кріса Нота звинувачують у сексуальному насильстві">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-shou-biznes-secular-news" class="post_term category investing">Світські новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-shou-biznes-secular-news/104854-guchniy-skandal-v-domogo-aktora-kr-sa-nota-zvinuvachuyut-u-seksual-nomu-nasil-stv.html" title="Гучний скандал: відомого актора Кріса Нота звинувачують у сексуальному насильстві">Гучний скандал: відомого актора Кріса Нота звинувачують у сексуальному...</a>
                            <!--<a href="/news-shou-biznes-secular-news/104854-guchniy-skandal-v-domogo-aktora-kr-sa-nota-zvinuvachuyut-u-seksual-nomu-nasil-stv.html" title="Гучний скандал: відомого актора Кріса Нота звинувачують у сексуальному насильстві">Гучний скандал: відомого актора Кріса Нота звинувачують...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-shou-biznes-secular-news/104826-u-gurtu-kazka-viyshov-dramatichniy-kl-p.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.12.2021/8f0c0de77bb18f3917887255f8401359.jpeg&amp;size=320x210" class="wp-post-image" alt="У гурту KAZKA вийшов драматичний кліп">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-shou-biznes-secular-news" class="post_term category investing">Світські новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-shou-biznes-secular-news/104826-u-gurtu-kazka-viyshov-dramatichniy-kl-p.html" title="У гурту KAZKA вийшов драматичний кліп">У гурту KAZKA вийшов драматичний кліп</a>
                            <!--<a href="/news-shou-biznes-secular-news/104826-u-gurtu-kazka-viyshov-dramatichniy-kl-p.html" title="У гурту KAZKA вийшов драматичний кліп">У гурту KAZKA вийшов драматичний кліп</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-shou-biznes-secular-news/104780-monatik-vipustiv-pereosmislenu-vers-yu-p-sn-skryab-na.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.12.2021/48adb51f42b5bd716dbcb09d6b315a9d.jpeg&amp;size=320x210" class="wp-post-image" alt="MONATIK випустив переосмислену версію пісні Скрябіна">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-shou-biznes-secular-news" class="post_term category investing">Світські новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-shou-biznes-secular-news/104780-monatik-vipustiv-pereosmislenu-vers-yu-p-sn-skryab-na.html" title="MONATIK випустив переосмислену версію пісні Скрябіна">MONATIK випустив переосмислену версію пісні Скрябіна</a>
                            <!--<a href="/news-shou-biznes-secular-news/104780-monatik-vipustiv-pereosmislenu-vers-yu-p-sn-skryab-na.html" title="MONATIK випустив переосмислену версію пісні Скрябіна">MONATIK випустив переосмислену версію пісні Скрябіна</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-shou-biznes-secular-news/104751-b-ll-ayl-sh-vipustila-v-deorobotu-de-sama-zh-stala-rezhiserkoyu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.12.2021/ef2c1358d208af28ba20f254478141b3.jpeg&amp;size=320x210" class="wp-post-image" alt="Біллі Айліш випустила відеороботу, де сама ж стала режисеркою">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-shou-biznes-secular-news" class="post_term category investing">Світські новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-shou-biznes-secular-news/104751-b-ll-ayl-sh-vipustila-v-deorobotu-de-sama-zh-stala-rezhiserkoyu.html" title="Біллі Айліш випустила відеороботу, де сама ж стала режисеркою">Біллі Айліш випустила відеороботу, де сама ж стала режисеркою</a>
                            <!--<a href="/news-shou-biznes-secular-news/104751-b-ll-ayl-sh-vipustila-v-deorobotu-de-sama-zh-stala-rezhiserkoyu.html" title="Біллі Айліш випустила відеороботу, де сама ж стала режисеркою">Біллі Айліш випустила відеороботу, де сама ж стала режисеркою</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1711').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-1711 .entry").remove();');
                                $('#streem_append_block-1711 .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-1711').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--1712 .post-image img {
        width: 100%;
    }
    .widjetComponent--1712 .post-image a {
        display: block;
    }
    .widjetComponent--1712 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1712 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--1712 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1712 .widget-title a:hover {
        color: #1d5173;
    }
    .widjetComponent--1712 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1712 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1712 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1712 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1712 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1712 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1712 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1712">
            <style>
        .widjetComponent--title--1712.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--1712 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="/video-news-press-center-vpyu-strazh-zakonu/21102-vikonannya-r-shen-vropeys-kogo-sudu-z-prav-lyudini.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/14.01.2019/4f93a5b0de88ff4a2057ef68f3efc285/46d06cddd242d9def62f4c585c01b417.mp4"
                               data-videoid="596"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/14.01.2019/4f93a5b0de88ff4a2057ef68f3efc285/sprite_hls_manifest.m3u8"
                               data-link="/video-news-press-center-vpyu-strazh-zakonu/21102-vikonannya-r-shen-vropeys-kogo-sudu-z-prav-lyudini.html"
                               title="ВИКОНАННЯ РІШЕНЬ ЄВРОПЕЙСЬКОГО СУДУ З ПРАВ ЛЮДИНИ"
                               data-videothumbnails="https://unt.ua/upload/video/14.01.2019/4f93a5b0de88ff4a2057ef68f3efc285/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/14.01.2019/4f93a5b0de88ff4a2057ef68f3efc285/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/14.01.2019/4f93a5b0de88ff4a2057ef68f3efc285/fecda608e14627be354d6e06309ef423_poster.jpg&amp;size=850x560" class="wp-post-image" alt="ВИКОНАННЯ РІШЕНЬ ЄВРОПЕЙСЬКОГО СУДУ З ПРАВ ЛЮДИНИ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news-press-center-vpyu-strazh-zakonu" class="post_term category investing">ВПЮ "Стражі закону"</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news-press-center-vpyu-strazh-zakonu/21102-vikonannya-r-shen-vropeys-kogo-sudu-z-prav-lyudini.html" title="ВИКОНАННЯ РІШЕНЬ ЄВРОПЕЙСЬКОГО СУДУ З ПРАВ ЛЮДИНИ">ВИКОНАННЯ РІШЕНЬ ЄВРОПЕЙСЬКОГО СУДУ З ПРАВ ЛЮДИНИ</a>
                            <!--<a href="/video-news-press-center-vpyu-strazh-zakonu/21102-vikonannya-r-shen-vropeys-kogo-sudu-z-prav-lyudini.html" title="ВИКОНАННЯ РІШЕНЬ ЄВРОПЕЙСЬКОГО СУДУ З ПРАВ ЛЮДИНИ">ВИКОНАННЯ РІШЕНЬ ЄВРОПЕЙСЬКОГО СУДУ З ПРАВ ЛЮДИНИ</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo-education/21022-priv-tannya-kolektivu-nac-onal-no-akadem-vnutr-shn-h-sprav-z-novor-chnimi-svyatami.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/11.01.2019/cb486632f40bb6ffd13245c8920cb68c/c8b24906060dacf54850e2710f933eb5.mp4"
                               data-videoid="578"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/11.01.2019/cb486632f40bb6ffd13245c8920cb68c/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo-education/21022-priv-tannya-kolektivu-nac-onal-no-akadem-vnutr-shn-h-sprav-z-novor-chnimi-svyatami.html"
                               title="Привітання колективу Національної академії внутрішніх справ із новорічними святами!"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/11.01.2019/cb486632f40bb6ffd13245c8920cb68c/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/11.01.2019/cb486632f40bb6ffd13245c8920cb68c/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/11.01.2019/cb486632f40bb6ffd13245c8920cb68c/9e3bde2579b6e8122fca3146de082f06_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Привітання колективу Національної академії внутрішніх справ із новорічними святами!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo-education" class="post_term category investing">Освіта</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo-education/21022-priv-tannya-kolektivu-nac-onal-no-akadem-vnutr-shn-h-sprav-z-novor-chnimi-svyatami.html" title="Привітання колективу Національної академії внутрішніх справ із новорічними святами!">Привітання колективу Національної академії внутрішніх справ із новорічними...</a>
                            <!--<a href="/video-suspilstvo-education/21022-priv-tannya-kolektivu-nac-onal-no-akadem-vnutr-shn-h-sprav-z-novor-chnimi-svyatami.html" title="Привітання колективу Національної академії внутрішніх справ із новорічними святами!">Привітання колективу Національної академії внутрішніх справ...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-news-press-center-vpyu-strazh-zakonu/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="/video-news-press-center-vpyu-strazh-zakonu/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=850x560" class="wp-post-image" alt="АДВОКАТ У ЄВРОПЕЙСЬКОМУ СУДІ З ПРАВ ЛЮДИНИ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news-press-center-vpyu-strazh-zakonu" class="post_term category investing">ВПЮ "Стражі закону"</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news-press-center-vpyu-strazh-zakonu/21101-advokat-u-vropeys-komu-sud-z-prav-lyudini.html" title="АДВОКАТ У ЄВРОПЕЙСЬКОМУ СУДІ З ПРАВ ЛЮДИНИ">АДВОКАТ У ЄВРОПЕЙСЬКОМУ СУДІ З ПРАВ ЛЮДИНИ</a>
                            <!--<a href="/video-news-press-center-vpyu-strazh-zakonu/21101-advokat-u-vropeys-komu-sud-z-prav-lyudini.html" title="АДВОКАТ У ЄВРОПЕЙСЬКОМУ СУДІ З ПРАВ ЛЮДИНИ">АДВОКАТ У ЄВРОПЕЙСЬКОМУ СУДІ З ПРАВ ЛЮДИНИ</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-news-press-center-investytsii-v-ukrainu/458-trylyon-dolarv-nvestytsy-v-ukranu-do-2025-roku.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/storage/20/dd/20ddf739a7f321c234cf7c95920446ca.mp4"
                               data-videoid="112"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/storage/20/dd/sprite_hls_manifest.m3u8"
                               data-link="/video-news-press-center-investytsii-v-ukrainu/458-trylyon-dolarv-nvestytsy-v-ukranu-do-2025-roku.html"
                               title="Трильйон доларів інвестицій в Україну до 2025 року"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/storage/20/dd/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/storage/20/dd/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/storage/20/dd/c6993266a4b31a67f61f6fc786613d15_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Трильйон доларів інвестицій в Україну до 2025 року">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-news-press-center-investytsii-v-ukrainu" class="post_term category investing">Інвестиції в Україну</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-news-press-center-investytsii-v-ukrainu/458-trylyon-dolarv-nvestytsy-v-ukranu-do-2025-roku.html" title="Трильйон доларів інвестицій в Україну до 2025 року">Трильйон доларів інвестицій в Україну до 2025 року</a>
                            <!--<a href="/video-news-press-center-investytsii-v-ukrainu/458-trylyon-dolarv-nvestytsy-v-ukranu-do-2025-roku.html" title="Трильйон доларів інвестицій в Україну до 2025 року">Трильйон доларів інвестицій в Україну до 2025 року</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="/news-suspilstvo-religion/20778-sv-y-pershiy-v-zit-noviy-predstoyatel-pravoslavno-ukra-ns-ko-cerkvi-razom-z-prezidentom-ukra-ni-zd-ysnili-do-dn-provs-ko-parh.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.12.2018/7e6d3cdd203ca82209a3d0f4fb27c854.jpeg&amp;size=850x560" class="wp-post-image" alt="СВІЙ ПЕРШИЙ ВІЗИТ НОВИЙ ПРЕДСТОЯТЕЛЬ ПРАВОСЛАВНОЇ УКРАЇНСЬКОЇ ЦЕРКВИ РАЗОМ ІЗ ПРЕЗИДЕНТОМ УКРАЇНИ ЗДІЙСНИЛИ ДО ДНІПРОВСЬКОЇ ЄПАРХІЇ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-religion" class="post_term category investing">Релігія</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-religion/20778-sv-y-pershiy-v-zit-noviy-predstoyatel-pravoslavno-ukra-ns-ko-cerkvi-razom-z-prezidentom-ukra-ni-zd-ysnili-do-dn-provs-ko-parh.html" title="СВІЙ ПЕРШИЙ ВІЗИТ НОВИЙ ПРЕДСТОЯТЕЛЬ ПРАВОСЛАВНОЇ УКРАЇНСЬКОЇ ЦЕРКВИ РАЗОМ ІЗ ПРЕЗИДЕНТОМ УКРАЇНИ ЗДІЙСНИЛИ ДО ДНІПРОВСЬКОЇ ЄПАРХІЇ">СВІЙ ПЕРШИЙ ВІЗИТ НОВИЙ ПРЕДСТОЯТЕЛЬ ПРАВОСЛАВНОЇ УКРАЇНСЬКОЇ ЦЕРКВИ РАЗОМ...</a>
                            <!--<a href="/news-suspilstvo-religion/20778-sv-y-pershiy-v-zit-noviy-predstoyatel-pravoslavno-ukra-ns-ko-cerkvi-razom-z-prezidentom-ukra-ni-zd-ysnili-do-dn-provs-ko-parh.html" title="СВІЙ ПЕРШИЙ ВІЗИТ НОВИЙ ПРЕДСТОЯТЕЛЬ ПРАВОСЛАВНОЇ УКРАЇНСЬКОЇ ЦЕРКВИ РАЗОМ ІЗ ПРЕЗИДЕНТОМ УКРАЇНИ ЗДІЙСНИЛИ ДО ДНІПРОВСЬКОЇ ЄПАРХІЇ">СВІЙ ПЕРШИЙ ВІЗИТ НОВИЙ ПРЕДСТОЯТЕЛЬ ПРАВОСЛАВНОЇ УКРАЇНСЬКОЇ...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-import/20786-sv-y-pershiy-v-zit-noviy-predstoyatel-pravoslavno-ukra-ns-ko-cerkvi-razom-z-prezidentom-ukra-ni-zd-ysnili-do-dn-provs-ko-parh.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.12.2018/8ffa73eb489d5cc2205e9f13e24dbb56.jpeg&amp;size=850x560" class="wp-post-image" alt="СВІЙ ПЕРШИЙ ВІЗИТ НОВИЙ ПРЕДСТОЯТЕЛЬ ПРАВОСЛАВНОЇ УКРАЇНСЬКОЇ ЦЕРКВИ РАЗОМ ІЗ ПРЕЗИДЕНТОМ УКРАЇНИ ЗДІЙСНИЛИ ДО ДНІПРОВСЬКОЇ ЄПАРХІЇ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-import" class="post_term category investing">Импорт</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-import/20786-sv-y-pershiy-v-zit-noviy-predstoyatel-pravoslavno-ukra-ns-ko-cerkvi-razom-z-prezidentom-ukra-ni-zd-ysnili-do-dn-provs-ko-parh.html" title="СВІЙ ПЕРШИЙ ВІЗИТ НОВИЙ ПРЕДСТОЯТЕЛЬ ПРАВОСЛАВНОЇ УКРАЇНСЬКОЇ ЦЕРКВИ РАЗОМ ІЗ ПРЕЗИДЕНТОМ УКРАЇНИ ЗДІЙСНИЛИ ДО ДНІПРОВСЬКОЇ ЄПАРХІЇ">СВІЙ ПЕРШИЙ ВІЗИТ НОВИЙ ПРЕДСТОЯТЕЛЬ ПРАВОСЛАВНОЇ УКРАЇНСЬКОЇ ЦЕРКВИ РАЗОМ...</a>
                            <!--<a href="/video-import/20786-sv-y-pershiy-v-zit-noviy-predstoyatel-pravoslavno-ukra-ns-ko-cerkvi-razom-z-prezidentom-ukra-ni-zd-ysnili-do-dn-provs-ko-parh.html" title="СВІЙ ПЕРШИЙ ВІЗИТ НОВИЙ ПРЕДСТОЯТЕЛЬ ПРАВОСЛАВНОЇ УКРАЇНСЬКОЇ ЦЕРКВИ РАЗОМ ІЗ ПРЕЗИДЕНТОМ УКРАЇНИ ЗДІЙСНИЛИ ДО ДНІПРОВСЬКОЇ ЄПАРХІЇ">СВІЙ ПЕРШИЙ ВІЗИТ НОВИЙ ПРЕДСТОЯТЕЛЬ ПРАВОСЛАВНОЇ УКРАЇНСЬКОЇ...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

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

</style>
<section class="widjet-component-inner widjetComponent--1714">
            <style>
        .widjetComponent--title--1714.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--1714 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-derzhava-pravookhoronni-orhany/105510-zaareshtovano-vikradacha-posilok-na-ki-vschin-podrobic-spravi.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.01.2022/9a2dfbb769fcbd3a3ae57bc7250ec35b.jpeg&amp;size=850x560" class="wp-post-image" alt="Заарештовано викрадача посилок на Київщині, подробиці справи:">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-derzhava-pravookhoronni-orhany/105510-zaareshtovano-vikradacha-posilok-na-ki-vschin-podrobic-spravi.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-derzhava-uryad/105228-chi-zm-nit-sya-dlya-gromads-kih-formuvan-rozm-r-adm-n-strativnogo-zboru-u-2022-roc.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.12.2021/f2eda327e9b58a4a45276ec014739bac.png&amp;size=850x560" class="wp-post-image" alt="Чи зміниться для громадських формувань розмір адміністративного збору у 2022 році?">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-derzhava-uryad/105228-chi-zm-nit-sya-dlya-gromads-kih-formuvan-rozm-r-adm-n-strativnogo-zboru-u-2022-roc.html" title="Чи зміниться для громадських формувань розмір адміністративного збору у 2022 році?">Чи зміниться для громадських формувань розмір адміністративного збору у...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-suspilstvo-events/104920-v-mikola-v-zbili-p-shohoda.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.12.2021/64582a9c7f69d4e7edf2f8ed13f262cf.png&amp;size=850x560" class="wp-post-image" alt="В Миколаєві збили пішохода">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-suspilstvo-events/104920-v-mikola-v-zbili-p-shohoda.html" title="В Миколаєві збили пішохода">В Миколаєві збили пішохода</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-suspilstvo-medicine/104921-ostatochno-zavershilosya-osuchasnennya-priymal-nogo-v-dd-lennya-na-donechchin.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.12.2021/2bff4a0fe735abe90bbde06431cbe237.jpeg&amp;size=850x560" class="wp-post-image" alt="Остаточно завершилося осучаснення приймального відділення на Донеччині">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-suspilstvo-medicine/104921-ostatochno-zavershilosya-osuchasnennya-priymal-nogo-v-dd-lennya-na-donechchin.html" title="Остаточно завершилося осучаснення приймального відділення на Донеччині">Остаточно завершилося осучаснення приймального відділення на Донеччині</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

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

</style>
<section class="widjet-component-inner widjetComponent--1715">
            <style>
        .widjetComponent--title--1715.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--1715 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-derzhava-prezydent-ukrayiny/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-derzhava-prezydent-ukrayiny/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/12-nterv-yu-z-yur-m-kogutom.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/000/u1/11/2e/kogut-yu-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/12-nterv-yu-z-yur-m-kogutom.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="/blogs-suspilstvo/25-ukrayinska-revolyutsiya-sto-rokiv-protystoyannya-moskovskiy-despotiyi.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/000/u21/35/49/ukra-nska-revolyuc-ja-sto-rok-v-protistojannja-moskovsk-i-despot.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="/blogs-suspilstvo/25-ukrayinska-revolyutsiya-sto-rokiv-protystoyannya-moskovskiy-despotiyi.html" title="Українська Революція: сто років протистояння московській деспотії">Українська Революція: сто років протистояння московській деспотії</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

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

</style>
<section class="widjet-component-inner widjetComponent--1716">
            <style>
        .widjetComponent--title--1716.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="/preview" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1716 widget-title-base">АНОНСИ</h4>
    </a>    <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/preview/24135-zas-dannya-kom-tetu-vru-z-pitan-svobodi-slova-ta-nformac-yno-pol-tiki-4-kv-tnya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.10.2019/5a95947717c4387c319b02a0558d035a.jpeg&amp;size=850x560" class="wp-post-image" alt="Засідання Комітету ВРУ з питань свободи слова та інформаційної політики, 4 квітня">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/preview/24135-zas-dannya-kom-tetu-vru-z-pitan-svobodi-slova-ta-nformac-yno-pol-tiki-4-kv-tnya.html" title="Засідання Комітету ВРУ з питань свободи слова та інформаційної політики, 4 квітня">Засідання Комітету ВРУ з питань свободи слова та інформаційної політики,...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/preview/25341-z-13-po-22-bereznya-v-n-am-ki-vs-ka-fortecya-v-dbudet-sya-fotovistavka-do-dnya-ukra-ns-kogo-dobrovol-cya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/05.03.2020/a5d9d9a1b22eed7ec5c32d48a637bbf0.jpeg&amp;size=850x560" class="wp-post-image" alt="з 13 по 22 березня в НІАМ &quot;Київська фортеця&quot; відбудеться фотовиставка до Дня українського добровольця">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/preview/25341-z-13-po-22-bereznya-v-n-am-ki-vs-ka-fortecya-v-dbudet-sya-fotovistavka-do-dnya-ukra-ns-kogo-dobrovol-cya.html" title="з 13 по 22 березня в НІАМ &quot;Київська фортеця&quot; відбудеться фотовиставка до Дня українського добровольця">з 13 по 22 березня в НІАМ &quot;Київська фортеця&quot; відбудеться фотовиставка до...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

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

</style>
<section class="widjet-component-inner widjetComponent--1717">
            <style>
        .widjetComponent--title--1717.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--1717 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/105677-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-22-s-chnya-2022-roku-slava-ukra-n.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.01.2022/a9ed96114f817e6274f86fb4e58b6776/c3c74b6e3dce180fc6718476b5960891_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 22 січня 2022 року Слава Україні!">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105677-zvedennya-pro-situac-yu-v-rayon-provedennya-operac-ob-dnanih-sil-stanom-na-11-00-22-s-chnya-2022-roku-slava-ukra-n.html" title="Зведення про ситуацію в районі проведення операції Об’єднаних сил станом на 11:00 22 січня 2022 року Слава Україні!">Зведення про ситуацію в районі проведення операції Об’єднаних сил станом...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </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/105678-eva-nikolashvili-porochnost-kak-opravdanie.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.01.2022/2dc994b683a907dd013ea763c3b00f4c.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/105678-eva-nikolashvili-porochnost-kak-opravdanie.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/105675-eva-nikolashvili-porochnost-kak-opravdanie.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.01.2022/0d7ccd2a21149190940e82fb0efd21ce.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/105675-eva-nikolashvili-porochnost-kak-opravdanie.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/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/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/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 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/105654-golovniy---u-vs-h-v-dnoshennyah.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/31f9d7bae0bc180010e2635e643b0b78.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/105654-golovniy---u-vs-h-v-dnoshennyah.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/105629-v-umovah-raptovo-zm-ni-obstanovki.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/21.01.2022/e6b3ef8d3b2d70306902d268be78af25/7f2178bd02c40b9e7659caff19a62526_poster.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="/news-ukraine-and-worlds/105629-v-umovah-raptovo-zm-ni-obstanovki.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/105646-vitaliy-sautenkov-situaciya-v-kazahstane-eto-banal-naya-popytka-gosperevorota.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/c61e0d6f2c925ebb3a5523781eecdba6.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/105646-vitaliy-sautenkov-situaciya-v-kazahstane-eto-banal-naya-popytka-gosperevorota.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/105645-vitaliy-sautenkov-situaciya-v-kazahstane-eto-banal-naya-popytka-gosperevorota.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/5d1e345d9b2133509c3effd49d326f02.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/105645-vitaliy-sautenkov-situaciya-v-kazahstane-eto-banal-naya-popytka-gosperevorota.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/105644-vladimir-zelenskiy-provel-vstrechu-s-gosudarstvennym-sekretarem-ssha.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/f168ac52027c9c256d2474eea3f1777e.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/105644-vladimir-zelenskiy-provel-vstrechu-s-gosudarstvennym-sekretarem-ssha.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/105643-nvestor-v-sky-river-2-vvodyat-v-omanu-zhk-u-peredm-st-ki-va-buduyut-yak-gotel.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/e164e11535c11f099050d95e42163773.jpeg&amp;size=850x560" class="wp-post-image" alt="Інвесторів «Sky River 2» вводять в оману? ЖК у передмісті Києва будують як готель">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/105643-nvestor-v-sky-river-2-vvodyat-v-omanu-zhk-u-peredm-st-ki-va-buduyut-yak-gotel.html" title="Інвесторів «Sky River 2» вводять в оману? ЖК у передмісті Києва будують як готель">Інвесторів «Sky River 2» вводять в оману? ЖК у передмісті Києва будують...</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/105641-ukra-ns-kiy-flot-namagalis-peredati-za-kordon-do-shemi-prichetna-rodina-molodkovec-zhurnal-st.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/a7af9b7a542851a3c1e16a17a463a524.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/105641-ukra-ns-kiy-flot-namagalis-peredati-za-kordon-do-shemi-prichetna-rodina-molodkovec-zhurnal-st.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/105640-na-odeschin-sbu-zneshkodila-zlochinne-ugrupovannya-yake-vikradalo-lyudey-ta-vimagalo-z-nih-grosh-do-skladu-bandi-vhodili-pravoohoronc-v-deo.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/ab6abbf60cebb92f8eb304f528c1f735.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/105640-na-odeschin-sbu-zneshkodila-zlochinne-ugrupovannya-yake-vikradalo-lyudey-ta-vimagalo-z-nih-grosh-do-skladu-bandi-vhodili-pravoohoronc-v-deo.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/105639-kak-komarnickiy-i-kandybor-pytayutsya-unichtozhit-reyting-vitaliya-klichko.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/bb9ef4a253e4781537eca0817f80dd14.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/105639-kak-komarnickiy-i-kandybor-pytayutsya-unichtozhit-reyting-vitaliya-klichko.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/105638-v-dbiray-deriban-yak-sotn-m-l-yon-v-avtors-kih-groshey-opinilisya-v-kishen-od-oznogo-shematoznika.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.01.2022/3a8292d78f8a05f22175d11ccc247eab.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/105638-v-dbiray-deriban-yak-sotn-m-l-yon-v-avtors-kih-groshey-opinilisya-v-kishen-od-oznogo-shematoznika.html" title="Відбирай і дерибань. Як сотні мільйонів авторських грошей опинилися в кишені одіозного схематозника">Відбирай і дерибань. Як сотні мільйонів авторських грошей опинилися в кишені...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-2-5 row-k-style" id="row-k-style-2-5">
            <div class="row-k-width-2-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-1-3 row-k-style" id="row-k-style-1-3">
            <div class="row-k-width-1-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--1695.logo-box {
        display: block;
    }
    </style>
<a class="widjetComponent--1695 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.02.2020/fb53294b933c2ae40f39f18bd38d377e.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.02.2020/fb53294b933c2ae40f39f18bd38d377e.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.02.2020/fb53294b933c2ae40f39f18bd38d377e.png&size=<<340 340w">
        </a>

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

<section class="widjetComponent--1696">
    <div class="inner-text">
        <p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; color: #4e5155; font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14.304px; background-color: #ffffff;">Редактор: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="83f6edf7c3f6e8f1adede6f7">[email&#160;protected]</a></p>
    </div>
</section>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-1-4 row-k-style" id="row-k-style-1-4">
            <div class="row-k-width-1-4 row-k-width">
                <div class="row">
                                                                        <div class="col-md-6 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1697 {
        background: transparent;;
    }
    .widjetComponent--1697 .inner-text {
        padding: 10px 10px 10px 10px;
        color: #000;
    }
    .widjetComponent--1697 .inner-text * {
        color: #000;
    }
</style>

<section class="widjetComponent--1697">
    <div class="inner-text">
        <p style="font-size: 32px; text-align: left;"><span style="color: #4e5155; font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 14.304px; background-color: #ffffff;">© 2010 Телеканал УНТ Українське Народне Телебачення</span></p>
    </div>
</section>
                                                                    </div>
                            </div>
                                                                                                <div class="col-md-6 disable-cont no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
    
        
        <a href="#" id="go-top"><i class="fas fa-arrow-up"></i></a>

        <!--<script src="/widjets/assets/jquery/jquery.min.js"></script>-->
                            <!--<script src="/widjets/assets/popper/popper.min.js"></script>
            <script src="/widjets/assets/touch-swipe/jquery.touch-swipe.min.js"></script>
            <script src="https://cdn.ukraine-inform.com/new1/runtime.554dc886.js"></script>-->
                        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.ukraine-inform.com/new1/cdn.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");
                        
                        //addScript("https://cdn.ukraine-inform.com/new1/app.a5e7f618.js");
                                                if(ww > 991) {
                            addScript("/assets/videoplayer.js?v=08");
                        }
                        var lazyapp = true;
                        $(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");
                                                                                if(lazyapp) {
                                            lazyapp = false;
                                            addStyle("https://cdn.ukraine-inform.com/new1/lazy-app.4f192f45.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("/assets/video/mhu.video.js");
                                            addStyle("/assets/video/mhu.video.css");
                                                                                                                                                }
                            }
                        });

                        var pltime = setInterval(function () {
                            clearInterval(pltime);
                            if(lazyapp) {
                                lazyapp = false;
                                addStyle("https://cdn.ukraine-inform.com/new1/lazy-app.4f192f45.css");
                            }
                        }, 1000);


                        $('.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>