<!--::result::time::08:08:54::App\Service\Components\Text\T01::-->
<!--::result::time::08:08:54::work: 0.002 s::App\Service\Components\Text\T01::-->
<!--::result::time::08:08:54::App\Service\Components\Header\H03::-->
<!--::result::time::08:08:54::work: 0.0072 s::App\Service\Components\Header\H03::-->
<!--::result::time::08:08:54::App\Service\Components\Header\H04::-->
<!--::result::time::08:08:54::work: 0.0008 s::App\Service\Components\Header\H04::-->
<!--::result::time::08:08:54::App\Service\Components\Header\H06::-->
<!--::result::time::08:08:54::work: 0.0067 s::App\Service\Components\Header\H06::-->
<!--::result::time::08:08:54::App\Service\Components\Text\T01::-->
<!--::result::time::08:08:54::work: 0.0001 s::App\Service\Components\Text\T01::-->
<!--::result::time::08:08:54::App\Service\Components\News\N04::-->
<!--::result::time::08:08:54::getChildsMapIds work: 0.0028 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:54::SELECT getPagesByCategoryLimit::-->
<!--::result::time::08:08:54::work category: 1519,1590,1591,1592,1593,1594,1595::getPagesByCategoryLimit::-->
<!--::result::time::08:08:54::work count: 2::getPagesByCategoryLimit::-->
<!--::result::time::08:08:54::SELECT work: 0.0026 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:54::POST getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::POST work: 0.008 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::count work: 2 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::foreach work: 0.0059 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::work: 0.0217 s::App\Service\Components\News\N04::-->
<!--::result::time::08:08:55::App\Service\Components\News\N01::-->
<!--::result::time::08:08:55::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::SELECT getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::work category: 1517::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::SELECT work: 0.0008 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::POST getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::POST work: 0.0046 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::foreach work: 0.0099 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::work: 0.0182 s::App\Service\Components\News\N01::-->
<!--::result::time::08:08:55::App\Service\Components\News\N01::-->
<!--::result::time::08:08:55::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::SELECT getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::work category: 1670::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::work count: 2::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::SELECT work: 0.001 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::POST getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::POST work: 0.0041 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::count work: 2 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::foreach work: 0.0083 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::work: 0.0149 s::App\Service\Components\News\N01::-->
<!--::result::time::08:08:55::App\Service\Components\News\N01::-->
<!--::result::time::08:08:55::getChildsMapIds work: 0.0002 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::SELECT getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::work category: 1522::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::work count: 16::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::SELECT work: 0.081 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::POST getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::POST work: 0.0075 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::count work: 16 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::foreach work: 0.028 s::getPagesByCategoryLimit::-->
<!--::result::time::08:08:55::work: 0.1185 s::App\Service\Components\News\N01::-->
<!--::result::time::08:08:55::work: 0.2163 s::-->
<!--::result::time::08:08:55::render work: 0.0189 s::-->
<!DOCTYPE html>
<html class="default-style" lang="ua">
    <head>
        <meta charset="UTF-8">
                <title>Piar Піар Київ Пиар Реклама Створення сайтів Прес-конференція Громадські слухання Політичний піар Вибори Рейтинг Презентаційний фільм Рекламний ролик Реклама на телебаченні Реклама в інтернеті Facebook Youtube Написання статті Медіа Моніторинг</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-642-0 {width:95%}
