<!--::result::time::09:14:08::App\Service\Components\Header\H04::-->
<!--::result::time::09:14:08::work: 0.003 s::App\Service\Components\Header\H04::-->
<!--::result::time::09:14:08::App\Service\Components\Header\H06::-->
<!--::result::time::09:14:08::work: 0.0109 s::App\Service\Components\Header\H06::-->
<!--::result::time::09:14:08::App\Service\Components\News\N12::-->
<!--::result::time::09:14:08::work: 0.0175 s::App\Service\Components\News\N12::-->
<!--::result::time::09:14:08::App\Service\Components\News\N10::-->
<!--::result::time::09:14:08::work: 0.0009 s::App\Service\Components\News\N10::-->
<!--::result::time::09:14:08::App\Service\Components\News\N12::-->
<!--::result::time::09:14:08::work: 0.0075 s::App\Service\Components\News\N12::-->
<!--::result::time::09:14:08::App\Service\Components\News\N01::-->
<!--::result::time::09:14:08::work: 0.0221 s::App\Service\Components\News\N01::-->
<!--::result::time::09:14:08::App\Service\Components\News\N01::-->
<!--::result::time::09:14:08::work: 0.0239 s::App\Service\Components\News\N01::-->
<!--::result::time::09:14:08::App\Service\Components\News\N11::-->
<!--::result::time::09:14:09::work: 0.8591 s::App\Service\Components\News\N11::-->
<!--::result::time::09:14:09::App\Service\Components\News\N01::-->
<!--::result::time::09:14:09::work: 0.0003 s::App\Service\Components\News\N01::-->
<!--::result::time::09:14:09::App\Service\Components\News\N01::-->
<!--::result::time::09:14:09::getChildsMapIds work: 0.0014 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::SELECT getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work category: 3154,3155,3156,3157::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::SELECT work: 0.0383 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::POST getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::POST work: 0.0022 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::foreach work: 0.0765 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work: 0.1193 s::App\Service\Components\News\N01::-->
<!--::result::time::09:14:09::App\Service\Components\News\N01::-->
<!--::result::time::09:14:09::getChildsMapIds work: 0.0019 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::SELECT getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work category: 3158,3159,3160,3161::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::SELECT work: 0.0056 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::POST getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::POST work: 0.0023 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::foreach work: 0.0115 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work: 0.0222 s::App\Service\Components\News\N01::-->
<!--::result::time::09:14:09::App\Service\Components\News\N01::-->
<!--::result::time::09:14:09::getChildsMapIds work: 0.003 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::SELECT getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work category: 3162,3163,3164,3165,3166,3167,3168::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::SELECT work: 0.019 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::POST getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::POST work: 0.0031 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::foreach work: 0.0212 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work: 0.0472 s::App\Service\Components\News\N01::-->
<!--::result::time::09:14:09::App\Service\Components\News\N01::-->
<!--::result::time::09:14:09::getChildsMapIds work: 0.0028 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::SELECT getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work category: 3169,3170,3171,3172,3173,3174::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::SELECT work: 0.0032 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::POST getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::POST work: 0.0035 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::foreach work: 0.0113 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work: 0.022 s::App\Service\Components\News\N01::-->
<!--::result::time::09:14:09::App\Service\Components\News\N01::-->
<!--::result::time::09:14:09::getChildsMapIds work: 0.0002 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::SELECT getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work category: 3180::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work count: 16::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::SELECT work: 0.1041 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::POST getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::POST work: 0.0015 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::count work: 16 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::foreach work: 0.0383 s::getPagesByCategoryLimit::-->
<!--::result::time::09:14:09::work: 0.1476 s::App\Service\Components\News\N01::-->
<!--::result::time::09:14:09::work: 1.34 s::-->
<!--::result::time::09:14:09::render work: 0.0305 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" />
        <script>
            var thumb_url = "https://media.ukraine-inform.com/thumb/thumb.php";
        </script>
        
        <style>
            @import url('https://fonts.googleapis.com/css?family=Marck Script&display=swap&subset=cyrillic');
            .navbar .navbar-nav .nav-link {
                font-size: 14px;
            }
            .preloader-page {
                position: fixed;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: #f5f5f5;
                z-index: 999999;
                padding: 15px;
            }
            .hpp {
                width: 100%;
                height: 20%;
                background: #fff;
                margin-bottom: 15px;
                position: relative;
            }
            .bpp {
                width: calc(80% - 15px);
                height: 60%;
                background: #fff;
                float: left;
                margin-right: 15px;
                margin-bottom: 15px;
            }
            .blpp {
                width: 20%;
                height: 60%;
                background: #fff;
                float: right;
            }
            .bbpp {
                width: 100%;
                height: 20%;
                background: #fff;
                margin-bottom: 15px;
            }
            .search-item {
                position: relative;
            }
            .form-search {
                position: absolute;
                display: none;
                min-width: 340px;
                right: 0;
                z-index: 9999999;
                background: #fff;
                padding: 5px;
                border-bottom: 2px solid #155c92;
                box-shadow: 0 0 4px #00000061;
            }
            .form-search input {
                display: inline-block;
                width: 249px;
                padding: 5px 10px;
                background: #fff;
                border: 0;
                height: auto;
                line-height: 1;
                min-height: auto;
                font-size: 14px;
            }
            .form-search button {
                display: inline-block;
                margin: 0;
                width: 70px;
                padding: 5px 0px;
                font-size: 14px;
            }
            .form-search button:hover {
                cursor: pointer;
                opacity: 0.8;
            }
            a:hover {
                text-decoration: none;
            }
        </style>
        <link rel="stylesheet" href="https://cdn.ukraine-inform.com/app.d7656b1e.css">
        <!--<link rel="stylesheet" href="https://cdn.ukraine-inform.com/new1/lazy-app.4f192f45.css">
        <link rel="stylesheet" href="/widjets/assets/bootstrap/css/bootstrap.min.css">

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

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

        <!--<link rel="stylesheet" href="/admin/vendor/libs/perfect-scrollbar/perfect-scrollbar.css">-->
        <!--<link rel="stylesheet" href="/assets-param/style/font">-->
        <link rel="stylesheet" href="/assets-param/style/option">
                
        
                <style>
            .row-k-width-1812-0 {width:95%}