.row-k-style-642-0 {background: linear-gradient(#0088ff,#0088ff)}
.row-k-width-642-1 {width:95%}
.row-k-style-642-1 {background: linear-gradient(#d9cd4c,#ffe88c)}
.row-k-width-642-2 {width:95%}
.row-k-style-642-2 {background: linear-gradient(#dbc869,#f0d97f)}
.row-k-width-642-3 {width:95%}
.row-k-style-642-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-642-4 {width:95%}
.row-k-style-642-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-643-0 {width:95%}
.row-k-style-643-0 {background: linear-gradient(#bde5ff,#fffde0)}
.row-k-width-643-1 {width:95%}
.row-k-style-643-1 {background: linear-gradient(#fffde0,#bde5ff)}
.row-k-width-643-2 {width:95%}
.row-k-style-643-2 {background: linear-gradient(#bde5ff,#fffde0)}
.row-k-width-643-3 {width:95%}
.row-k-style-643-3 {background: linear-gradient(#bde5ff,#fffde0)}
.row-k-width-643-4 {width:95%}
.row-k-style-643-4 {background: linear-gradient(#bde5ff,#fffde0)}
.row-k-style-643-4 {background:url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/28.12.2019/93a793ed9e961060e5367514e79328d7.mp4&size=1000<<1000) center top no-repeat;background-size: cover;}
.row-k-width-643-5 {width:95%}
.row-k-style-643-5 {background: linear-gradient(#bde5ff,#fffde0)}

        </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="Piar Піар Київ Пиар Реклама Створення сайтів Прес-конференція Громадські слухання Політичний піар Вибори Рейтинг Презентаційний фільм Рекламний ролик Реклама на телебаченні Реклама в інтернеті Facebook Youtube Написання статті Медіа Моніторинг">
			<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-642-0 row-k-style" id="row-k-style-642-0">
            <div class="row-k-width-642-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-7 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4112 {
        background: transparent;;
    }
    .widjetComponent--4112 .inner-text {
        padding: 5px 10px 1px 10px;
        color: #ffffff;
    }
    .widjetComponent--4112 .inner-text * {
        color: #ffffff;
    }
</style>

<section class="widjetComponent--4112">
    <div class="inner-text">
        <p><span style="font-size: 10pt;"><strong>Директор Рекламного агентства  "Піар" - Кульчицька Єлизавета Сергіївна +380 (098) 004 77 77</strong></span></p>
    </div>
</section>
                                                                    </div>
                            </div>
                                                                                                <div class="col-md-5 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1494.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1494 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1494.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1494.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1494.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1494 .navbar .navbar-nav .nav-link {
        font-size: 17px;
        color: #ffffff;
    }
    .widjetComponent--1494 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent1494 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1494 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1494 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1494 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1494 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1494" once="menu" id="menu1494-6" data-rv-view="756">
    <nav class="navbar navbar-expand beta-menu align-items-center navbar-toggleable-sm">
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1494"
                aria-controls="navbarSupportedContent1494" 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="navbarSupportedContent1494">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/users">Автори новин</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/auth/login">Увійти</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/auth/register">Зареєструватися</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-642-1 row-k-style" id="row-k-style-642-1">
            <div class="row-k-width-642-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--1353.logo-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 25px;
        padding: 5px;
    }
    .widjetComponent--1353 .logo-text {
        margin-left: 25px;    }
    </style>
<a class="widjetComponent--1353 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2020/4d4cd5bae7bbea1fd5d1c31c0de83a8b.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2020/4d4cd5bae7bbea1fd5d1c31c0de83a8b.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2020/4d4cd5bae7bbea1fd5d1c31c0de83a8b.png&size=<<340 340w">
            <span class="logo-text">Рекламне агентство PR</span>
    </a>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-8 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1497 .navbar {
        padding: 0;
    }
    .widjetComponent--1497 .nav-dropdown .link {
        margin: 0;
    }
    .widjetComponent--1497 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--1497 {
        background: transparent;
    }
    .widjetComponent--1497 .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: #0099ff;
    }
    .widjetComponent--1497 .nav-dropdown>li>a:hover:after {
        left: 0;
        right: 0;
        width: auto;
        opacity: 1;
    }
    .widjetComponent--1497 .nav-dropdown>li>a:before {
        content: '';
        width: 100%;
        height: 0;
        display: inline-block;
        position: absolute;
        background: #ffc182;
        top: 0;
        right: 0;
        z-index: -1;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }
    .widjetComponent--1497 .nav-dropdown>li>a:hover:before {
        height: 100%;
    }
    .widjetComponent--1497 .nav-dropdown .link.dropdown-toggle::after {
        margin-left: 0;
        border: 0;
    }
    .widjetComponent--1497 .navbar-toggleable-sm .navbar-nav .nav-link,
    .widjetComponent--1497 .nav-dropdown>li>a {
        padding: 14px 21px 14px 21px;
        color: #ffffff;
        position: relative;
        font-size: 16px;
    }
    .widjetComponent--1497 .open-search {
        color: #ffffff;
    }
    .widjetComponent--1497 .nav-dropdown>li>a:hover {
        padding: 14px 21px 14px 21px;
        color: #0099ff;
    }

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

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

    .widjetComponent--1497 .dropdown.open .dropdown-menu {
        display: block;
        padding: 0;
    }
    .widjetComponent--1497 .dropdown .dropdown-menu .dropdown-item {
        background: #e3a62b;
        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--1497 .dropdown .dropdown-menu .dropdown-item:hover {
        background: #facc71;
        color: #ffffff;
    }
    .widjetComponent--1497 .search-item .form-search {
        display: none;
    }
</style>
<section class="menu widjetComponent--1497">
    <nav class="navbar navbar-expand navbar-toggleable-sm">
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1497"
                aria-controls="navbarSupportedContent1497" 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="navbarSupportedContent1497">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li>
                            <a class="nav-link link" href="/novini">Новини</a>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/reklama"
                               data-toggle="dropdown-submenu" aria-expanded="false">Реклама</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/prezentatsіjnij-fіlm">Презентаційний фільм</a>
                                                                    <a class="dropdown-item" href="/reklamnij-rolik">Рекламний ролик</a>
                                                                    <a class="dropdown-item" href="/reklama-na-telebachennі">Реклама на телебаченні</a>
                                                                    <a class="dropdown-item" href="/reklama-facebook">Реклама Facebook</a>
                                                                    <a class="dropdown-item" href="/reklama-youtube">Реклама Youtube</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/poslugi"
                               data-toggle="dropdown-submenu" aria-expanded="false">Послуги</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/pres-konferentsІya-v-rezhimі-telemostu">ПРЕС-КОНФЕРЕНЦІЯ в режимі телемосту</a>
                                                                    <a class="dropdown-item" href="/gromadskІ-sluhannya-v-rezhimі-telemostu">ГРОМАДСЬКІ СЛУХАННЯ в режимі телемосту</a>
                                                                    <a class="dropdown-item" href="/avtori-novin-na-sajtah-portalu-ukraine-Іnform">АВТОРИ НОВИН на сайтах порталу УКРАЇНА ІНФОРМ</a>
                                                                    <a class="dropdown-item" href="/pІdklyuchennya-sajtІv-do-ukraine-Іnform">ПІДКЛЮЧЕННЯ САЙТІВ ДО УКРАЇНА ІНФОРМ</a>
                                                                    <a class="dropdown-item" href="/napisannya-stattІ">НАПИСАННЯ СТАТТІ</a>
                                                                    <a class="dropdown-item" href="/medІa-monІtoring">МЕДІА МОНІТОРИНГ</a>
                                                            </div>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/interview">Інтерв'ю</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/news-ukraine-and-worlds">Новини України та світу</a>
                        </li>
                                    
            </ul>
            <div class="search-item">
                <a class="nav-link link open-search" href="#"><i class="fas fa-search d-block"></i></a>
                <form action="/news" method="post" class="form-search">
                    <input type="text"
                           class="form-control"
                           id="search-query"
                           name="Search[query]"
                           value="" placeholder="Введіть ключове слово">
                    <button type="submit">Знайти</button>
                </form>
            </div>
        </div>
    </nav>
</section>


                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-642-2 row-k-style" id="row-k-style-642-2">
            <div class="row-k-width-642-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                                                                <div class="col-md-8 disable-cont no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-643-0 row-k-style" id="row-k-style-643-0">
            <div class="row-k-width-643-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3770 .post-image img {
        width: 100%;
    }
    .widjetComponent--3770 .post-image a {
        display: block;
    }
    .widjetComponent--3770 .post-image {
        position: relative;
    }
    .widjetComponent--3770 .post-content .category {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3770 .post-inner:hover .category {
        color: #ffffff;
    }
    .widjetComponent--3770 .widget-title {
        color: #ffffff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--3770 .post-inner:hover .widget-title {
        color: #ffffff;
    }

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

</style>
<section class="widjet-component-inner widjetComponent--3770">
            <style>
        .widjetComponent--title--3770.widget-title-base {
            color: #20bcf5;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #20bcf5;
            text-align: center;
        }
        .widjetComponent--title--3770.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/poslugi" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3770 widget-title-base">
        <span>Послуги</span>
    </h4>
    </a>    <div class="row">
                                                <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/gromadskІ-sluhannya-v-rezhimі-telemostu/79378-gromads-k-sluhannya.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2020/696883768a6c5e66b19f53b6ff66a25f.png&amp;size=850x560" class="wp-post-image" alt="ГРОМАДСЬКІ СЛУХАННЯ ">
                            <div class="post-content">
                                <div class="category">ГРОМАДСЬКІ СЛУХАННЯ в режимі телемосту</div>
                                <h3 class="widget-title">ГРОМАДСЬКІ СЛУХАННЯ </h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/pres-konferentsІya-v-rezhimі-telemostu/79377-pres-konferenc-ya.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2020/5368832431a7e8d7c41ed8502ba4849e.png&amp;size=850x560" class="wp-post-image" alt="ПРЕС-КОНФЕРЕНЦІЯ">
                            <div class="post-content">
                                <div class="category">ПРЕС-КОНФЕРЕНЦІЯ в режимі телемосту</div>
                                <h3 class="widget-title">ПРЕС-КОНФЕРЕНЦІЯ</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-643-1 row-k-style" id="row-k-style-643-1">
            <div class="row-k-width-643-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1517 .post-image img {
        width: 100%;
    }
    .widjetComponent--1517 .post-image a {
        display: block;
    }
    .widjetComponent--1517 .post-content .category a {
        color: #0099ff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1517 .post-content .category a:hover {
        color: #cc9933;
    }
    .widjetComponent--1517 .widget-title a {
        color: #0065a8;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1517 .widget-title a:hover {
        color: #cc9933;
    }
    .widjetComponent--1517 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1517 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1517 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1517 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1517 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1517 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1517 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1517">
            <style>
        .widjetComponent--title--1517.widget-title-base {
            color: #0099ff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #0099ff;
            text-align: center;
        }
        .widjetComponent--title--1517.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/novini" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1517 widget-title-base">
        <span>Новини</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/novini/102708-vropeys-kiy-nvestic-yniy-bank-zb-l-shit-kredituvannya-proekt-v-pov-yazanih-z-kl-matichnoyu-d-yal-n-styu-do-15.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.11.2021/b1af33528ea6fdf3a655e4c19bb188aa.jpeg&amp;size=320x210" class="wp-post-image" alt="Європейський інвестиційний банк збільшить кредитування проектів пов’язаних з кліматичною діяльністю до 15%">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/novini" class="post_term category investing">Новини</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/novini/102708-vropeys-kiy-nvestic-yniy-bank-zb-l-shit-kredituvannya-proekt-v-pov-yazanih-z-kl-matichnoyu-d-yal-n-styu-do-15.html" title="Європейський інвестиційний банк збільшить кредитування проектів пов’язаних з кліматичною діяльністю до 15%">Європейський інвестиційний банк збільшить кредитування проектів пов’язаних...</a>
                            <!--<a href="/novini/102708-vropeys-kiy-nvestic-yniy-bank-zb-l-shit-kredituvannya-proekt-v-pov-yazanih-z-kl-matichnoyu-d-yal-n-styu-do-15.html" title="Європейський інвестиційний банк збільшить кредитування проектів пов’язаних з кліматичною діяльністю до 15%">Європейський інвестиційний банк збільшить кредитування проектів...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/83215-vibori-ki-vs-ka-m-s-ka-rada-darnicya-2020-gar-kaviy-llya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.10.2020/2d693dba86eeb3fcf97c2c289499c7c6.jpeg&amp;size=320x210" class="wp-post-image" alt="Вибори Київська міська рада Дарниця 2020 : Гарькавий Ілля ">
                        </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/83215-vibori-ki-vs-ka-m-s-ka-rada-darnicya-2020-gar-kaviy-llya.html" title="Вибори Київська міська рада Дарниця 2020 : Гарькавий Ілля ">Вибори Київська міська рада Дарниця 2020 : Гарькавий Ілля </a>
                            <!--<a href="/news-ukraine-and-worlds/83215-vibori-ki-vs-ka-m-s-ka-rada-darnicya-2020-gar-kaviy-llya.html" title="Вибори Київська міська рада Дарниця 2020 : Гарькавий Ілля ">Вибори Київська міська рада Дарниця 2020 : Гарькавий Ілля...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/83219-vibori-ki-vs-ka-m-s-ka-rada-darnicya-2020-gar-kaviy-llya-oblagorodzhennya-parku-partizans-ko-slavi.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.10.2020/c2a1f6cb10efd3d7d68c0b346552cda1.jpeg&amp;size=320x210" class="wp-post-image" alt="Вибори Київська міська рада Дарниця 2020 : Гарькавий Ілля : облагородження парку Партизанської слави">
                        </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/83219-vibori-ki-vs-ka-m-s-ka-rada-darnicya-2020-gar-kaviy-llya-oblagorodzhennya-parku-partizans-ko-slavi.html" title="Вибори Київська міська рада Дарниця 2020 : Гарькавий Ілля : облагородження парку Партизанської слави">Вибори Київська міська рада Дарниця 2020 : Гарькавий Ілля : облагородження...</a>
                            <!--<a href="/news-ukraine-and-worlds/83219-vibori-ki-vs-ka-m-s-ka-rada-darnicya-2020-gar-kaviy-llya-oblagorodzhennya-parku-partizans-ko-slavi.html" title="Вибори Київська міська рада Дарниця 2020 : Гарькавий Ілля : облагородження парку Партизанської слави">Вибори Київська міська рада Дарниця 2020 : Гарькавий Ілля...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/83106-gar-kaviy-llya-blagod-yna-dopomoga-tubdispanseru.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.10.2020/cbc81b2302523979144be707e51cd419.jpeg&amp;size=320x210" 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/83106-gar-kaviy-llya-blagod-yna-dopomoga-tubdispanseru.html" title="Гарькавий Ілля : благодійна допомога тубдиспансеру">Гарькавий Ілля : благодійна допомога тубдиспансеру</a>
                            <!--<a href="/news-ukraine-and-worlds/83106-gar-kaviy-llya-blagod-yna-dopomoga-tubdispanseru.html" title="Гарькавий Ілля : благодійна допомога тубдиспансеру">Гарькавий Ілля : благодійна допомога тубдиспансеру</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1517').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-1517 .entry").remove();');
                                $('#streem_append_block-1517 .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-1517').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-643-2 row-k-style" id="row-k-style-643-2">
            <div class="row-k-width-643-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1558 .post-image img {
        width: 100%;
    }
    .widjetComponent--1558 .post-image a {
        display: block;
    }
    .widjetComponent--1558 .post-content .category a {
        color: #0099ff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1558 .post-content .category a:hover {
        color: #cc9933;
    }
    .widjetComponent--1558 .widget-title a {
        color: #0065a8;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1558 .widget-title a:hover {
        color: #cc9933;
    }
    .widjetComponent--1558 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1558 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1558 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1558 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1558 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1558 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1558 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1558">
            <style>
        .widjetComponent--title--1558.widget-title-base {
            color: #0099ff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #0099ff;
            text-align: center;
        }
        .widjetComponent--title--1558.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/prezentatsіjnij-rolik" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1558 widget-title-base">
        <span>Реклама</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/prezentatsіjnij-rolik/100428-gemagoten-happy-kid.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/12.12.2021/7b6ab7fe078d8fbe95f1e037da6d1fc5/40cf24402304c52f9fc024e5ac3db5ce.mp4"
                               data-videoid="2776"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/10.09.2021/b6d74d799a5deb4a5e7f99a15edb8299/sprite_hls_manifest.m3u8"
                               data-link="/prezentatsіjnij-rolik/100428-gemagoten-happy-kid.html"
                               title="Гемаготен Happy kid"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/10.09.2021/b6d74d799a5deb4a5e7f99a15edb8299/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/10.09.2021/b6d74d799a5deb4a5e7f99a15edb8299/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/10.09.2021/b6d74d799a5deb4a5e7f99a15edb8299/253ebffdd997ff0ffa67ecb5e97b7aa2_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Гемаготен Happy kid">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/prezentatsіjnij-rolik" class="post_term category investing">Презентаційний ролик</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/prezentatsіjnij-rolik/100428-gemagoten-happy-kid.html" title="Гемаготен Happy kid">Гемаготен Happy kid</a>
                            <!--<a href="/prezentatsіjnij-rolik/100428-gemagoten-happy-kid.html" title="Гемаготен Happy kid">Гемаготен Happy kid</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="/prezentatsіjnij-rolik/91855-gemagoten-happy-kid.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/09.04.2021/a29396ddeaadfa0fe63040e4584125b8/dc8147c4af152d84c67bf90b535a02a4.mp4"
                               data-videoid="2166"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/09.04.2021/a29396ddeaadfa0fe63040e4584125b8/sprite_hls_manifest.m3u8"
                               data-link="/prezentatsіjnij-rolik/91855-gemagoten-happy-kid.html"
                               title="Гемаготен Happy kid"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/09.04.2021/a29396ddeaadfa0fe63040e4584125b8/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/09.04.2021/a29396ddeaadfa0fe63040e4584125b8/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/09.04.2021/a29396ddeaadfa0fe63040e4584125b8/7e6427004aa90debaee5fc4a04e6aa08_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Гемаготен Happy kid">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/prezentatsіjnij-rolik" class="post_term category investing">Презентаційний ролик</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/prezentatsіjnij-rolik/91855-gemagoten-happy-kid.html" title="Гемаготен Happy kid">Гемаготен Happy kid</a>
                            <!--<a href="/prezentatsіjnij-rolik/91855-gemagoten-happy-kid.html" title="Гемаготен Happy kid">Гемаготен Happy kid</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

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

</style>
<section class="widjet-component-inner widjetComponent--1406">
            <style>
        .widjetComponent--title--1406.widget-title-base {
            color: #0099ff;
            font-size: 24px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #0099ff;
            text-align: center;
        }
        .widjetComponent--title--1406.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-ukraine-and-worlds" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1406 widget-title-base">
        <span>Новини України та світу</span>
    </h4>
    </a>    <div class="row">
                                                <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/111244-pol-s-kiy-narod-dyaku-vam-za-vash-op-r-za-vashu-v-dvagu-vash-zahist-v-tchizni---prezident-pol-sch-andzhey-duda-u-verhovn-y-rad-ukra-ni.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/d179ed31f66fe1cf92bb1aa6e8e83ed3.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/111244-pol-s-kiy-narod-dyaku-vam-za-vash-op-r-za-vashu-v-dvagu-vash-zahist-v-tchizni---prezident-pol-sch-andzhey-duda-u-verhovn-y-rad-ukra-ni.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/111243-samoprogolosheniy-golova-narodno-adm-n-strac-energodara-poraneniy-vnasl-dok-vibuhu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/6225bf791747d79e556fa3cab10909cd.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/111243-samoprogolosheniy-golova-narodno-adm-n-strac-energodara-poraneniy-vnasl-dok-vibuhu.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/111242-na-dn-propetrovschin-pens-oner-p-d-rvavsya-koli-namagavsya-roz-brati-m-ni.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/d3f5f58cecc4b12aaec5f691afa71c4b.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/111242-na-dn-propetrovschin-pens-oner-p-d-rvavsya-koli-namagavsya-roz-brati-m-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/111241-okupanti-vdruge-zruynuvali-m-st-m-zh-s-v-rodonec-kom-ta-lisichans-kom.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/1acfcb8a439f75039f5fe1b63011a26b.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/111241-okupanti-vdruge-zruynuvali-m-st-m-zh-s-v-rodonec-kom-ta-lisichans-kom.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/111240-dmitro-kuleba-same-ukra-na-viznachatime-de-y-koli-zak-nchit-sya-v-yna.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/b1bc626473df60a243302911176ef15b.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/111240-dmitro-kuleba-same-ukra-na-viznachatime-de-y-koli-zak-nchit-sya-v-yna.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/111239-na-ki-vschin-traktor-na-hav-na-vibuh-vku.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/3064469a77327c8fb41dee362471d04c.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/111239-na-ki-vschin-traktor-na-hav-na-vibuh-vku.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/111238-do-ki-va-pribuv-prezident-pol-sch-andzhey-duda.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/7ea8ae185333bd171739b0df3cd7071b.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/111238-do-ki-va-pribuv-prezident-pol-sch-andzhey-duda.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/111233-na-donbas-zsu-znischili-p-yat-tank-v-ta-10-boyovih-bron-ovanih-mashin.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/b94fe8a1fcb3c1ec1404caf10eef91e8.jpeg&amp;size=850x560" class="wp-post-image" alt="🔥 На Донбасі ЗСУ знищили п‘ять танків та 10 бойових броньованих машин">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111233-na-donbas-zsu-znischili-p-yat-tank-v-ta-10-boyovih-bron-ovanih-mashin.html" title="🔥 На Донбасі ЗСУ знищили п‘ять танків та 10 бойових броньованих машин">🔥 На Донбасі ЗСУ знищили п‘ять танків та 10 бойових броньованих машин</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/111232-ros-yani-namagalisya-uv-rvatisya-u-s-v-rodonec-k-z-chotir-oh-bok-v-ale-poterp-li-nevdachu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/3e4dce9783da000efa45a3b9a541318b.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/111232-ros-yani-namagalisya-uv-rvatisya-u-s-v-rodonec-k-z-chotir-oh-bok-v-ale-poterp-li-nevdachu.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/111231-vorog-nan-s-udar-po-odnomu-z-s-l-u-zapor-z-k-y-oblast.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/4605c4dbfe0e0e08483eb5749983ceab.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/111231-vorog-nan-s-udar-po-odnomu-z-s-l-u-zapor-z-k-y-oblast.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/111230-obstr-li-ruynuvannya-ta-poranen-lyudi-yak-minula-n-ch-u-naygaryach-shih-tochkah-ukra-ni.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/95780437e9d319497308be80487e9676.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/111230-obstr-li-ruynuvannya-ta-poranen-lyudi-yak-minula-n-ch-u-naygaryach-shih-tochkah-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/111229-takih-operac-y-v-stor-ne-bulo-b-lec-kiy-rozpov-v-yak-zahisnikam-azovstal-gel-kopterami-perekidali-dopomogu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/51fc5cb81db97a0630263a2993ad21f9.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/111229-takih-operac-y-v-stor-ne-bulo-b-lec-kiy-rozpov-v-yak-zahisnikam-azovstal-gel-kopterami-perekidali-dopomogu.html" title="💪 Таких операцій в історії не було: Білецький розповів, як захисникам «Азовсталі» гелікоптерами перекидали допомогу ">💪 Таких операцій в історії не було: Білецький розповів, як захисникам «Азовсталі»...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/111228-persh-15-zen-tnih-ustanovok-gepard-postavlyat-v-ukra-nu-u-lipn.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/a313daf2d892436755d5dff588e2ca79.jpeg&amp;size=850x560" class="wp-post-image" alt="Перші 15 зенітних установок Gepard поставлять в Україну у липні">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111228-persh-15-zen-tnih-ustanovok-gepard-postavlyat-v-ukra-nu-u-lipn.html" title="Перші 15 зенітних установок Gepard поставлять в Україну у липні">Перші 15 зенітних установок Gepard поставлять в Україну у липні</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/111227-c-ogor-chn-vipuskniki-shk-l-otrimayut-dokumenti-pro-osv-tu-nezalezhno-v-d-m-scya-perebuvannya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/853b0d97c80ec8e3c80022bfdccd624f.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/111227-c-ogor-chn-vipuskniki-shk-l-otrimayut-dokumenti-pro-osv-tu-nezalezhno-v-d-m-scya-perebuvannya.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/111225-kra-ni-g7-vid-lyat-mayzhe-20-m-l-yard-v-dolar-v-dopomogi-ukra-n.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.05.2022/80611f985f888742addd944ea93c35d9.jpeg&amp;size=850x560" class="wp-post-image" alt="💰Країни G7 виділять майже 20 мільярдів доларів допомоги Україні">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111225-kra-ni-g7-vid-lyat-mayzhe-20-m-l-yard-v-dolar-v-dopomogi-ukra-n.html" title="💰Країни G7 виділять майже 20 мільярдів доларів допомоги Україні">💰Країни G7 виділять майже 20 мільярдів доларів допомоги Україні</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/111224-z-18-po-25-travnya-2022-roku-p-d-chas-kans-kogo-k-nofestivalyu-ukra-ns-ka-dizaynera-olena-dac-prezentuvatime-sv-y-noviy-v-rtual-niy-proekt-ober-g-u-podarunkovomu-shourum-dpa-cannes-v-gotel-jw-marriott-organ-zovanomu-natal-dyubua.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.05.2022/52fee42179d46abffbb645a54993f4a0.jpeg&amp;size=850x560" class="wp-post-image" alt="З 18 по 25 травня 2022 року під час Канського кінофестивалю українська дизайнера Олена Даць презентуватиме свій новий віртуальний проект “Оберіг” у подарунковому шоурумі DPA Cannes в готелі JW Marriott, організованому Наталі Дюбуа">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111224-z-18-po-25-travnya-2022-roku-p-d-chas-kans-kogo-k-nofestivalyu-ukra-ns-ka-dizaynera-olena-dac-prezentuvatime-sv-y-noviy-v-rtual-niy-proekt-ober-g-u-podarunkovomu-shourum-dpa-cannes-v-gotel-jw-marriott-organ-zovanomu-natal-dyubua.html" title="З 18 по 25 травня 2022 року під час Канського кінофестивалю українська дизайнера Олена Даць презентуватиме свій новий віртуальний проект “Оберіг” у подарунковому шоурумі DPA Cannes в готелі JW Marriott, організованому Наталі Дюбуа">З 18 по 25 травня 2022 року під час Канського кінофестивалю українська...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-643-5 row-k-style" id="row-k-style-643-5">
            <div class="row-k-width-643-5 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 base-content no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-642-4 row-k-style" id="row-k-style-642-4">
            <div class="row-k-width-642-4 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1584 {
        background: transparent;;
    }
    .widjetComponent--1584 .inner-text {
        padding: 10px 10px 10px 10px;
        color: #000;
    }
    .widjetComponent--1584 .inner-text * {
        color: #000;
    }
</style>

<section class="widjetComponent--1584">
    <div class="inner-text">
        <p style="font-size: 32px; text-align: center;"><strong style="box-sizing: inherit; color: #2b2b2b; text-align: center; font-family: 'PT Serif Caption'; font-size: 14px; background-color: #ffffff;">© 2020 Piar</strong></p>
    </div>
</section>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            
        
        <a href="#" id="go-top"><i class="fas fa-arrow-up"></i></a>

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


                document.addEventListener("DOMContentLoaded", function () {
                    $(document).ready(function () {
                        var in_slider_2 = false;
                        var ww = $(window).width();
                        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>