.row-k-style-1812-0 {background: linear-gradient(#a30000,#cc0000)}
.row-k-width-1812-1 {width:95%}
.row-k-style-1812-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-1812-2 {width:95%}
.row-k-style-1812-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-1812-3 {width:95%}
.row-k-style-1812-3 {background: linear-gradient(#ff0000,#fff)}
.row-k-width-1813-0 {width:95%}
.row-k-style-1813-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-1813-1 {width:95%}
.row-k-style-1813-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-1813-2 {width:95%}
.row-k-style-1813-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-1813-3 {width:95%}
.row-k-style-1813-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-1813-4 {width:95%}
.row-k-style-1813-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-1813-5 {width:95%}
.row-k-style-1813-5 {background: linear-gradient(#fff,#fff)}
.row-k-width-1813-6 {width:95%}
.row-k-style-1813-6 {background: linear-gradient(#fff,#fff)}
.row-k-width-1813-7 {width:95%}
.row-k-style-1813-7 {background: linear-gradient(#fff,#fff)}
.row-k-width-1813-8 {width:95%}
.row-k-style-1813-8 {background: linear-gradient(#fff,#fff)}
.row-k-width-1813-9 {width:95%}
.row-k-style-1813-9 {background: linear-gradient(#fff,#fff)}
.row-k-width-1813-10 {width:95%}
.row-k-style-1813-10 {background: linear-gradient(#fff,#fff)}

        </style>
                <style>
            .row-k-style {
                transition: all 0.3s ease;
            }
            .row-k-style.fixed-menu-bar {
                position: fixed;
                z-index: 9999;
                width: 100%;
                top: 0;
                padding: 5px;
                box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
            }
        </style>
    
                                                                        		            <link rel="preload" href="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/afd9c29020bfea1a5a4ce01cf85fd85b.jpeg&size=850x560&ios=false" as="image">
			<meta property="og:title" content="Президент Туреччини Ердоган обіцяє блокувати членство Швеції і Фінляндії в НАТО, поки ті не видадуть &quot;терористів&quot;, які нібито становлять пряму загрозу національній безпеці країни">
			<meta property="og:description" content="🤯 Президент Туреччини Ердоган обіцяє блокувати членство Швеції і Фінляндії в НАТО, поки ті не видадуть &quot;терористів&quot;, які нібито становлять пряму загрозу національній безпеці країни.">
			<meta property="og:url" content="https://dnipro-inform.com">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/afd9c29020bfea1a5a4ce01cf85fd85b.jpeg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/afd9c29020bfea1a5a4ce01cf85fd85b.jpeg&size=1000<&ios=false">
			<meta property="og:site_name" content="Стоп Корупція">
			<link rel="canonical" href="https://ukraine-inform.com/news-polityka-zovnishnya-polityka/111082-prezident-turechchini-erdogan-ob-cya-blokuvati-chlenstvo-shvec-f-nlyand-v-nato-poki-t-ne-vidadut-terorist-v-yak-n-bito-stanovlyat-pryamu-zagrozu-nac-onal-n-y-bezpec-kra-ni.html"/>
                </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-1812-0 row-k-style" id="row-k-style-1812-0">
            <div class="row-k-width-1812-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-3 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--3713.logo-box {
        display: block;
    }
    </style>
<a class="widjetComponent--3713 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.08.2020/dcfdec44e7d0d98969b12dbfcf00d806.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.08.2020/dcfdec44e7d0d98969b12dbfcf00d806.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.08.2020/dcfdec44e7d0d98969b12dbfcf00d806.png&size=<<340 340w">
        </a>

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

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

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

    .widjetComponent--3674 .dropdown.open .dropdown-menu {
        display: block;
        padding: 0;
    }
    .widjetComponent--3674 .dropdown .dropdown-menu .dropdown-item {
        background: #bd0000;
        padding: 13px 20px;
        font-size: 14px;
        color: #ffffff;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-bottom: 1px solid #333333;
    }
    .widjetComponent--3674 .dropdown .dropdown-menu .dropdown-item:hover {
        background: #cc0000;
        color: #333333;
    }
    .widjetComponent--3674 .search-item .form-search {
        display: none;
    }
</style>
<section class="menu widjetComponent--3674">
    <nav class="navbar navbar-expand navbar-toggleable-sm">
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent3674"
                aria-controls="navbarSupportedContent3674" 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="navbarSupportedContent3674">
            <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-pravookhoronni-orhany">Правоохоронні органи</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-vlada">Влада</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-borotba-z-koruptsiyeyu">Боротьба з корупцією</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-mistseve-samovryaduvannya">Місцеве самоврядування</a>
                                                                    <a class="dropdown-item" href="/news-polityka-zovnishnya-polityka">Зовнішня політика</a>
                                                                    <a class="dropdown-item" href="/news-polityka-vnutrishnya-polityka">Внутрішня політика</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-hromadski-ob-yednannya">Громадські об’єднання</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-events">Події</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-religion">Релігія</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-culture">Культура</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-education">Освіта</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-medicine">Медицина</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>


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

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

</style>
<section class="widjet-component-inner widjetComponent--3660">
            <style>
        .widjetComponent--title--3660.widget-title-base {
            color: #a30000;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #ffffff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
        <h4 class="widjetComponent--title--3660 widget-title-base">Найголовніше</h4>
    
    <div id="carousel-slide-3660-id" class="carousel slide" data-ride="carousel" role="listbox">
        <div class="carousel-inner" data-visible="1">
                        <div class="carousel-item active">
                                                                                    <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-polityka-zovnishnya-polityka/111082-prezident-turechchini-erdogan-ob-cya-blokuvati-chlenstvo-shvec-f-nlyand-v-nato-poki-t-ne-vidadut-terorist-v-yak-n-bito-stanovlyat-pryamu-zagrozu-nac-onal-n-y-bezpec-kra-ni.html">
                                <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/afd9c29020bfea1a5a4ce01cf85fd85b.jpeg&amp;size=850x560" class="wp-post-image" alt="Президент Туреччини Ердоган обіцяє блокувати членство Швеції і Фінляндії в НАТО, поки ті не видадуть &quot;терористів&quot;, які нібито становлять пряму загрозу національній безпеці країни">
                                <div class="post-content">
                                    <div class="category">Зовнішня політика</div>
                                    <h3 class="widget-title">Президент Туреччини Ердоган обіцяє блокувати членство Швеції і Фінляндії...</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

                                                                                                            </div>
        </div>
        <a class="carousel-control-prev" href="#carousel-slide-3660-id" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carousel-slide-3660-id" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</section>

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

    #efir-content-s-close {
        display: none;
        position: absolute;
        right: -10px;
        top: -10px;
        background: #0068b2;
        font-size: 18px;
        line-height: 18px;
        padding: 5px 10px;
        z-index: 99;
        color: #fff;
        opacity: .6;
    }
    #efir-content-s-close:hover {
        opacity: 0.9;
    }
    #efir-content-s.fixed {
        position: fixed;
        width: 300px;
        right: 25px;
        z-index: 999;
        bottom: 120px;
        box-shadow: 3px 3px 6px #0068b299;
        border: 4px solid #0068b299;
    }
    #efir-content-s.fixed #efir-content-s-close {
        display: block;
    }

    #efir-content-s-open {
        display: none;
        position: fixed;
        right: 25px;
        z-index: 999;
        bottom: 120px;
        background: #0068b2;
        padding: 5px 10px;
        color: #fff;
        box-shadow: 3px 3px 6px #0000007a;
    }
    #efir-content-s-open:hover {
        cursor: pointer;
    }
    #efir-content-s-open.fixed {
        display: block;
    }

.theo-primary-color, .theo-upnext-panel .theo-upnext-panel-content .theo-upnext-panel-autoplay, .theoplayer-skin .theo-settings-control-menu-item-hd-label, .theoplayer-skin .theo-settings-control-menu-item-value, .theoplayer-skin .vjs-volume-level, .theoplayer-skin .vjs-play-progress, .theoplayer-skin .vjs-slider-bar, .theoplayer-skin .vjs-big-play-button {
    color: #ffffff !important;
}
</style>
<section class="widjet-component-inner widjetComponent--3661">
    <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/ef/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>

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

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

</style>
<section class="widjet-component-inner widjetComponent--3662">
            <style>
        .widjetComponent--title--3662.widget-title-base {
            color: #a30000;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #ffffff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
        <h4 class="widjetComponent--title--3662 widget-title-base">Важливо</h4>
    
    <div id="carousel-slide-3662-id" class="carousel slide" data-ride="carousel" role="listbox">
        <div class="carousel-inner" data-visible="1">
                        <div class="carousel-item active">
                                                                                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                    <div class="post-inner">
                        <div class="post-image">
                            <a class="" href="/news-ukraine-and-worlds/110934-hto-vam-skazav-scho-znischena-tehn-ka-ros-yan-ce-ne-estetichno.html">
                                <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/325a61e61a1ef7b2225a0971b03c4846.jpeg&amp;size=851x561" class="wp-post-image" alt="Хто вам сказав, що знищена техніка росіян, це не естетично?">
                                <div class="post-content">
                                    <div class="category">Новини України та світу</div>
                                    <h3 class="widget-title">Хто вам сказав, що знищена техніка росіян, це не естетично?</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

                                                                                                            </div>
        </div>
        <a class="carousel-control-prev" href="#carousel-slide-3662-id" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carousel-slide-3662-id" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-1813-1 row-k-style" id="row-k-style-1813-1">
            <div class="row-k-width-1813-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3675 .post-image img {
        width: 100%;
    }
    .widjetComponent--3675 .post-image a {
        display: block;
    }
    .widjetComponent--3675 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3675 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--3675 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3675 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--3675 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3675 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3675 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3675 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3675 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3675 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3675 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3675">
            <style>
        .widjetComponent--title--3675.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
        }
    </style>

        <h4 class="widjetComponent--title--3675 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="/video-derzhava/107942-yak-ukra-ns-k-specpriznachenc-zachischayut-buchu.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/03.04.2022/27d620740df1db66b7215c24e21df71c/ef0a03f88eeb70e8644c519470973956.mp4"
                               data-videoid="3290"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/03.04.2022/27d620740df1db66b7215c24e21df71c/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/107942-yak-ukra-ns-k-specpriznachenc-zachischayut-buchu.html"
                               title="Як українські спецпризначенці зачищають Бучу"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/03.04.2022/27d620740df1db66b7215c24e21df71c/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/03.04.2022/27d620740df1db66b7215c24e21df71c/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/03.04.2022/27d620740df1db66b7215c24e21df71c/116207331289132204704ed0a46cc1f7_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Як українські спецпризначенці зачищають Бучу">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/107942-yak-ukra-ns-k-specpriznachenc-zachischayut-buchu.html" title="Як українські спецпризначенці зачищають Бучу">Як українські спецпризначенці зачищають Бучу</a>
                            <!--<a href="/video-derzhava/107942-yak-ukra-ns-k-specpriznachenc-zachischayut-buchu.html" title="Як українські спецпризначенці зачищають Бучу">Як українські спецпризначенці зачищають Бучу</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/107933-rozumova-v-dstal-st-ras-yan-vrazha.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/02.04.2022/66d156337ab75d0180cb30cc35ae1b28/da5ea79061417ba73c75380b3efc6497.mp4"
                               data-videoid="3287"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/02.04.2022/66d156337ab75d0180cb30cc35ae1b28/sprite_hls_manifest.m3u8"
                               data-link="/news-ukraine-and-worlds/107933-rozumova-v-dstal-st-ras-yan-vrazha.html"
                               title="Розумова відсталість "расєян" вражає"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.04.2022/66d156337ab75d0180cb30cc35ae1b28/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/02.04.2022/66d156337ab75d0180cb30cc35ae1b28/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.04.2022/66d156337ab75d0180cb30cc35ae1b28/b7439e1d711dc650c1155ab02901163f_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Розумова відсталість "расєян" вражає">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/107933-rozumova-v-dstal-st-ras-yan-vrazha.html" title="Розумова відсталість "расєян" вражає">Розумова відсталість "расєян" вражає</a>
                            <!--<a href="/news-ukraine-and-worlds/107933-rozumova-v-dstal-st-ras-yan-vrazha.html" title="Розумова відсталість &quot;расєян&quot; вражає">Розумова відсталість "расєян" вражає</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/107928-hersonschina-robota-dzhavel-nom-po-ros-ys-komu-t-72b3.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/02.04.2022/791c482ac6c661c8aa8df4ffd1804403/d183c06395bc6726c844fd063d0873e2.mp4"
                               data-videoid="3285"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/02.04.2022/791c482ac6c661c8aa8df4ffd1804403/sprite_hls_manifest.m3u8"
                               data-link="/news-ukraine-and-worlds/107928-hersonschina-robota-dzhavel-nom-po-ros-ys-komu-t-72b3.html"
                               title="Херсонщина. Робота "Джавеліном" по російському Т-72Б3."
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.04.2022/791c482ac6c661c8aa8df4ffd1804403/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/02.04.2022/791c482ac6c661c8aa8df4ffd1804403/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.04.2022/791c482ac6c661c8aa8df4ffd1804403/2c63dd74475225168e56f9254dbcb50b_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Херсонщина. Робота "Джавеліном" по російському Т-72Б3.">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/107928-hersonschina-robota-dzhavel-nom-po-ros-ys-komu-t-72b3.html" title="Херсонщина. Робота "Джавеліном" по російському Т-72Б3.">Херсонщина. Робота "Джавеліном" по російському Т-72Б3.</a>
                            <!--<a href="/news-ukraine-and-worlds/107928-hersonschina-robota-dzhavel-nom-po-ros-ys-komu-t-72b3.html" title="Херсонщина. Робота &quot;Джавеліном&quot; по російському Т-72Б3.">Херсонщина. Робота "Джавеліном" по російському Т-72Б3.</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

        <h4 class="widjetComponent--title--3676 widget-title-base">Популярне</h4>
        <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/110544-v-yna-p-dsumki-78-dnya-v-deodaydzhest-v-d-genshtabu.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/13.05.2022/3edee95f0ec5189f7ffc19d4d477172d/1fc461115fbf3a51e5dccd2d73320904.mp4"
                               data-videoid="3729"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/13.05.2022/3edee95f0ec5189f7ffc19d4d477172d/sprite_hls_manifest.m3u8"
                               data-link="/news-ukraine-and-worlds/110544-v-yna-p-dsumki-78-dnya-v-deodaydzhest-v-d-genshtabu.html"
                               title="✊ Війна – підсумки 78 дня. Відеодайджест від Генштабу "
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/13.05.2022/3edee95f0ec5189f7ffc19d4d477172d/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/13.05.2022/3edee95f0ec5189f7ffc19d4d477172d/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/13.05.2022/3edee95f0ec5189f7ffc19d4d477172d/1e9a454e59bd2bea669135b792bdb59a_poster.jpg&amp;size=850x560" class="wp-post-image" alt="✊ Війна – підсумки 78 дня. Відеодайджест від Генштабу ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/110544-v-yna-p-dsumki-78-dnya-v-deodaydzhest-v-d-genshtabu.html" title="✊ Війна – підсумки 78 дня. Відеодайджест від Генштабу ">✊ Війна – підсумки 78 дня. Відеодайджест від Генштабу </a>
                            <!--<a href="/news-ukraine-and-worlds/110544-v-yna-p-dsumki-78-dnya-v-deodaydzhest-v-d-genshtabu.html" title="✊ Війна – підсумки 78 дня. Відеодайджест від Генштабу ">✊ Війна – підсумки 78 дня. Відеодайджест від Генштабу </a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/110543-zvernennya-prezidenta-ukra-ni-volodimira-zelens-kogo-vvecher-78-go-dnya-v-yni.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/13.05.2022/4ef82f5a0b3f94487ec989d2ddf9ec72/3c36b0651dc9d43e468fa0c209c75c97.mp4"
                               data-videoid="3728"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/13.05.2022/4ef82f5a0b3f94487ec989d2ddf9ec72/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/110543-zvernennya-prezidenta-ukra-ni-volodimira-zelens-kogo-vvecher-78-go-dnya-v-yni.html"
                               title="Звернення Президента України Володимира Зеленського ввечері 78-го дня війни"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/13.05.2022/4ef82f5a0b3f94487ec989d2ddf9ec72/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/13.05.2022/4ef82f5a0b3f94487ec989d2ddf9ec72/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/13.05.2022/4ef82f5a0b3f94487ec989d2ddf9ec72/e07f50552980c7546c10fc155a09cbb6_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Звернення Президента України Володимира Зеленського ввечері 78-го дня війни">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/110543-zvernennya-prezidenta-ukra-ni-volodimira-zelens-kogo-vvecher-78-go-dnya-v-yni.html" title="Звернення Президента України Володимира Зеленського ввечері 78-го дня війни">Звернення Президента України Володимира Зеленського ввечері 78-го дня війни</a>
                            <!--<a href="/video-derzhava/110543-zvernennya-prezidenta-ukra-ni-volodimira-zelens-kogo-vvecher-78-go-dnya-v-yni.html" title="Звернення Президента України Володимира Зеленського ввечері 78-го дня війни">Звернення Президента України Володимира Зеленського ввечері...</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-ukraine-and-worlds/110495-ros-ys-ke-vtorgnennya-v-ukra-nu-ki-v-poverta-t-sya-do-zvichnogo-zhittya-ale-potr-bno-beregtisya.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/12.05.2022/3a56898b065b0a2f84473dbfea8c21f2/e67fc905127e1335007e9c030cf043d7.mp4"
                               data-videoid="3720"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/12.05.2022/3a56898b065b0a2f84473dbfea8c21f2/sprite_hls_manifest.m3u8"
                               data-link="/news-ukraine-and-worlds/110495-ros-ys-ke-vtorgnennya-v-ukra-nu-ki-v-poverta-t-sya-do-zvichnogo-zhittya-ale-potr-bno-beregtisya.html"
                               title="Російське вторгнення в Україну : Київ повертається до звичного життя, але потрібно берегтися"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/12.05.2022/3a56898b065b0a2f84473dbfea8c21f2/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/12.05.2022/3a56898b065b0a2f84473dbfea8c21f2/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/12.05.2022/3a56898b065b0a2f84473dbfea8c21f2/c7a6bd180834478aa839401e701ce6e7_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Російське вторгнення в Україну : Київ повертається до звичного життя, але потрібно берегтися">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/110495-ros-ys-ke-vtorgnennya-v-ukra-nu-ki-v-poverta-t-sya-do-zvichnogo-zhittya-ale-potr-bno-beregtisya.html" title="Російське вторгнення в Україну : Київ повертається до звичного життя, але потрібно берегтися">Російське вторгнення в Україну : Київ повертається до звичного життя, але...</a>
                            <!--<a href="/news-ukraine-and-worlds/110495-ros-ys-ke-vtorgnennya-v-ukra-nu-ki-v-poverta-t-sya-do-zvichnogo-zhittya-ale-potr-bno-beregtisya.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="/news-ukraine-and-worlds/110368-ros-ys-ke-vtorgnennya-v-ukra-nu-operativna-nformac-ya-stanom-na-06-00-11-05-2022-schodo-ros-ys-kogo-vtorgnennya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.05.2022/5e98e705d6eec9ffca01a8bd33f381e7.jpeg&amp;size=850x560" class="wp-post-image" alt="Російське вторгнення в Україну : Оперативна інформація станом на 06.00 11.05.2022 щодо російського вторгнення">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/110368-ros-ys-ke-vtorgnennya-v-ukra-nu-operativna-nformac-ya-stanom-na-06-00-11-05-2022-schodo-ros-ys-kogo-vtorgnennya.html" title="Російське вторгнення в Україну : Оперативна інформація станом на 06.00 11.05.2022 щодо російського вторгнення">Російське вторгнення в Україну : Оперативна інформація станом на 06.00...</a>
                            <!--<a href="/news-ukraine-and-worlds/110368-ros-ys-ke-vtorgnennya-v-ukra-nu-operativna-nformac-ya-stanom-na-06-00-11-05-2022-schodo-ros-ys-kogo-vtorgnennya.html" title="Російське вторгнення в Україну : Оперативна інформація станом на 06.00 11.05.2022 щодо російського вторгнення">Російське вторгнення в Україну : Оперативна інформація станом...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3676').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-3676 .entry").remove();');
                                $('#streem_append_block-3676 .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-3676').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-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3677 {
        margin: 20px 0 0 0;
		margin-top: 10px;
        padding: 0;
        background: #f6f6f6;
    }
    .widjetComponent--title--3677 {
        font-size: 14px;
        padding: 13px 19px 13px 19px;
        border-bottom: 4px solid #dddddd;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .widjetComponent--3677 .post-inner {
        padding: 0 19px 0 19px;
    }
    .widjetComponent--3677 .post-inner a {
        color: #000;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 10px;
        padding-bottom: 9px;
        font-size: 14px;
        font-weight: normal;
        display: block;
    }
    .widjetComponent--3677 .post-inner a:hover {
        color: #1f93f5;
    }
</style>
<section class="widjet-component-inner widjetComponent--3677">
    <div class="widjetComponent--title--3677 widget-title-base">
        <a href="javascript:void(0);">Останні новини</a>
    </div>
    <div class="body" id="scroll-last-n-3677" style="height: 440px">
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111128-ukrainskiy-biznesmen-podkupivshiy-eks-glavu-ukravtodora-pryachet-imuschestvo-v-ispanii.html" title="Украинский бизнесмен, подкупивший экс-главу «Укравтодора», прячет имущество в Испании">Украинский бизнесмен, подкупивший экс-главу «Укравтодора», прячет имущество...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111127-u-fridmana-reshili-peredat-borjomi-pravitel-stvu-gruzii.html" title="У Фридмана решили передать Borjomi правительству Грузии">У Фридмана решили передать Borjomi правительству Грузии</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111126-de-znahodyat-sya-naybagatsh-lyudi-kra-ni-p-d-chas-v-yni-yaroslavs-kiy-kolesn-kov-horoshkovs-kiy.html" title="Де знаходяться найбагатші люди країни під час війни: Ярославський, Колесніков, Хорошковський">Де знаходяться найбагатші люди країни під час війни: Ярославський, Колесніков,...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111125-p-slya-obshuk-v-v-ep-centrah-sbu-peredast-konf-skovan-guman-tarn-bronezhileti-zsu.html" title="Після обшуків в &quot;Епіцентрах&quot;: СБУ передасть конфісковані &quot;гуманітарні&quot; бронежилети ЗСУ">Після обшуків в &quot;Епіцентрах&quot;: СБУ передасть конфісковані &quot;гуманітарні&quot;...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111124-sbu-l-kv-duvala-masshtabnu-shemu-rozkradannya-guman-tarno-dopomogi-yaka-priznachalasya-ukra-ns-kim-zahisnikam-v-deo.html" title="СБУ ліквідувала масштабну схему розкрадання гуманітарної допомоги, яка призначалася українським захисникам (відео)">СБУ ліквідувала масштабну схему розкрадання гуманітарної допомоги, яка...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111122-ros-ya-probu-znayti-svoyu-divo-zbroyu-scho-sv-dchit-pro-povniy-proval-vtorgnennya-ta-strah-viznati-dopuschen-katastrof-chn-pomilki-zvernennya-prezidenta-ukra-ni.html" title="Росія пробує знайти свою «диво-зброю», що свідчить про повний провал вторгнення та страх визнати допущені катастрофічні помилки – звернення Президента України">Росія пробує знайти свою «диво-зброю», що свідчить про повний провал вторгнення...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111121-mikola-golomsha-ya-vimagayu-prityagnuti-put-na-do-m-zhnarodno-krim-nal-no-v-dpov-dal-nost.html" title="Микола Голомша: «Я вимагаю притягнути Путіна до міжнародної кримінальної відповідальності»">Микола Голомша: «Я вимагаю притягнути Путіна до міжнародної кримінальної...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111120-den-vishivanki-v-ukra-n-v-tannya-v-d-zelens-kogo-kalush-orchestra-patron-u-vishivanc.html" title="День вишиванки в Україні: вітання від Зеленського, Kalush Orchestra і Патрон у вишиванці">День вишиванки в Україні: вітання від Зеленського, Kalush Orchestra і Патрон...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111119-ros-ya-probu-znayti-svoyu-divo-zbroyu-scho-sv-dchit-pro-povniy-proval-vtorgnennya-ta-strah-viznati-dopuschen-katastrof-chn-pomilki-zvernennya-prezidenta-ukra-ni.html" title="Росія пробує знайти свою «диво-зброю», що свідчить про повний провал вторгнення та страх визнати допущені катастрофічні помилки – звернення Президента України">Росія пробує знайти свою «диво-зброю», що свідчить про повний провал вторгнення...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111114-m-noboroni-prosit-ne-sluhati-ros-ys-k-pol-tichn-zayavi-pro-poryatunok-zahisnik-v-mar-upolya.html" title="Міноборони просить не слухати російські політичні заяви про порятунок захисників Маріуполя">Міноборони просить не слухати російські політичні заяви про порятунок захисників...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111093-artiler-ys-k-p-drozd-li-desantno-shturmovih-v-ys-k-v-sklad-sil-oboroni-znischili-avtomatizovanu-stanc-yu-postanovki-pereshkod-r-330zh-zhitel-okupant-v.html" title="Артилерійські підрозділи Десантно-штурмових військ в складі Сил оборони знищили  автоматизовану станцію постановки перешкод Р-330Ж “Житель” окупантів.">Артилерійські підрозділи Десантно-штурмових військ в складі Сил оборони...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-suspilstvo-events/111091-u-bahmut-z-p-d-zaval-v-budinku-d-stali-t-lo-2-r-chno-d-vchinki.html" title="У Бахмуті з-під завалів будинку дістали тіло 2-річної дівчинки">У Бахмуті з-під завалів будинку дістали тіло 2-річної дівчинки</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111090-malyar-zaklika-ne-spriymati-ros-ys-kih-zayav-schodo-azovc-v.html" title="Маляр закликає не сприймати російських заяв, щодо &quot;Азовців&quot;">Маляр закликає не сприймати російських заяв, щодо &quot;Азовців&quot;</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava-pravookhoronni-orhany/111088-v-dpov-dal-n-st-za-vchinennya-protipravnogo-d-yannya-p-d-vplivom-f-zichnogo-primusu.html" title="Відповідальність за вчинення протиправного діяння під впливом фізичного примусу">Відповідальність за вчинення протиправного діяння під впливом фізичного...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-polityka-zovnishnya-polityka/111081-vatazhok-tak-zvano-dnr-denis-pushil-n-zayaviv-scho-na-m-sc-zavodu-azovstal-yakiy-okupanti-namagayut-sya-sterti-z-licya-zeml-hochut-zrobiti-tehnopark-abo-prosto-parkovu-zonu.html" title="Ватажок так званої &quot;ДНР&quot; Денис Пушилін заявив, що на місці заводу &quot;Азовсталь&quot;, який окупанти намагаються стерти з лиця землі, хочуть зробити технопарк або просто паркову зону">Ватажок так званої &quot;ДНР&quot; Денис Пушилін заявив, що на місці заводу &quot;Азовсталь&quot;,...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111102-mikola-golomsha-ya-vimagayu-prityagnuti-put-na-do-m-zhnarodno-krim-nal-no-v-dpov-dal-nost.html" title="Микола Голомша: «Я вимагаю притягнути Путіна до міжнародної кримінальної відповідальності»">Микола Голомша: «Я вимагаю притягнути Путіна до міжнародної кримінальної...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111099-ukra-na-povernet-sya-volodimir-zelens-kiy-zvernuvsya-do-ukra-nc-v-yak-znahodyat-sya-p-d-okupac-yu.html" title="&quot;Україна повернеться&quot;: Володимир Зеленський звернувся до українців, які знаходяться під окупацією">&quot;Україна повернеться&quot;: Володимир Зеленський звернувся до українців, які...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111097-chinovniki-merii-cherkass-rastratili-bolee-2-8-mln-griven.html" title="Чиновники мэрии Черкасс растратили более 2,8 млн гривен">Чиновники мэрии Черкасс растратили более 2,8 млн гривен</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111095-v-kropivnickom-deputat-ot-opzzh-pod-narkotikami-podralsya-s-pravoohranitelyami.html" title="В Кропивницком депутат от ОПЗЖ под наркотиками подрался с правоохранителями">В Кропивницком депутат от ОПЗЖ под наркотиками подрался с правоохранителями</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111092-ros-ys-k-zagarbniki-pochali-vchiti-ukra-ns-ku-movu-aud-o.html" title="російські загарбники почали вчити українську мову (аудіо)">російські загарбники почали вчити українську мову (аудіо)</a>
                </div>
            </div>
            </div>
</section>

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

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

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

            }

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

            if ($('#streem_append_block-3663').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-3663 .entry").remove();');
                                $('#streem_append_block-3663 .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-3663').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-1813-5 row-k-style" id="row-k-style-1813-5">
            <div class="row-k-width-1813-5 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3664 .post-image img {
        width: 100%;
    }
    .widjetComponent--3664 .post-image a {
        display: block;
    }
    .widjetComponent--3664 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3664 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--3664 .widget-title a {
        color: #000000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3664 .widget-title a:hover {
        color: #000000;
    }
    .widjetComponent--3664 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3664 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3664 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3664 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3664 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3664 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3664 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3664">
            <style>
        .widjetComponent--title--3664.widget-title-base {
            color: #a30000;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #ffffff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/news-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3664 widget-title-base">Держава</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-pravookhoronni-orhany/111088-v-dpov-dal-n-st-za-vchinennya-protipravnogo-d-yannya-p-d-vplivom-f-zichnogo-primusu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/f63c3443cf83e28d8bc82ffe76542d24.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/111088-v-dpov-dal-n-st-za-vchinennya-protipravnogo-d-yannya-p-d-vplivom-f-zichnogo-primusu.html" title="Відповідальність за вчинення протиправного діяння під впливом фізичного примусу">Відповідальність за вчинення протиправного діяння під впливом фізичного...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/111088-v-dpov-dal-n-st-za-vchinennya-protipravnogo-d-yannya-p-d-vplivom-f-zichnogo-primusu.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/110962-zradiv-v-umovah-vo-nnogo-stanu-tak-zvanomu-zastupniku-golovi-adm-n-strac-m-mar-upolya-zaochno-pov-domleno-pro-p-dozru.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/7e050243a26ef5ac091cb315340487b2.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/110962-zradiv-v-umovah-vo-nnogo-stanu-tak-zvanomu-zastupniku-golovi-adm-n-strac-m-mar-upolya-zaochno-pov-domleno-pro-p-dozru.html" title="Зрадив в умовах воєнного стану – так званому заступнику голови адміністрації м. Маріуполя заочно повідомлено про підозру">Зрадив в умовах воєнного стану – так званому заступнику голови адміністрації...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/110962-zradiv-v-umovah-vo-nnogo-stanu-tak-zvanomu-zastupniku-golovi-adm-n-strac-m-mar-upolya-zaochno-pov-domleno-pro-p-dozru.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/110859-v-dnovlyu-spoluchennya-m-zh-okupovanimi-teritor-yami-donechchini-ta-rf-posadov-y-osob-ukrzal-znic-zaochno-pov-domleno-pro-p-dozru.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/a239e9a1c57e7603479066fafad0dafd.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/110859-v-dnovlyu-spoluchennya-m-zh-okupovanimi-teritor-yami-donechchini-ta-rf-posadov-y-osob-ukrzal-znic-zaochno-pov-domleno-pro-p-dozru.html" title="Відновлює сполучення між окупованими територіями Донеччини та рф – посадовій особі «Укрзалізниці» заочно повідомлено про підозру">Відновлює сполучення між окупованими територіями Донеччини та рф – посадовій...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/110859-v-dnovlyu-spoluchennya-m-zh-okupovanimi-teritor-yami-donechchini-ta-rf-posadov-y-osob-ukrzal-znic-zaochno-pov-domleno-pro-p-dozru.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/110794-ros-ys-k-okupanti-obstr-lyali-tri-rayoni-donechchini---poraneno-dvoh-zh-nok.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/87e91425f08f0b4b58cf520107a59669.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/110794-ros-ys-k-okupanti-obstr-lyali-tri-rayoni-donechchini---poraneno-dvoh-zh-nok.html" title="Російські окупанти обстріляли три райони Донеччини - поранено двох жінок">Російські окупанти обстріляли три райони Донеччини - поранено двох жінок</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/110794-ros-ys-k-okupanti-obstr-lyali-tri-rayoni-donechchini---poraneno-dvoh-zh-nok.html" title="Російські окупанти обстріляли три райони Донеччини - поранено двох жінок">Російські окупанти обстріляли три райони Донеччини - поранено...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3664').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-3664 .entry").remove();');
                                $('#streem_append_block-3664 .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-3664').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-1813-6 row-k-style" id="row-k-style-1813-6">
            <div class="row-k-width-1813-6 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3665 .post-image img {
        width: 100%;
    }
    .widjetComponent--3665 .post-image a {
        display: block;
    }
    .widjetComponent--3665 .post-content .category a {
        color: #000000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3665 .post-content .category a:hover {
        color: #000000;
    }
    .widjetComponent--3665 .widget-title a {
        color: #000000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3665 .widget-title a:hover {
        color: #000000;
    }
    .widjetComponent--3665 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3665 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3665 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3665 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3665 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3665 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3665 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3665">
            <style>
        .widjetComponent--title--3665.widget-title-base {
            color: #a30000;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #ffffff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/news-polityka" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3665 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-zovnishnya-polityka/111081-vatazhok-tak-zvano-dnr-denis-pushil-n-zayaviv-scho-na-m-sc-zavodu-azovstal-yakiy-okupanti-namagayut-sya-sterti-z-licya-zeml-hochut-zrobiti-tehnopark-abo-prosto-parkovu-zonu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/7ca026e4c53bc4c2760213b989964d22.jpeg&amp;size=320x210" class="wp-post-image" alt="Ватажок так званої "ДНР" Денис Пушилін заявив, що на місці заводу "Азовсталь", який окупанти намагаються стерти з лиця землі, хочуть зробити технопарк або просто паркову зону">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/111081-vatazhok-tak-zvano-dnr-denis-pushil-n-zayaviv-scho-na-m-sc-zavodu-azovstal-yakiy-okupanti-namagayut-sya-sterti-z-licya-zeml-hochut-zrobiti-tehnopark-abo-prosto-parkovu-zonu.html" title="Ватажок так званої "ДНР" Денис Пушилін заявив, що на місці заводу "Азовсталь", який окупанти намагаються стерти з лиця землі, хочуть зробити технопарк або просто паркову зону">Ватажок так званої "ДНР" Денис Пушилін заявив, що на місці заводу "Азовсталь",...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/111081-vatazhok-tak-zvano-dnr-denis-pushil-n-zayaviv-scho-na-m-sc-zavodu-azovstal-yakiy-okupanti-namagayut-sya-sterti-z-licya-zeml-hochut-zrobiti-tehnopark-abo-prosto-parkovu-zonu.html" title="Ватажок так званої &quot;ДНР&quot; Денис Пушилін заявив, що на місці заводу &quot;Азовсталь&quot;, який окупанти намагаються стерти з лиця землі, хочуть зробити технопарк або просто паркову зону">Ватажок так званої "ДНР" Денис Пушилін заявив, що на місці...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/111082-prezident-turechchini-erdogan-ob-cya-blokuvati-chlenstvo-shvec-f-nlyand-v-nato-poki-t-ne-vidadut-terorist-v-yak-n-bito-stanovlyat-pryamu-zagrozu-nac-onal-n-y-bezpec-kra-ni.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/afd9c29020bfea1a5a4ce01cf85fd85b.jpeg&amp;size=320x210" class="wp-post-image" alt="Президент Туреччини Ердоган обіцяє блокувати членство Швеції і Фінляндії в НАТО, поки ті не видадуть "терористів", які нібито становлять пряму загрозу національній безпеці країни">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/111082-prezident-turechchini-erdogan-ob-cya-blokuvati-chlenstvo-shvec-f-nlyand-v-nato-poki-t-ne-vidadut-terorist-v-yak-n-bito-stanovlyat-pryamu-zagrozu-nac-onal-n-y-bezpec-kra-ni.html" title="Президент Туреччини Ердоган обіцяє блокувати членство Швеції і Фінляндії в НАТО, поки ті не видадуть "терористів", які нібито становлять пряму загрозу національній безпеці країни">Президент Туреччини Ердоган обіцяє блокувати членство Швеції і Фінляндії...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/111082-prezident-turechchini-erdogan-ob-cya-blokuvati-chlenstvo-shvec-f-nlyand-v-nato-poki-t-ne-vidadut-terorist-v-yak-n-bito-stanovlyat-pryamu-zagrozu-nac-onal-n-y-bezpec-kra-ni.html" title="Президент Туреччини Ердоган обіцяє блокувати членство Швеції і Фінляндії в НАТО, поки ті не видадуть &quot;терористів&quot;, які нібито становлять пряму загрозу національній безпеці країни">Президент Туреччини Ердоган обіцяє блокувати членство Швеції...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/111080-prezident-serb-aleksandar-vuchich-priynyav-v-rch-gramoti-u-novogo-posla-ukra-ni-volodimira-tolkacha-zayaviv-scho-yogo-kra-na-bratime-uchast-u-v-dbudov-m-st-ukra-ni-p-slya-v-yni.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/8b383b2c97b950cce8781330920e850e.jpeg&amp;size=320x210" class="wp-post-image" alt="Президент Сербії Александар Вучич прийняв вірчі грамоти у нового посла України Володимира Толкача і заявив, що його країна братиме участь у відбудові міст України після війни">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/111080-prezident-serb-aleksandar-vuchich-priynyav-v-rch-gramoti-u-novogo-posla-ukra-ni-volodimira-tolkacha-zayaviv-scho-yogo-kra-na-bratime-uchast-u-v-dbudov-m-st-ukra-ni-p-slya-v-yni.html" title="Президент Сербії Александар Вучич прийняв вірчі грамоти у нового посла України Володимира Толкача і заявив, що його країна братиме участь у відбудові міст України після війни">Президент Сербії Александар Вучич прийняв вірчі грамоти у нового посла...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/111080-prezident-serb-aleksandar-vuchich-priynyav-v-rch-gramoti-u-novogo-posla-ukra-ni-volodimira-tolkacha-zayaviv-scho-yogo-kra-na-bratime-uchast-u-v-dbudov-m-st-ukra-ni-p-slya-v-yni.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-zovnishnya-polityka/111079-ukra-n-prigotuvatisya-glava-vroradi-vistupiv-za-aktiv-zac-yu-procesu-rozshirennya-s.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/64ce9270022437f1797ee32e98f07914.jpeg&amp;size=320x210" class="wp-post-image" alt="Україні приготуватися. Глава Євроради виступив за активізацію процесу розширення ЄС">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/111079-ukra-n-prigotuvatisya-glava-vroradi-vistupiv-za-aktiv-zac-yu-procesu-rozshirennya-s.html" title="Україні приготуватися. Глава Євроради виступив за активізацію процесу розширення ЄС">Україні приготуватися. Глава Євроради виступив за активізацію процесу розширення...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/111079-ukra-n-prigotuvatisya-glava-vroradi-vistupiv-za-aktiv-zac-yu-procesu-rozshirennya-s.html" title="Україні приготуватися. Глава Євроради виступив за активізацію процесу розширення ЄС">Україні приготуватися. Глава Євроради виступив за активізацію...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3665').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-3665 .entry").remove();');
                                $('#streem_append_block-3665 .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-3665').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-1813-7 row-k-style" id="row-k-style-1813-7">
            <div class="row-k-width-1813-7 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3666 .post-image img {
        width: 100%;
    }
    .widjetComponent--3666 .post-image a {
        display: block;
    }
    .widjetComponent--3666 .post-content .category a {
        color: #000000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3666 .post-content .category a:hover {
        color: #000000;
    }
    .widjetComponent--3666 .widget-title a {
        color: #000000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3666 .widget-title a:hover {
        color: #000000;
    }
    .widjetComponent--3666 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3666 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3666 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3666 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3666 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3666 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3666 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3666">
            <style>
        .widjetComponent--title--3666.widget-title-base {
            color: #a30000;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #ffffff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/news-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3666 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/111091-u-bahmut-z-p-d-zaval-v-budinku-d-stali-t-lo-2-r-chno-d-vchinki.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/5fb71c79a792c0ad1ea176b19ea18d76.jpeg&amp;size=320x210" class="wp-post-image" alt="У Бахмуті з-під завалів будинку дістали тіло 2-річної дівчинки">
                        </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/111091-u-bahmut-z-p-d-zaval-v-budinku-d-stali-t-lo-2-r-chno-d-vchinki.html" title="У Бахмуті з-під завалів будинку дістали тіло 2-річної дівчинки">У Бахмуті з-під завалів будинку дістали тіло 2-річної дівчинки</a>
                            <!--<a href="/news-suspilstvo-events/111091-u-bahmut-z-p-d-zaval-v-budinku-d-stali-t-lo-2-r-chno-d-vchinki.html" title="У Бахмуті з-під завалів будинку дістали тіло 2-річної дівчинки">У Бахмуті з-під завалів будинку дістали тіло 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-suspilstvo-events/111083-abramovich-uryad-britan-ulagodili-rozb-zhnost-schodo-prodazhu-chels-ugodu-zakriyut-do-31-travnya-pishe-bloomberg.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/52d50ef449d658d64a45c3fa54024615.jpeg&amp;size=320x210" class="wp-post-image" alt="Абрамович і уряд Британії улагодили розбіжності щодо продажу "Челсі", угоду закриють до 31 травня, пише Bloomberg">
                        </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/111083-abramovich-uryad-britan-ulagodili-rozb-zhnost-schodo-prodazhu-chels-ugodu-zakriyut-do-31-travnya-pishe-bloomberg.html" title="Абрамович і уряд Британії улагодили розбіжності щодо продажу "Челсі", угоду закриють до 31 травня, пише Bloomberg">Абрамович і уряд Британії улагодили розбіжності щодо продажу "Челсі", угоду...</a>
                            <!--<a href="/news-suspilstvo-events/111083-abramovich-uryad-britan-ulagodili-rozb-zhnost-schodo-prodazhu-chels-ugodu-zakriyut-do-31-travnya-pishe-bloomberg.html" title="Абрамович і уряд Британії улагодили розбіжності щодо продажу &quot;Челсі&quot;, угоду закриють до 31 травня, пише Bloomberg">Абрамович і уряд Британії улагодили розбіжності щодо продажу...</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-culture/111077-nac-onal-niy-muzey-prado-zagovoriv-z-v-dv-duvachami-ukra-ns-koyu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/78c7af7289035e7ea1d8edcb1edb5541.jpeg&amp;size=320x210" class="wp-post-image" alt="Національний музей «Прадо» заговорив з відвідувачами українською. ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-culture" class="post_term category investing">Культура</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-culture/111077-nac-onal-niy-muzey-prado-zagovoriv-z-v-dv-duvachami-ukra-ns-koyu.html" title="Національний музей «Прадо» заговорив з відвідувачами українською. ">Національний музей «Прадо» заговорив з відвідувачами українською. </a>
                            <!--<a href="/news-suspilstvo-culture/111077-nac-onal-niy-muzey-prado-zagovoriv-z-v-dv-duvachami-ukra-ns-koyu.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/111067-stor-ya-povtoryu-t-sya-cherez-78-rok-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/81904b7647c2f342c574e63ac70b0e9e.jpeg&amp;size=320x210" class="wp-post-image" alt="Історія повторюється через 78 років">
                        </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/111067-stor-ya-povtoryu-t-sya-cherez-78-rok-v.html" title="Історія повторюється через 78 років">Історія повторюється через 78 років</a>
                            <!--<a href="/news-suspilstvo-events/111067-stor-ya-povtoryu-t-sya-cherez-78-rok-v.html" title="Історія повторюється через 78 років">Історія повторюється через 78 років</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3666').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-3666 .entry").remove();');
                                $('#streem_append_block-3666 .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-3666').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-1813-8 row-k-style" id="row-k-style-1813-8">
            <div class="row-k-width-1813-8 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3667 .post-image img {
        width: 100%;
    }
    .widjetComponent--3667 .post-image a {
        display: block;
    }
    .widjetComponent--3667 .post-content .category a {
        color: #000000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3667 .post-content .category a:hover {
        color: #000000;
    }
    .widjetComponent--3667 .widget-title a {
        color: #000000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3667 .widget-title a:hover {
        color: #000000;
    }
    .widjetComponent--3667 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3667 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3667 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3667 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3667 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3667 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3667 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3667">
            <style>
        .widjetComponent--title--3667.widget-title-base {
            color: #a30000;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #ffffff;
            padding: 10px 15px;
            text-align: flex-start;
        }
    </style>
    <a href="/news-ekonomika" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3667 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-finances/111049-hakeri-anonymous-zlamali-ros-ys-kiy-sberbank.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/cae75bb0bd96f05469d0b94932cdee89.jpeg&amp;size=320x210" class="wp-post-image" alt="Хакери Anonymous зламали російський "Сбербанк" ">
                        </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/111049-hakeri-anonymous-zlamali-ros-ys-kiy-sberbank.html" title="Хакери Anonymous зламали російський "Сбербанк" ">Хакери Anonymous зламали російський "Сбербанк" </a>
                            <!--<a href="/news-ekonomika-finances/111049-hakeri-anonymous-zlamali-ros-ys-kiy-sberbank.html" title="Хакери Anonymous зламали російський &quot;Сбербанк&quot; ">Хакери Anonymous зламали російський "Сбербанк" </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-agro-industry/111005-ssha-ta-soyuzniki-aktivno-dumayut-nad-rozrobkoyu-marshrut-v-vivezennya-z-ukra-ni-zhitt-vo-vazhlivih-zapas-v-zerna-pishe-cnn.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/62b5e458bd88c003f4d30c5ed6565120.jpeg&amp;size=320x210" class="wp-post-image" alt="США та союзники активно думають над розробкою маршрутів вивезення з України життєво важливих запасів зерна, – пише CNN">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-agro-industry" class="post_term category investing">Агропромисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-agro-industry/111005-ssha-ta-soyuzniki-aktivno-dumayut-nad-rozrobkoyu-marshrut-v-vivezennya-z-ukra-ni-zhitt-vo-vazhlivih-zapas-v-zerna-pishe-cnn.html" title="США та союзники активно думають над розробкою маршрутів вивезення з України життєво важливих запасів зерна, – пише CNN">США та союзники активно думають над розробкою маршрутів вивезення з України...</a>
                            <!--<a href="/news-ekonomika-agro-industry/111005-ssha-ta-soyuzniki-aktivno-dumayut-nad-rozrobkoyu-marshrut-v-vivezennya-z-ukra-ni-zhitt-vo-vazhlivih-zapas-v-zerna-pishe-cnn.html" title="США та союзники активно думають над розробкою маршрутів вивезення з України життєво важливих запасів зерна, – пише CNN">США та союзники активно думають над розробкою маршрутів...</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-agro-industry/110855-vrokom-s-ya-zaproponuvala-plan-dopomogi-ukra-n-z-eksportu-s-l-s-kogospodars-ko-produkc.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/bb60f8c84f26280206fb73823420072b.jpeg&amp;size=320x210" class="wp-post-image" alt="Єврокомісія запропонувала план допомоги Україні із експорту сільськогосподарської продукції">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-agro-industry" class="post_term category investing">Агропромисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-agro-industry/110855-vrokom-s-ya-zaproponuvala-plan-dopomogi-ukra-n-z-eksportu-s-l-s-kogospodars-ko-produkc.html" title="Єврокомісія запропонувала план допомоги Україні із експорту сільськогосподарської продукції">Єврокомісія запропонувала план допомоги Україні із експорту сільськогосподарської...</a>
                            <!--<a href="/news-ekonomika-agro-industry/110855-vrokom-s-ya-zaproponuvala-plan-dopomogi-ukra-n-z-eksportu-s-l-s-kogospodars-ko-produkc.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-finances/110839-yakscho-v-yna-zatyagnet-sya-b-l-sh-n-zh-na-3-4-m-syac-vlada-mozhe-vzhiti-bolyuchih-zahod-v-dlya-utrimannya-ekonom-ki-ukra-ni-na-plavu-r-zke-p-dvischennya-podatk-v-skorochennya-vitrat-nac-onal-zac-ya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/01457ac7c65b409fed4012a377581c01.jpeg&amp;size=320x210" class="wp-post-image" alt="Якщо війна затягнеться більш ніж на 3-4 місяці, влада може вжити «болючих заходів» для утримання економіки України на плаву – різке підвищення податків, скорочення витрат, націоналізація">
                        </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/110839-yakscho-v-yna-zatyagnet-sya-b-l-sh-n-zh-na-3-4-m-syac-vlada-mozhe-vzhiti-bolyuchih-zahod-v-dlya-utrimannya-ekonom-ki-ukra-ni-na-plavu-r-zke-p-dvischennya-podatk-v-skorochennya-vitrat-nac-onal-zac-ya.html" title="Якщо війна затягнеться більш ніж на 3-4 місяці, влада може вжити «болючих заходів» для утримання економіки України на плаву – різке підвищення податків, скорочення витрат, націоналізація">Якщо війна затягнеться більш ніж на 3-4 місяці, влада може вжити «болючих...</a>
                            <!--<a href="/news-ekonomika-finances/110839-yakscho-v-yna-zatyagnet-sya-b-l-sh-n-zh-na-3-4-m-syac-vlada-mozhe-vzhiti-bolyuchih-zahod-v-dlya-utrimannya-ekonom-ki-ukra-ni-na-plavu-r-zke-p-dvischennya-podatk-v-skorochennya-vitrat-nac-onal-zac-ya.html" title="Якщо війна затягнеться більш ніж на 3-4 місяці, влада може вжити «болючих заходів» для утримання економіки України на плаву – різке підвищення податків, скорочення витрат, націоналізація">Якщо війна затягнеться більш ніж на 3-4 місяці, влада може...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

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

    <a href="/news-ukraine-and-worlds" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3917 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/111128-ukrainskiy-biznesmen-podkupivshiy-eks-glavu-ukravtodora-pryachet-imuschestvo-v-ispanii.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/35849997a5f98965d6473216f4e704e3.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/111128-ukrainskiy-biznesmen-podkupivshiy-eks-glavu-ukravtodora-pryachet-imuschestvo-v-ispanii.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/111127-u-fridmana-reshili-peredat-borjomi-pravitel-stvu-gruzii.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/fafbb925714a07c9e1ac72873ecb9916.jpeg&amp;size=850x560" class="wp-post-image" alt="У Фридмана решили передать Borjomi правительству Грузии">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111127-u-fridmana-reshili-peredat-borjomi-pravitel-stvu-gruzii.html" title="У Фридмана решили передать Borjomi правительству Грузии">У Фридмана решили передать Borjomi правительству Грузии</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/111126-de-znahodyat-sya-naybagatsh-lyudi-kra-ni-p-d-chas-v-yni-yaroslavs-kiy-kolesn-kov-horoshkovs-kiy.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/221e17de3f24369c6b9c678ef81e46e6.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/111126-de-znahodyat-sya-naybagatsh-lyudi-kra-ni-p-d-chas-v-yni-yaroslavs-kiy-kolesn-kov-horoshkovs-kiy.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/111125-p-slya-obshuk-v-v-ep-centrah-sbu-peredast-konf-skovan-guman-tarn-bronezhileti-zsu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/685301a30620942365ceb8fab1258fc4.jpeg&amp;size=850x560" class="wp-post-image" alt="Після обшуків в &quot;Епіцентрах&quot;: СБУ передасть конфісковані &quot;гуманітарні&quot; бронежилети ЗСУ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111125-p-slya-obshuk-v-v-ep-centrah-sbu-peredast-konf-skovan-guman-tarn-bronezhileti-zsu.html" title="Після обшуків в &quot;Епіцентрах&quot;: СБУ передасть конфісковані &quot;гуманітарні&quot; бронежилети ЗСУ">Після обшуків в &quot;Епіцентрах&quot;: СБУ передасть конфісковані &quot;гуманітарні&quot;...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-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/111124-sbu-l-kv-duvala-masshtabnu-shemu-rozkradannya-guman-tarno-dopomogi-yaka-priznachalasya-ukra-ns-kim-zahisnikam-v-deo.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/791319322f7d8b2c08139be59a4a684c.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/111124-sbu-l-kv-duvala-masshtabnu-shemu-rozkradannya-guman-tarno-dopomogi-yaka-priznachalasya-ukra-ns-kim-zahisnikam-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/111122-ros-ya-probu-znayti-svoyu-divo-zbroyu-scho-sv-dchit-pro-povniy-proval-vtorgnennya-ta-strah-viznati-dopuschen-katastrof-chn-pomilki-zvernennya-prezidenta-ukra-ni.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/b1e36081d89db35a09b38adf1ed69eaa.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/111122-ros-ya-probu-znayti-svoyu-divo-zbroyu-scho-sv-dchit-pro-povniy-proval-vtorgnennya-ta-strah-viznati-dopuschen-katastrof-chn-pomilki-zvernennya-prezidenta-ukra-ni.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/111121-mikola-golomsha-ya-vimagayu-prityagnuti-put-na-do-m-zhnarodno-krim-nal-no-v-dpov-dal-nost.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/f4ab9bcc94327b7ce49eb24f1bcb597b.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/111121-mikola-golomsha-ya-vimagayu-prityagnuti-put-na-do-m-zhnarodno-krim-nal-no-v-dpov-dal-nost.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/111120-den-vishivanki-v-ukra-n-v-tannya-v-d-zelens-kogo-kalush-orchestra-patron-u-vishivanc.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/5597759459df68c810e777f6b5d25bb9.jpeg&amp;size=850x560" class="wp-post-image" alt="День вишиванки в Україні: вітання від Зеленського, Kalush Orchestra і Патрон у вишиванці">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111120-den-vishivanki-v-ukra-n-v-tannya-v-d-zelens-kogo-kalush-orchestra-patron-u-vishivanc.html" title="День вишиванки в Україні: вітання від Зеленського, Kalush Orchestra і Патрон у вишиванці">День вишиванки в Україні: вітання від Зеленського, Kalush Orchestra і Патрон...</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/111119-ros-ya-probu-znayti-svoyu-divo-zbroyu-scho-sv-dchit-pro-povniy-proval-vtorgnennya-ta-strah-viznati-dopuschen-katastrof-chn-pomilki-zvernennya-prezidenta-ukra-ni.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/52f22e02a823bfac51c9ecf1f32eaa67.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/111119-ros-ya-probu-znayti-svoyu-divo-zbroyu-scho-sv-dchit-pro-povniy-proval-vtorgnennya-ta-strah-viznati-dopuschen-katastrof-chn-pomilki-zvernennya-prezidenta-ukra-ni.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/111114-m-noboroni-prosit-ne-sluhati-ros-ys-k-pol-tichn-zayavi-pro-poryatunok-zahisnik-v-mar-upolya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/a9c1354a0799f1f13efe3c74b6834f61.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/111114-m-noboroni-prosit-ne-sluhati-ros-ys-k-pol-tichn-zayavi-pro-poryatunok-zahisnik-v-mar-upolya.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/111093-artiler-ys-k-p-drozd-li-desantno-shturmovih-v-ys-k-v-sklad-sil-oboroni-znischili-avtomatizovanu-stanc-yu-postanovki-pereshkod-r-330zh-zhitel-okupant-v.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/19.05.2022/5910cbe64cb06de740bbaa3becb88293/107d3d09f2c1884d968e6fab8af870dc_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Артилерійські підрозділи Десантно-штурмових військ в складі Сил оборони знищили  автоматизовану станцію постановки перешкод Р-330Ж “Житель” окупантів.">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111093-artiler-ys-k-p-drozd-li-desantno-shturmovih-v-ys-k-v-sklad-sil-oboroni-znischili-avtomatizovanu-stanc-yu-postanovki-pereshkod-r-330zh-zhitel-okupant-v.html" title="Артилерійські підрозділи Десантно-штурмових військ в складі Сил оборони знищили  автоматизовану станцію постановки перешкод Р-330Ж “Житель” окупантів.">Артилерійські підрозділи Десантно-штурмових військ в складі Сил оборони...</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/111090-malyar-zaklika-ne-spriymati-ros-ys-kih-zayav-schodo-azovc-v.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/b743f821fe9eb74057d731b717ef0036.jpeg&amp;size=850x560" class="wp-post-image" alt="Маляр закликає не сприймати російських заяв, щодо &quot;Азовців&quot;">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111090-malyar-zaklika-ne-spriymati-ros-ys-kih-zayav-schodo-azovc-v.html" title="Маляр закликає не сприймати російських заяв, щодо &quot;Азовців&quot;">Маляр закликає не сприймати російських заяв, щодо &quot;Азовців&quot;</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/111102-mikola-golomsha-ya-vimagayu-prityagnuti-put-na-do-m-zhnarodno-krim-nal-no-v-dpov-dal-nost.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/9524b8587c407dbf9e126c13ff259175.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/111102-mikola-golomsha-ya-vimagayu-prityagnuti-put-na-do-m-zhnarodno-krim-nal-no-v-dpov-dal-nost.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/111099-ukra-na-povernet-sya-volodimir-zelens-kiy-zvernuvsya-do-ukra-nc-v-yak-znahodyat-sya-p-d-okupac-yu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/f969b7e079f4f1f95c6ee5d98f4de83d.png&amp;size=850x560" class="wp-post-image" alt="&quot;Україна повернеться&quot;: Володимир Зеленський звернувся до українців, які знаходяться під окупацією">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111099-ukra-na-povernet-sya-volodimir-zelens-kiy-zvernuvsya-do-ukra-nc-v-yak-znahodyat-sya-p-d-okupac-yu.html" title="&quot;Україна повернеться&quot;: Володимир Зеленський звернувся до українців, які знаходяться під окупацією">&quot;Україна повернеться&quot;: Володимир Зеленський звернувся до українців, які...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/111097-chinovniki-merii-cherkass-rastratili-bolee-2-8-mln-griven.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/bba31c330b7e9d8bbe1cf412cb5071e3.jpeg&amp;size=850x560" class="wp-post-image" alt="Чиновники мэрии Черкасс растратили более 2,8 млн гривен">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111097-chinovniki-merii-cherkass-rastratili-bolee-2-8-mln-griven.html" title="Чиновники мэрии Черкасс растратили более 2,8 млн гривен">Чиновники мэрии Черкасс растратили более 2,8 млн гривен</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/111095-v-kropivnickom-deputat-ot-opzzh-pod-narkotikami-podralsya-s-pravoohranitelyami.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.05.2022/b2253526f98c7253400a71fd93cab547.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/111095-v-kropivnickom-deputat-ot-opzzh-pod-narkotikami-podralsya-s-pravoohranitelyami.html" title="В Кропивницком депутат от ОПЗЖ под наркотиками подрался с правоохранителями">В Кропивницком депутат от ОПЗЖ под наркотиками подрался с правоохранителями</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-1813-10 row-k-style" id="row-k-style-1813-10">
            <div class="row-k-width-1813-10 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 base-content no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-1812-2 row-k-style" id="row-k-style-1812-2">
            <div class="row-k-width-1812-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 disable-cont no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-1812-3 row-k-style" id="row-k-style-1812-3">
            <div class="row-k-width-1812-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-6 disable-cont no-padding">
                                <div class="content-inner">
                                                                    </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 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();
                        if(ww > 991) {
                            addStyle("https://cdn.ukraine-inform.com/assets/videoplayer.css");
                                                        addStyle("https://cdn.ukraine-inform.com/new1/lazy-app.4f192f45.css");
                            addScript("https://cdn.ukraine-inform.com/new1/app.a5e7f618.js");
                            
                            addScript("https://cdn.ukraine-inform.com/assets/videoplayer.js?v=06");
                        }
                        $(window).scroll(function() {
                            var scroll = $(window).scrollTop();

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


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


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

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

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

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


                            <!--player-->

                            <script src="https://cdn.ukraine-inform.com/admin/axios.min.js"></script>
            <!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
            <script src="https://cdn.ukraine-inform.com/admin/vue.js"></script>
            <script src="https://cdn.ukraine-inform.com/assets/video-player/player.js?v=07"></script>
                                        			            <!--player-->
                                                                            
        
                        <script type="text/javascript">
            $(function() {
                $.fn.fixedMenu = function() {
                    if ($(window).scrollTop() >= "250") $(this).addClass("fixed-menu-bar")
                    var scrollDiv = $(this);
                    $(window).scroll(function() {
                        if ($(window).scrollTop() <= "250")
                            $(scrollDiv).removeClass("fixed-menu-bar");
                        else
                            $(scrollDiv).addClass("fixed-menu-bar");
                    });
                }

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

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

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

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