<!--::result::time::06:22:07::App\Service\Components\Header\H03::-->
<!--::result::time::06:22:07::work: 0.0067 s::App\Service\Components\Header\H03::-->
<!--::result::time::06:22:07::App\Service\Components\Header\H03::-->
<!--::result::time::06:22:07::work: 0.0014 s::App\Service\Components\Header\H03::-->
<!--::result::time::06:22:07::App\Service\Components\Header\H03::-->
<!--::result::time::06:22:07::work: 0.0032 s::App\Service\Components\Header\H03::-->
<!--::result::time::06:22:07::App\Service\Components\Header\H04::-->
<!--::result::time::06:22:07::work: 0.0014 s::App\Service\Components\Header\H04::-->
<!--::result::time::06:22:07::App\Service\Components\Header\H02::-->
<!--::result::time::06:22:07::work: 0.0293 s::App\Service\Components\Header\H02::-->
<!--::result::time::06:22:07::App\Service\Components\Text\T01::-->
<!--::result::time::06:22:07::work: 0.0015 s::App\Service\Components\Text\T01::-->
<!--::result::time::06:22:07::App\Service\Components\News\N12::-->
<!--::result::time::06:22:07::work: 0.0212 s::App\Service\Components\News\N12::-->
<!--::result::time::06:22:07::App\Service\Components\News\N10::-->
<!--::result::time::06:22:07::work: 0.0015 s::App\Service\Components\News\N10::-->
<!--::result::time::06:22:07::App\Service\Components\News\N11::-->
<!--::result::time::06:22:08::work: 1.0474 s::App\Service\Components\News\N11::-->
<!--::result::time::06:22:08::App\Service\Components\News\N04::-->
<!--::result::time::06:22:08::work: 0.0177 s::App\Service\Components\News\N04::-->
<!--::result::time::06:22:08::App\Service\Components\News\N12::-->
<!--::result::time::06:22:08::work: 0.0144 s::App\Service\Components\News\N12::-->
<!--::result::time::06:22:08::App\Service\Components\News\N01::-->
<!--::result::time::06:22:08::getChildsMapIds work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work category: 782,1176,1177,1178::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT work: 0.0124 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST work: 0.0033 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::foreach work: 0.0089 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work: 0.0306 s::App\Service\Components\News\N01::-->
<!--::result::time::06:22:08::App\Service\Components\News\N01::-->
<!--::result::time::06:22:08::getChildsMapIds work: 0.0022 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work category: 781,1158,1159,1160::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT work: 0.0252 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST work: 0.0034 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::foreach work: 0.0096 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work: 0.0415 s::App\Service\Components\News\N01::-->
<!--::result::time::06:22:08::App\Service\Components\News\N06::-->
<!--::result::time::06:22:08::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work category: 780::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT work: 0.0006 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST work: 0.0029 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::foreach work: 0.0135 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work: 0.0203 s::App\Service\Components\News\N06::-->
<!--::result::time::06:22:08::App\Service\Components\News\N04::-->
<!--::result::time::06:22:08::work: 0.0065 s::App\Service\Components\News\N04::-->
<!--::result::time::06:22:08::App\Service\Components\News\N01::-->
<!--::result::time::06:22:08::getChildsMapIds work: 0.003 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work category: 777,787,788,789,790,791::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work count: 6::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT work: 0.0099 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST work: 0.004 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::count work: 6 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::foreach work: 0.0188 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work: 0.0377 s::App\Service\Components\News\N01::-->
<!--::result::time::06:22:08::App\Service\Components\News\N01::-->
<!--::result::time::06:22:08::getChildsMapIds work: 0.0033 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work category: 783,1166,1167,1168,1169,1170::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT work: 0.0245 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST work: 0.0032 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::foreach work: 0.0079 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work: 0.0398 s::App\Service\Components\News\N01::-->
<!--::result::time::06:22:08::App\Service\Components\News\N01::-->
<!--::result::time::06:22:08::getChildsMapIds work: 0.0028 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work category: 784,1161,1162,1163,1164,1165::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT work: 0.0027 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST work: 0.0027 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::foreach work: 0.0078 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work: 0.0169 s::App\Service\Components\News\N01::-->
<!--::result::time::06:22:08::App\Service\Components\News\N01::-->
<!--::result::time::06:22:08::getChildsMapIds work: 0.0027 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work category: 785,1171,1172,1173,1174,1175::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT work: 0.0076 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST work: 0.003 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::foreach work: 0.0079 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work: 0.0218 s::App\Service\Components\News\N01::-->
<!--::result::time::06:22:08::App\Service\Components\News\N05::-->
<!--::result::time::06:22:08::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work category: 786::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work count: 16::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::SELECT work: 0.1113 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::POST work: 0.0066 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::count work: 16 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::foreach work: 0.0355 s::getPagesByCategoryLimit::-->
<!--::result::time::06:22:08::work: 0.1578 s::App\Service\Components\News\N05::-->
<!--::result::time::06:22:08::work: 1.5714 s::-->
<!--::result::time::06:22:08::render work: 0.0345 s::-->
<!DOCTYPE html>
<html class="default-style" lang="ua">
    <head>
        <meta charset="UTF-8">
                <title>Черкаси Інформ Новини України Новости Украины</title>

        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="preconnect" href="https://cdn.ukraine-inform.com" />
        <script>
            var thumb_url = "https://media.ukraine-inform.com/thumb/thumb.php";
        </script>
        
        <style>
            @import url('https://fonts.googleapis.com/css?family=Marck Script&display=swap&subset=cyrillic');
            .navbar .navbar-nav .nav-link {
                font-size: 14px;
            }
            .preloader-page {
                position: fixed;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: #f5f5f5;
                z-index: 999999;
                padding: 15px;
            }
            .hpp {
                width: 100%;
                height: 20%;
                background: #fff;
                margin-bottom: 15px;
                position: relative;
            }
            .bpp {
                width: calc(80% - 15px);
                height: 60%;
                background: #fff;
                float: left;
                margin-right: 15px;
                margin-bottom: 15px;
            }
            .blpp {
                width: 20%;
                height: 60%;
                background: #fff;
                float: right;
            }
            .bbpp {
                width: 100%;
                height: 20%;
                background: #fff;
                margin-bottom: 15px;
            }
            .search-item {
                position: relative;
            }
            .form-search {
                position: absolute;
                display: none;
                min-width: 340px;
                right: 0;
                z-index: 9999999;
                background: #fff;
                padding: 5px;
                border-bottom: 2px solid #155c92;
                box-shadow: 0 0 4px #00000061;
            }
            .form-search input {
                display: inline-block;
                width: 249px;
                padding: 5px 10px;
                background: #fff;
                border: 0;
                height: auto;
                line-height: 1;
                min-height: auto;
                font-size: 14px;
            }
            .form-search button {
                display: inline-block;
                margin: 0;
                width: 70px;
                padding: 5px 0px;
                font-size: 14px;
            }
            .form-search button:hover {
                cursor: pointer;
                opacity: 0.8;
            }
            a:hover {
                text-decoration: none;
            }
        </style>
        <link rel="stylesheet" href="https://cdn.ukraine-inform.com/app.d7656b1e.css">
        <!--<link rel="stylesheet" href="https://cdn.ukraine-inform.com/new1/lazy-app.4f192f45.css">
        <link rel="stylesheet" href="/widjets/assets/bootstrap/css/bootstrap.min.css">

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

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

        <!--<link rel="stylesheet" href="/admin/vendor/libs/perfect-scrollbar/perfect-scrollbar.css">-->
        <link rel="stylesheet" href="/assets-param/style/font">
        <link rel="stylesheet" href="/assets-param/style/option">
                
        
                <style>
            .row-k-width-264-0 {width:95%}
.row-k-style-264-0 {background: linear-gradient(#006dcc,#006dcc)}
.row-k-width-264-1 {width:95%}
.row-k-style-264-1 {background: linear-gradient(#cf0000,#cf0000)}
.row-k-width-264-2 {width:95%}
.row-k-style-264-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-264-3 {width:95%}
.row-k-style-264-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-265-0 {width:95%}
.row-k-style-265-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-265-1 {width:95%}
.row-k-style-265-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-265-2 {width:95%}
.row-k-style-265-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-265-3 {width:95%}
.row-k-style-265-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-265-4 {width:95%}
.row-k-style-265-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-265-5 {width:95%}
.row-k-style-265-5 {background: linear-gradient(#fff,#fff)}
.row-k-width-265-6 {width:95%}
.row-k-style-265-6 {background: linear-gradient(#fff,#fff)}
.row-k-width-265-7 {width:95%}
.row-k-style-265-7 {background: linear-gradient(#fff,#fff)}

        </style>
                <style>
            .row-k-style {
                transition: all 0.3s ease;
            }
            .row-k-style.fixed-menu-bar {
                position: fixed;
                z-index: 9999;
                width: 100%;
                top: 0;
                padding: 5px;
                box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
            }
        </style>
    
                    <link href="https://cdn.jsdelivr.net/npm/video.js@6.6.2/dist/video-js.css" rel="stylesheet">
            <link href="https://cdn.jsdelivr.net/npm/vue-video-player@5.0.0/src/custom-theme.css" rel="stylesheet">
            <link href="https://unpkg.com/vue-slick-carousel@1.0.6/dist/vue-slick-carousel.css" rel="stylesheet">
            <link href="https://unpkg.com/vue-slick-carousel@1.0.6/dist/vue-slick-carousel-theme.css" rel="stylesheet">
            <link href="https://cdn.ukraine-inform.com/assets/video/videojs-vtt-thumbnails.css" rel="stylesheet">
                                                                		            <link rel="preload" href="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2022/24880e04883eced9777141051c5d88cd.jpeg&size=850x560&ios=false" as="image">
			<meta property="og:title" content="У Мелітополі від вибуху постраждав відомий колаборант">
			<meta property="og:description" content="💥У Мелітополі від вибуху постраждав відомий колаборантЗгідно зі словами місцевих жителів, після вибуху в напрямок мікрорайону поїхали швидкі. Виявилося, що постраждав колаборант Олег Шостак🔥&quot;Сьогодні: у колаборантів підірвало дупу. В прямому сенсі. &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/12.08.2022/24880e04883eced9777141051c5d88cd.jpeg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2022/24880e04883eced9777141051c5d88cd.jpeg&size=1000<&ios=false">
			<meta property="og:site_name" content="Черкаси Інформ Новини України Новости Украины">
			<link rel="canonical" href="https://ukraine-inform.com/news-derzhava-pravookhoronni-orhany/113906-u-mel-topol-v-d-vibuhu-postrazhdav-v-domiy-kolaborant.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-264-0 row-k-style" id="row-k-style-264-0">
            <div class="row-k-width-264-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--998.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--998 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--998.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--998.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--998.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--998 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #ffffff;
    }
    .widjetComponent--998 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent998 .sub-menu {
         display: none;
     }
    #navbarSupportedContent998 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent998 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent998 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent998 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--998" once="menu" id="menu998-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="#navbarSupportedContent998"
                aria-controls="navbarSupportedContent998" 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="navbarSupportedContent998">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/">Головна</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/kontakti">Контакти</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

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

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1000.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1000 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1000.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1000.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1000.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1000 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #ffffff;
    }
    .widjetComponent--1000 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent1000 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1000 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1000 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1000 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1000 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1000" once="menu" id="menu1000-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="#navbarSupportedContent1000"
                aria-controls="navbarSupportedContent1000" 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="navbarSupportedContent1000">
            <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-264-1 row-k-style" id="row-k-style-264-1">
            <div class="row-k-width-264-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--1002.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--1002 .logo-text {
        margin-left: 25px;    }
    </style>
<a class="widjetComponent--1002 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/05.11.2019/3b8e5a8e36c6edbd9d5cf7eb1d05de79.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/05.11.2019/3b8e5a8e36c6edbd9d5cf7eb1d05de79.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/05.11.2019/3b8e5a8e36c6edbd9d5cf7eb1d05de79.png&size=<<340 340w">
            <span class="logo-text">Черкаси Інформ</span>
    </a>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-8 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1001 {
        background: transparent;
    }
    .widjetComponent--1001 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1001 .navbar-toggleable-sm .navbar-nav .nav-link,
    .widjetComponent--1001 .nav-dropdown>li>a {
        padding: 30px 15px 30px 15px;
        color: #ffffff;
        position: relative;
        font-size: 18px;
        margin: 0;
    }
    .widjetComponent--1001 .navbar-toggleable-sm .navbar-nav .nav-link:hover,
    .widjetComponent--1001 .nav-dropdown>li>a:hover {
        padding: 30px 15px 30px 15px;
        color: #ffffff;
        margin: 0;
        background: #d92e2e;
    }
    .widjetComponent--1001 .navbar-toggleable-sm {
        padding-top: 0;
        padding-bottom: 0;
    }
    .widjetComponent--1001 .nav-item.dropdown.open .dropdown-menu{
        display: block;
        text-align: right;
        border-bottom: 2px solid #d92e2e;
        padding-bottom: 0;
        padding-top: 0;
        width: 100%;
        top: 90%;
        z-index: 9999;
    }
    .widjetComponent--1001 .nav-item.dropdown.open .dropdown-menu a {
        display: inline-block;
        padding: 15px 15px;
        width: auto;
    }
    .widjetComponent--1001 .nav-item.dropdown.open .dropdown-menu a:hover {
        background: #cf0000;
        color: #ffffff;
    }
    .widjetComponent--1001 .dropdown {
        position: initial;
    }
    .widjetComponent--1001 .navbar,
    section.menu.widjetComponent--1001 {
        position: initial;
    }
    .widjetComponent--1001 .search-item .form-search {
        display: none;
    }
</style>
<section class="menu widjetComponent--1001">
    <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="#navbarSupportedContent1001"
                aria-controls="navbarSupportedContent1001" 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="navbarSupportedContent1001">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-derzhava"
                               data-toggle="dropdown-submenu" aria-expanded="false">Держава</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-derzhava-borotba-z-koruptsiyeyu">Боротьба з корупцією</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-vlada">Влада</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-pravookhoronni-orhany">Правоохоронні органи</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-polityka"
                               data-toggle="dropdown-submenu" aria-expanded="false">Політика</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-polityka-vnutrishnya-polityka">Внутрішня політика</a>
                                                                    <a class="dropdown-item" href="/news-polityka-zovnishnya-polityka">Зовнішня політика</a>
                                                                    <a class="dropdown-item" href="/news-polityka-mistseve-samovryaduvannya">Місцеве самоврядування</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-suspilstvo"
                               data-toggle="dropdown-submenu" aria-expanded="false">Суспільство</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-suspilstvo-education">Освіта</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-culture">Культура</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-religion">Релігія</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-events">Події</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-hromadski-ob-yednannya">Громадські об’єднання</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-ekonomika"
                               data-toggle="dropdown-submenu" aria-expanded="false">Економіка</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-ekonomika-agro-industry">Агропромисловість</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-realty">Нерухомість</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-business">Бізнес</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-industry">Промисловість</a>
                                                                    <a class="dropdown-item" href="/news-tekhnologiji">Технології</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-sport"
                               data-toggle="dropdown-submenu" aria-expanded="false">Спорт</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-sport-sport-news">Новини спорту</a>
                                                                    <a class="dropdown-item" href="/news-sport-boxing">Бокс</a>
                                                                    <a class="dropdown-item" href="/news-sport-zmaganna">Змагання</a>
                                                                    <a class="dropdown-item" href="/news-sport-football">Футбол</a>
                                                                    <a class="dropdown-item" href="/news-sport-edunoborstva">Єдиноборства</a>
                                                            </div>
                        </li>
                                                </ul>
            <div class="search-item">
                <a class="nav-link link open-search" href="#"><i class="fas fa-search d-block"></i></a>
                <form action="/news" method="post" class="form-search">
                    <input type="text"
                           class="form-control"
                           id="search-query"
                           name="Search[query]"
                           value="" placeholder="Введіть ключове слово">
                    <button type="submit">Знайти</button>
                </form>
            </div>
        </div>
    </nav>
</section>

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

</script>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-265-0 row-k-style" id="row-k-style-265-0">
            <div class="row-k-width-265-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1004 .post-image img {
        width: 100%;
    }
    .widjetComponent--1004 .post-image {
        position: relative;
    }
    .widjetComponent--1004 .post-image a {
        display: block;
    }
    .widjetComponent--1004 .post-inner .category {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        z-index: 1;
        margin: 15px;
        border: 2px solid #ffffff;
        padding: 10px 15px;
        top: 0;
        left: 0;
    }
    .widjetComponent--1004 .post-inner:hover .category {
        color: #cf0000;
    }
    .widjetComponent--1004 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--1004 .post-inner:hover .widget-title {
        color: #cf0000;
    }

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

</style>
<section class="widjet-component-inner widjetComponent--1004">
            <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-pravookhoronni-orhany/113906-u-mel-topol-v-d-vibuhu-postrazhdav-v-domiy-kolaborant.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2022/24880e04883eced9777141051c5d88cd.jpeg&amp;size=850x560" class="wp-post-image" alt="У Мелітополі від вибуху постраждав відомий колаборант">
                            <div class="category">Найголовніше</div>
                            <div class="post-content">
                                <h3 class="widget-title">У Мелітополі від вибуху постраждав відомий колаборант</h3>
                                <div class="entry-content">
                                    

💥У Мелітополі від вибуху постраждав відомий колаборант
Згідно зі словами місцевих жителів, після вибуху в напрямок мікрорайону поїхали швидкі. Виявилося, що постраждав колаборант...
                                </div>
                            </div>

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

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

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

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

.theo-primary-color, .theo-upnext-panel .theo-upnext-panel-content .theo-upnext-panel-autoplay, .theoplayer-skin .theo-settings-control-menu-item-hd-label, .theoplayer-skin .theo-settings-control-menu-item-value, .theoplayer-skin .vjs-volume-level, .theoplayer-skin .vjs-play-progress, .theoplayer-skin .vjs-slider-bar, .theoplayer-skin .vjs-big-play-button {
    color: #ffffff !important;
}
</style>
<section class="widjet-component-inner widjetComponent--1007">
    <div class="post-video" id="efir-content-s">
        <a href="#" id="efir-content-s-close">x</a>
        <video id="video-sterem-1"
               class="video-js vjs-default-skin"
               height="230px"
               width="100%"
               preload="auto"
               autoplay
               controls>
            <source src="https://media.ukraine-inform.com/ef/stream.m3u8" type="application/x-mpegurl">
        </video>
    </div>
</section>

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

    //

        document.addEventListener("DOMContentLoaded", function () {
            $(document).ready(function() {

var isPlay = false;
                    var player = null;
                function openScreen() {
                    console.log('openScreen');
                    console.log(isPlay);
                    const innerHeight = window.innerHeight;
                    if(isPlay) {
                        if(window.innerWidth > innerHeight) {
                            $('#efir-content-s').addClass('bigPlay');
                            console.log('notFullscreen');
                        } else {
                        $('#efir-content-s').removeClass('bigPlay');
                            
                            
                        }
                    } else  {
                        $('#efir-content-s').removeClass('bigPlay');
                    }
                }
                screen.orientation.addEventListener('change', openScreen);
                function initPlayer() {
                    var status = 0;
                    

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

                    $('#efir-content-s').on('touchstart' , 'video', function (e) {
                        console.log('sdasdasd111')
                        if(isPlay) {
                            videoPl.pause();
                        } else {
                            videoPl.play();
                        }
                    });

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

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

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

            });
        });

   // }, 5000);
</script>

                                                                            <style>
    .widjetComponent--1008 {
        margin: 20px 0 0 0;
		margin-top: 10px;
        padding: 0;
        background: transparent;
    }
    .widjetComponent--title--1008 {
        font-size: 14px;
        padding: 13px 19px 13px 19px;
        border-bottom: 4px solid #dddddd;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .widjetComponent--1008 .post-inner {
        padding: 0 19px 0 19px;
    }
    .widjetComponent--1008 .post-inner a {
        color: #000;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 10px;
        padding-bottom: 9px;
        font-size: 14px;
        font-weight: normal;
        display: block;
    }
    .widjetComponent--1008 .post-inner a:hover {
        color: #cf0000;
    }
</style>
<section class="widjet-component-inner widjetComponent--1008">
    <div class="widjetComponent--title--1008 widget-title-base">
        <a href="javascript:void(0);">Останні новини</a>
    </div>
    <div class="body" id="scroll-last-n-1008" style="height: 280px">
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/113959-pytalsya-vyvezti-elitnye-avto-v-moldovu-vo-vremya-voyny-rossiyskiy-shleyf-vladel-ca-trc-gulliver-polischuka.html" title="Пытался вывезти элитные авто в Молдову во время войны: российский шлейф владельца ТРЦ “Gulliver” Полищука">Пытался вывезти элитные авто в Молдову во время войны: российский шлейф...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/113958-mob-l-zac-ya-v-ros-d-stalasya-do-sankt-peterburga-ta-sprichinila-steriku-cherez-masov-vruchennya-pov-stok.html" title="Мобілізація в росії дісталася до Санкт-Петербурга та спричинила істерику через масові вручення повісток">Мобілізація в росії дісталася до Санкт-Петербурга та спричинила істерику...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/113957-vo-l-vove-na-vzyatke-popalsya-glava-rayotdela-ispolnitel-noy-sluzhby.html" title="Во Львове на взятке попался глава райотдела исполнительной службы">Во Львове на взятке попался глава райотдела исполнительной службы</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/113956-sleyt-merezha-v-l-nogo-slova-v-d-ukra-nc-v-dlya-sv-tu.html" title="Слейт: мережа вільного слова від українців для світу">Слейт: мережа вільного слова від українців для світу</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/113954-sleyt-merezha-v-l-nogo-slova-v-d-ukra-nc-v-dlya-sv-tu.html" title="Слейт: мережа вільного слова від українців для світу">Слейт: мережа вільного слова від українців для світу</a>
                </div>
            </div>
            </div>
</section>

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

</script>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-265-1 row-k-style" id="row-k-style-265-1">
            <div class="row-k-width-265-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-height no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1011 .post-image img {
        width: 100%;
    }
    .widjetComponent--1011 .post-image a {
        display: block;
    }
    .widjetComponent--1011 .post-image {
        position: relative;
    }
    .widjetComponent--1011 .post-content .category {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1011 .post-inner:hover .category {
        color: #cf0000;
    }
    .widjetComponent--1011 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--1011 .post-inner:hover .widget-title {
        color: #cf0000;
    }

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

</style>
<section class="widjet-component-inner widjetComponent--1011">
            <style>
        .widjetComponent--title--1011.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #cf0000;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
        <h4 class="widjetComponent--title--1011 widget-title-base">Популярне</h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/112904-volonteri-oleksandr-orlov-ta-kirilo-bad-or-peredali-taktichne-sporyadzhennya-dlya-v-ys-kovo-chastini.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/12.07.2022/3cdd870d84750902d9227fa4b6fc5fc3/05c01c2fff5410f554b27d554c1ccf03_poster.jpg&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="/news-ukraine-and-worlds/112615-yak-byuro-ekonom-chno-bezpeki-na-chol-z-vadimom-mel-nikom-sp-vpracyu-z-m-zhnarodnimi-partnerami-borot-ba-z-nezakonnim-vivezennyam-kosht-v-ta-obhodom-sankc-y-rf.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/03.07.2022/b2789f242d4bf36aea048c27d988155f.jpeg&amp;size=850x560" class="wp-post-image" alt="Як Бюро економічної безпеки на чолі з Вадимом Мельником співпрацює з міжнародними партнерами : Боротьба з незаконним вивезенням коштів та обходом санкцій рф">
                            <div class="post-content">
                                <div class="category">Новини України та світу</div>
                                <h3 class="widget-title">Як Бюро економічної безпеки на чолі з Вадимом Мельником співпрацює з міжнародними...</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                            <style>
    .widjetComponent--1005 .post-image img {
        width: 100%;
    }
    .widjetComponent--1005 .post-image {
        position: relative;
    }
    .widjetComponent--1005 .post-image a {
        display: block;
    }
    .widjetComponent--1005 .post-inner .category {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        z-index: 1;
        margin: 15px;
        border: 2px solid #ffffff;
        padding: 10px 15px;
        top: 0;
        left: 0;
    }
    .widjetComponent--1005 .post-inner:hover .category {
        color: #cf0000;
    }
    .widjetComponent--1005 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--1005 .post-inner:hover .widget-title {
        color: #cf0000;
    }

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

</style>
<section class="widjet-component-inner widjetComponent--1005">
            <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika-agro-industry/113907-z-port-v-chornomors-k-ta-p-vdenniy-viyshov-p-yatiy-karavan-z-zernom.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2022/f244722f61891588eda63f4225b1a78f.jpeg&amp;size=851x561" class="wp-post-image" alt="З портів &quot;Чорноморськ&quot; та &quot;Південний&quot; вийшов п&#039;ятий караван із зерном">
                            <div class="category">Важливо</div>
                            <div class="post-content">
                                <h3 class="widget-title">З портів "Чорноморськ" та "Південний" вийшов п'ятий караван із зерном</h3>
                                <div class="entry-content">
                                    

З портів "Чорноморськ" та "Південний" вийшов п'ятий караван із зерном.
З "Чонроморська" вируши судно SORMOVSKIY 12, з "Південного" &ndash; балкер STAR LAURA. Вони везуть...
                                </div>
                            </div>

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

                                                                            <style>
    .widjetComponent--1013 .post-image img {
        width: 100%;
    }
    .widjetComponent--1013 .post-image a {
        display: block;
    }
    .widjetComponent--1013 .post-content .category a {
        color: #cf0000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1013 .post-content .category a:hover {
        color: #cf0000;
    }
    .widjetComponent--1013 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1013 .widget-title a:hover {
        color: #cf0000;
    }
    .widjetComponent--1013 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1013 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1013 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1013 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1013 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1013 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1013 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1013">
            <style>
        .widjetComponent--title--1013.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #cf0000;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/news-polityka" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1013 widget-title-base">Політика</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/113929-b-lorusi-posilyuyut-ohoronu-kordonu-na-volins-komu-napryamku-genshtab-zsu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/14.08.2022/a5ce63ece835aa8b28dd9965b1c2c483.jpeg&amp;size=320x210" class="wp-post-image" alt="Білоруси посилюють охорону кордону на Волинському напрямку, — Генштаб ЗСУ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/113929-b-lorusi-posilyuyut-ohoronu-kordonu-na-volins-komu-napryamku-genshtab-zsu.html" title="Білоруси посилюють охорону кордону на Волинському напрямку, — Генштаб ЗСУ">Білоруси посилюють охорону кордону на Волинському напрямку, — Генштаб ЗСУ</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/113929-b-lorusi-posilyuyut-ohoronu-kordonu-na-volins-komu-napryamku-genshtab-zsu.html" title="Білоруси посилюють охорону кордону на Волинському напрямку, — Генштаб ЗСУ">Білоруси посилюють охорону кордону на Волинському напрямку,...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/113936-balt-ys-ke-more-stane-vnutr-shn-m-morem-nato.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/14.08.2022/e4a2523d1f45c4b2417fb7b5801dfcb4.jpeg&amp;size=320x210" class="wp-post-image" alt="Балтійське море стане внутрішнім морем НАТО">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/113936-balt-ys-ke-more-stane-vnutr-shn-m-morem-nato.html" title="Балтійське море стане внутрішнім морем НАТО">Балтійське море стане внутрішнім морем НАТО</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/113936-balt-ys-ke-more-stane-vnutr-shn-m-morem-nato.html" title="Балтійське море стане внутрішнім морем НАТО">Балтійське море стане внутрішнім морем НАТО</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/113928-slovachchina-peredala-ukra-n-persh-chotiri-samoh-dn-artiler-ys-k-ustanovki-zuzana.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.08.2022/3248d6c6914c79715163278e2611acde.jpeg&amp;size=320x210" class="wp-post-image" alt="Словаччина передала Україні перші чотири самохідні артилерійські установки Zuzana">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/113928-slovachchina-peredala-ukra-n-persh-chotiri-samoh-dn-artiler-ys-k-ustanovki-zuzana.html" title="Словаччина передала Україні перші чотири самохідні артилерійські установки Zuzana">Словаччина передала Україні перші чотири самохідні артилерійські установки...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/113928-slovachchina-peredala-ukra-n-persh-chotiri-samoh-dn-artiler-ys-k-ustanovki-zuzana.html" title="Словаччина передала Україні перші чотири самохідні артилерійські установки Zuzana">Словаччина передала Україні перші чотири самохідні артилерійські...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/113889-rashist-v-yak-oruduvali-v-buch-mogli-znischiti-za-nakazom-kremlya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2022/35c38bed6408c750adf2f69c0e10ae15.jpeg&amp;size=320x210" class="wp-post-image" alt="Рашистів, які орудували в Бучі, могли знищити за наказом кремля">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/113889-rashist-v-yak-oruduvali-v-buch-mogli-znischiti-za-nakazom-kremlya.html" title="Рашистів, які орудували в Бучі, могли знищити за наказом кремля">Рашистів, які орудували в Бучі, могли знищити за наказом кремля</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/113889-rashist-v-yak-oruduvali-v-buch-mogli-znischiti-za-nakazom-kremlya.html" title="Рашистів, які орудували в Бучі, могли знищити за наказом кремля">Рашистів, які орудували в Бучі, могли знищити за наказом...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            function getStream() {
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-1013 .entry").remove();');
                            $('#streem_append_block-1013 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-1013').append(curstr);
                            }
                            count++;
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-1013 .entry").remove();');
                            $('#streem_append_block-1013 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            if(remove)
                                $(this).parent().remove();
                        });
                    }
                });
            }

            if ($('#streem_append_block-1013').length > 0) {
                setInterval(function () {
                    getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                            <style>
    .widjetComponent--1014 .post-image img {
        width: 100%;
    }
    .widjetComponent--1014 .post-image a {
        display: block;
    }
    .widjetComponent--1014 .post-content .category a {
        color: #cf0000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1014 .post-content .category a:hover {
        color: #cf0000;
    }
    .widjetComponent--1014 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1014 .widget-title a:hover {
        color: #cf0000;
    }
    .widjetComponent--1014 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1014 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1014 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1014 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1014 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1014 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1014 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1014">
            <style>
        .widjetComponent--title--1014.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #cf0000;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/news-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1014 widget-title-base">Держава</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-pravookhoronni-orhany/113906-u-mel-topol-v-d-vibuhu-postrazhdav-v-domiy-kolaborant.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2022/24880e04883eced9777141051c5d88cd.jpeg&amp;size=320x210" class="wp-post-image" alt="У Мелітополі від вибуху постраждав відомий колаборант">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-pravookhoronni-orhany/113906-u-mel-topol-v-d-vibuhu-postrazhdav-v-domiy-kolaborant.html" title="У Мелітополі від вибуху постраждав відомий колаборант">У Мелітополі від вибуху постраждав відомий колаборант</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/113906-u-mel-topol-v-d-vibuhu-postrazhdav-v-domiy-kolaborant.html" title="У Мелітополі від вибуху постраждав відомий колаборант">У Мелітополі від вибуху постраждав відомий колаборант</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-pravookhoronni-orhany/113905-proslavlyali-zahoplennya-vorogom-ukra-ns-kih-m-st-na-donechchin-suditimut-dvoh-cholov-k-v-yak-poshiryuvali-mater-ali-na-p-dtrimku-zlochin-v-rf.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2022/dd9b44904519ac1ec6c6711cf10fbb19.jpeg&amp;size=320x210" class="wp-post-image" alt="Прославляли  захоплення ворогом українських міст – на Донеччині судитимуть двох чоловіків, які поширювали матеріали на підтримку злочинів рф">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-pravookhoronni-orhany/113905-proslavlyali-zahoplennya-vorogom-ukra-ns-kih-m-st-na-donechchin-suditimut-dvoh-cholov-k-v-yak-poshiryuvali-mater-ali-na-p-dtrimku-zlochin-v-rf.html" title="Прославляли  захоплення ворогом українських міст – на Донеччині судитимуть двох чоловіків, які поширювали матеріали на підтримку злочинів рф">Прославляли  захоплення ворогом українських міст – на Донеччині судитимуть...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/113905-proslavlyali-zahoplennya-vorogom-ukra-ns-kih-m-st-na-donechchin-suditimut-dvoh-cholov-k-v-yak-poshiryuvali-mater-ali-na-p-dtrimku-zlochin-v-rf.html" title="Прославляли  захоплення ворогом українських міст – на Донеччині судитимуть двох чоловіків, які поширювали матеріали на підтримку злочинів рф">Прославляли  захоплення ворогом українських міст – на Донеччині...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-pravookhoronni-orhany/113897-ponad-5-rok-v-za-ratami-uhvaleno-virok-zh-nc-yaka-p-d-privodom-nadannya-guman-tarno-dopomogi-oshukala-pens-onerku.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2022/554d33ac8a420d4e335d87aaa2883c09.jpeg&amp;size=320x210" class="wp-post-image" alt="Понад 5 років за ґратами – ухвалено вирок жінці, яка під приводом надання гуманітарної допомоги ошукала пенсіонерку ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-pravookhoronni-orhany/113897-ponad-5-rok-v-za-ratami-uhvaleno-virok-zh-nc-yaka-p-d-privodom-nadannya-guman-tarno-dopomogi-oshukala-pens-onerku.html" title="Понад 5 років за ґратами – ухвалено вирок жінці, яка під приводом надання гуманітарної допомоги ошукала пенсіонерку ">Понад 5 років за ґратами – ухвалено вирок жінці, яка під приводом надання...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/113897-ponad-5-rok-v-za-ratami-uhvaleno-virok-zh-nc-yaka-p-d-privodom-nadannya-guman-tarno-dopomogi-oshukala-pens-onerku.html" title="Понад 5 років за ґратами – ухвалено вирок жінці, яка під приводом надання гуманітарної допомоги ошукала пенсіонерку ">Понад 5 років за ґратами – ухвалено вирок жінці, яка під...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-pravookhoronni-orhany/113896-zn-mali-na-v-deo-okopi-ukra-ns-kih-zahisnik-v-na-donechchin-suditimut-dvoh-kolishn-h-pravoohoronc-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2022/fcd1771dec0c25d47f156199a76b2594.jpeg&amp;size=320x210" class="wp-post-image" alt="Знімали на відео окопи українських захисників – на Донеччині судитимуть двох колишніх правоохоронців">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-pravookhoronni-orhany/113896-zn-mali-na-v-deo-okopi-ukra-ns-kih-zahisnik-v-na-donechchin-suditimut-dvoh-kolishn-h-pravoohoronc-v.html" title="Знімали на відео окопи українських захисників – на Донеччині судитимуть двох колишніх правоохоронців">Знімали на відео окопи українських захисників – на Донеччині судитимуть...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/113896-zn-mali-na-v-deo-okopi-ukra-ns-kih-zahisnik-v-na-donechchin-suditimut-dvoh-kolishn-h-pravoohoronc-v.html" title="Знімали на відео окопи українських захисників – на Донеччині судитимуть двох колишніх правоохоронців">Знімали на відео окопи українських захисників – на Донеччині...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            function getStream() {
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-1014 .entry").remove();');
                            $('#streem_append_block-1014 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-1014').append(curstr);
                            }
                            count++;
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-1014 .entry").remove();');
                            $('#streem_append_block-1014 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            if(remove)
                                $(this).parent().remove();
                        });
                    }
                });
            }

            if ($('#streem_append_block-1014').length > 0) {
                setInterval(function () {
                    getStream();
                }, 5000);
            }
        });
    });
</script>

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

</style>
<section class="widjet-component-inner widjetComponent--1009">
            <style>
        .widjetComponent--title--1009.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #cf0000;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/preview" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1009 widget-title-base">Анонси</h4>
    </a>    <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-12">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/preview/25341-z-13-po-22-bereznya-v-n-am-ki-vs-ka-fortecya-v-dbudet-sya-fotovistavka-do-dnya-ukra-ns-kogo-dobrovol-cya.html" title="з 13 по 22 березня в НІАМ &quot;Київська фортеця&quot; відбудеться фотовиставка до Дня українського добровольця">з 13 по 22 березня в НІАМ &quot;Київська фортеця&quot; відбудеться фотовиставка до...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-12">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/preview/25333-vistava-romeo-zhasmin.html" title="Вистава &quot;РОМЕО І ЖАСМИН">Вистава &quot;РОМЕО І ЖАСМИН</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-12">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/preview/25332-vistava-romeo-zhasmin-zapor-z-kiy-dityachiy-teatr-sv-ya.html" title="Вистава &quot;РОМЕО І ЖАСМИН&quot;  (Запорізький дитячий театр &quot;СВІЯ&quot;)">Вистава &quot;РОМЕО І ЖАСМИН&quot;  (Запорізький дитячий театр &quot;СВІЯ&quot;)</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-12">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/preview/25292-nova-zustr-ch-z-sv-tovoyu-muzichnoyu-klasikoyu.html" title="НОВА ЗУСТРІЧ ЗІ СВІТОВОЮ МУЗИЧНОЮ КЛАСИКОЮ">НОВА ЗУСТРІЧ ЗІ СВІТОВОЮ МУЗИЧНОЮ КЛАСИКОЮ</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>
                                                                            <style>
    .widjetComponent--1012 .post-image img {
        width: 100%;
    }
    .widjetComponent--1012 .post-image a {
        display: block;
    }
    .widjetComponent--1012 .post-image {
        position: relative;
    }
    .widjetComponent--1012 .post-content .category {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1012 .post-inner:hover .category {
        color: #cf0000;
    }
    .widjetComponent--1012 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--1012 .post-inner:hover .widget-title {
        color: #cf0000;
    }

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

</style>
<section class="widjet-component-inner widjetComponent--1012">
            <style>
        .widjetComponent--title--1012.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #cf0000;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
        <h4 class="widjetComponent--title--1012 widget-title-base">Топ відео</h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/112904-volonteri-oleksandr-orlov-ta-kirilo-bad-or-peredali-taktichne-sporyadzhennya-dlya-v-ys-kovo-chastini.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/12.07.2022/3cdd870d84750902d9227fa4b6fc5fc3/05c01c2fff5410f554b27d554c1ccf03_poster.jpg&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>

                                                                            <style>
    .widjetComponent--1010 .post-image img {
        width: 100%;
    }
    .widjetComponent--1010 .post-image a {
        display: block;
    }
    .widjetComponent--1010 .post-content .category a {
        color: #cf0000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1010 .post-content .category a:hover {
        color: #cf0000;
    }
    .widjetComponent--1010 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1010 .widget-title a:hover {
        color: #cf0000;
    }
    .widjetComponent--1010 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1010 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1010 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1010 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1010 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1010 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1010 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1010">
            <style>
        .widjetComponent--title--1010.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #cf0000;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/video" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1010 widget-title-base">Відео</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="/video-derzhava/113758-britans-k-105-mm-artiler-ys-k-sistemi-efektivno-dopomagayut-vo-nam-dshv-znischuvati-ros-ys-kih-okupant-v-na-p-vdn-ukra-ni.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/07.08.2022/a3672f6134d2e5fe2275db339480e733/a9465132a382d428c8bbac6779e044b7.mp4"
                               data-videoid="4130"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/07.08.2022/a3672f6134d2e5fe2275db339480e733/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/113758-britans-k-105-mm-artiler-ys-k-sistemi-efektivno-dopomagayut-vo-nam-dshv-znischuvati-ros-ys-kih-okupant-v-na-p-vdn-ukra-ni.html"
                               title="Британські 105-мм артилерійські системи ефективно допомагають воїнам ДШВ знищувати російських окупантів на півдні України"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/07.08.2022/a3672f6134d2e5fe2275db339480e733/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/07.08.2022/a3672f6134d2e5fe2275db339480e733/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/07.08.2022/a3672f6134d2e5fe2275db339480e733/93cb8f94b517ff98980e47f99d00c1d7_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Британські 105-мм артилерійські системи ефективно допомагають воїнам ДШВ знищувати російських окупантів на півдні України">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/113758-britans-k-105-mm-artiler-ys-k-sistemi-efektivno-dopomagayut-vo-nam-dshv-znischuvati-ros-ys-kih-okupant-v-na-p-vdn-ukra-ni.html" title="Британські 105-мм артилерійські системи ефективно допомагають воїнам ДШВ знищувати російських окупантів на півдні України">Британські 105-мм артилерійські системи ефективно допомагають воїнам ДШВ...</a>
                            <!--<a href="/video-derzhava/113758-britans-k-105-mm-artiler-ys-k-sistemi-efektivno-dopomagayut-vo-nam-dshv-znischuvati-ros-ys-kih-okupant-v-na-p-vdn-ukra-ni.html" title="Британські 105-мм артилерійські системи ефективно допомагають воїнам ДШВ знищувати російських окупантів на півдні України">Британські 105-мм артилерійські системи ефективно допомагають...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo/113756-dobroti-post-nash-zahisniki-vryatuvali-dvoh-pon.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/07.08.2022/5942472904f1f1cb466ba699b8ddcf60/1c805983351c1cd1a3acd654bacd71e0.mp4"
                               data-videoid="4128"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/07.08.2022/5942472904f1f1cb466ba699b8ddcf60/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo/113756-dobroti-post-nash-zahisniki-vryatuvali-dvoh-pon.html"
                               title="Доброти пост. Наші захисники врятували двох поні"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/07.08.2022/5942472904f1f1cb466ba699b8ddcf60/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/07.08.2022/5942472904f1f1cb466ba699b8ddcf60/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/07.08.2022/5942472904f1f1cb466ba699b8ddcf60/8e219ffc6e258a31e274e7a55d0d39ae_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Доброти пост. Наші захисники врятували двох поні">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo/113756-dobroti-post-nash-zahisniki-vryatuvali-dvoh-pon.html" title="Доброти пост. Наші захисники врятували двох поні">Доброти пост. Наші захисники врятували двох поні</a>
                            <!--<a href="/video-suspilstvo/113756-dobroti-post-nash-zahisniki-vryatuvali-dvoh-pon.html" title="Доброти пост. Наші захисники врятували двох поні">Доброти пост. Наші захисники врятували двох поні</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo/113701-smertel-ne-dtp-u-los-andzheles.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/06.08.2022/492abafd41cb0f7e49f0061e3f60789b/9ea879d63343cb4f44b4a2a8a98f5909.mp4"
                               data-videoid="4126"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/06.08.2022/492abafd41cb0f7e49f0061e3f60789b/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo/113701-smertel-ne-dtp-u-los-andzheles.html"
                               title="Смертельне ДТП у Лос-Анджелесі"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/06.08.2022/492abafd41cb0f7e49f0061e3f60789b/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/06.08.2022/492abafd41cb0f7e49f0061e3f60789b/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/06.08.2022/492abafd41cb0f7e49f0061e3f60789b/80637afe909bcf823242845e45f48096_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Смертельне ДТП у Лос-Анджелесі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo/113701-smertel-ne-dtp-u-los-andzheles.html" title="Смертельне ДТП у Лос-Анджелесі">Смертельне ДТП у Лос-Анджелесі</a>
                            <!--<a href="/video-suspilstvo/113701-smertel-ne-dtp-u-los-andzheles.html" title="Смертельне ДТП у Лос-Анджелесі">Смертельне ДТП у Лос-Анджелесі</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/113624-cim-napryamkom-vorog-b-l-she-ne-proyde.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/04.08.2022/7f5e4948c2b9b4339eea92f1889cb0d6/ba0e238a8af4d9b0a8a958454d8e63a2.mp4"
                               data-videoid="4122"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/04.08.2022/7f5e4948c2b9b4339eea92f1889cb0d6/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/113624-cim-napryamkom-vorog-b-l-she-ne-proyde.html"
                               title="ЦИМ НАПРЯМКОМ ВОРОГ БІЛЬШЕ НЕ ПРОЙДЕ"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/04.08.2022/7f5e4948c2b9b4339eea92f1889cb0d6/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/04.08.2022/7f5e4948c2b9b4339eea92f1889cb0d6/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/04.08.2022/7f5e4948c2b9b4339eea92f1889cb0d6/f65ac99ddf4da1c2e64471af76129263_poster.jpg&amp;size=850x560" class="wp-post-image" alt="ЦИМ НАПРЯМКОМ ВОРОГ БІЛЬШЕ НЕ ПРОЙДЕ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/113624-cim-napryamkom-vorog-b-l-she-ne-proyde.html" title="ЦИМ НАПРЯМКОМ ВОРОГ БІЛЬШЕ НЕ ПРОЙДЕ">ЦИМ НАПРЯМКОМ ВОРОГ БІЛЬШЕ НЕ ПРОЙДЕ</a>
                            <!--<a href="/video-derzhava/113624-cim-napryamkom-vorog-b-l-she-ne-proyde.html" title="ЦИМ НАПРЯМКОМ ВОРОГ БІЛЬШЕ НЕ ПРОЙДЕ">ЦИМ НАПРЯМКОМ ВОРОГ БІЛЬШЕ НЕ ПРОЙДЕ</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/113486-suchasne-obladnannya-dlya-mirnograds-ko-l-karn.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/29.07.2022/5c6268a4162fca0036874a86fb61d969/f51650a135a9b7ff2ae52cdf1aa306781.mp4"
                               data-videoid="4115"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/29.07.2022/5c6268a4162fca0036874a86fb61d969/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/113486-suchasne-obladnannya-dlya-mirnograds-ko-l-karn.html"
                               title="СУЧАСНЕ ОБЛАДНАННЯ ДЛЯ МИРНОГРАДСЬКОЇ ЛІКАРН"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/29.07.2022/5c6268a4162fca0036874a86fb61d969/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/29.07.2022/5c6268a4162fca0036874a86fb61d969/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="&amp;size=850x560" class="wp-post-image" alt="СУЧАСНЕ ОБЛАДНАННЯ ДЛЯ МИРНОГРАДСЬКОЇ ЛІКАРН">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/113486-suchasne-obladnannya-dlya-mirnograds-ko-l-karn.html" title="СУЧАСНЕ ОБЛАДНАННЯ ДЛЯ МИРНОГРАДСЬКОЇ ЛІКАРН">СУЧАСНЕ ОБЛАДНАННЯ ДЛЯ МИРНОГРАДСЬКОЇ ЛІКАРН</a>
                            <!--<a href="/video-derzhava/113486-suchasne-obladnannya-dlya-mirnograds-ko-l-karn.html" title="СУЧАСНЕ ОБЛАДНАННЯ ДЛЯ МИРНОГРАДСЬКОЇ ЛІКАРН">СУЧАСНЕ ОБЛАДНАННЯ ДЛЯ МИРНОГРАДСЬКОЇ ЛІКАРН</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo/113473-ki-vs-kiy-horeograf-chniy-koledzh.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/28.07.2022/a2fd00a528e2fb23128b5c4ba2fdab25/67e4f4229eb6f42c194ffa958526f54a.mp4"
                               data-videoid="4102"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/28.07.2022/a2fd00a528e2fb23128b5c4ba2fdab25/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo/113473-ki-vs-kiy-horeograf-chniy-koledzh.html"
                               title="«КИЇВСЬКИЙ ХОРЕОГРАФІЧНИЙ КОЛЕДЖ» ."
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/28.07.2022/a2fd00a528e2fb23128b5c4ba2fdab25/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/28.07.2022/a2fd00a528e2fb23128b5c4ba2fdab25/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/28.07.2022/a2fd00a528e2fb23128b5c4ba2fdab25/7f4c4ade96b426c63804a0c40c40a7ed_poster.jpg&amp;size=850x560" class="wp-post-image" alt="«КИЇВСЬКИЙ ХОРЕОГРАФІЧНИЙ КОЛЕДЖ» .">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo/113473-ki-vs-kiy-horeograf-chniy-koledzh.html" title="«КИЇВСЬКИЙ ХОРЕОГРАФІЧНИЙ КОЛЕДЖ» .">«КИЇВСЬКИЙ ХОРЕОГРАФІЧНИЙ КОЛЕДЖ» .</a>
                            <!--<a href="/video-suspilstvo/113473-ki-vs-kiy-horeograf-chniy-koledzh.html" title="«КИЇВСЬКИЙ ХОРЕОГРАФІЧНИЙ КОЛЕДЖ» .">«КИЇВСЬКИЙ ХОРЕОГРАФІЧНИЙ КОЛЕДЖ» .</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            function getStream() {
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-1010 .entry").remove();');
                            $('#streem_append_block-1010 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-1010').append(curstr);
                            }
                            count++;
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-1010 .entry").remove();');
                            $('#streem_append_block-1010 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            if(remove)
                                $(this).parent().remove();
                        });
                    }
                });
            }

            if ($('#streem_append_block-1010').length > 0) {
                setInterval(function () {
                    getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-265-2 row-k-style" id="row-k-style-265-2">
            <div class="row-k-width-265-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1015 .post-image img {
        width: 100%;
    }
    .widjetComponent--1015 .post-image a {
        display: block;
    }
    .widjetComponent--1015 .post-content .category a {
        color: #cf0000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1015 .post-content .category a:hover {
        color: #cf0000;
    }
    .widjetComponent--1015 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1015 .widget-title a:hover {
        color: #cf0000;
    }
    .widjetComponent--1015 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1015 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1015 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1015 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1015 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1015 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1015 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1015">
            <style>
        .widjetComponent--title--1015.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #cf0000;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/news-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1015 widget-title-base">Суспільство</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/113937-a-os-tak-list-vki-rozdayut-u-timachasovo-okupovanomu-krimu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/14.08.2022/2097968dc6687e2ec455a3fa786bf9c4.jpeg&amp;size=320x210" class="wp-post-image" alt="А ось такі листівки роздають у тимачасово окупованому Криму">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-events/113937-a-os-tak-list-vki-rozdayut-u-timachasovo-okupovanomu-krimu.html" title="А ось такі листівки роздають у тимачасово окупованому Криму">А ось такі листівки роздають у тимачасово окупованому Криму</a>
                            <!--<a href="/news-suspilstvo-events/113937-a-os-tak-list-vki-rozdayut-u-timachasovo-okupovanomu-krimu.html" title="А ось такі листівки роздають у тимачасово окупованому Криму">А ось такі листівки роздають у тимачасово окупованому Криму</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-education/113927-u-poltavs-komu-nac-onal-nomu-pedagog-chnomu-un-versitet-men-v-g-korolenka-v-dbulasya-robocha-zustr-ch-z-derzhavnim-sekretarem-mon-serg-m-zahar-nim.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.08.2022/1303208966c58667348512e1659d88fd.jpeg&amp;size=320x210" class="wp-post-image" alt="У Полтавському національному педагогічному університеті імені В. Г. Короленка відбулася робоча зустріч із державним секретарем МОН Сергієм Захаріним">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-education" class="post_term category investing">Освіта</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-education/113927-u-poltavs-komu-nac-onal-nomu-pedagog-chnomu-un-versitet-men-v-g-korolenka-v-dbulasya-robocha-zustr-ch-z-derzhavnim-sekretarem-mon-serg-m-zahar-nim.html" title="У Полтавському національному педагогічному університеті імені В. Г. Короленка відбулася робоча зустріч із державним секретарем МОН Сергієм Захаріним">У Полтавському національному педагогічному університеті імені В. Г. Короленка...</a>
                            <!--<a href="/news-suspilstvo-education/113927-u-poltavs-komu-nac-onal-nomu-pedagog-chnomu-un-versitet-men-v-g-korolenka-v-dbulasya-robocha-zustr-ch-z-derzhavnim-sekretarem-mon-serg-m-zahar-nim.html" title="У Полтавському національному педагогічному університеті імені В. Г. Короленка відбулася робоча зустріч із державним секретарем МОН Сергієм Захаріним">У Полтавському національному педагогічному університеті...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/113926-v-ki-v-hochut-zrobiti-zal-zobetonn-ukrittya-b-lya-zupinok-transportu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.08.2022/10567cd6f19ebfd42512d2de83225d5e.jpeg&amp;size=320x210" class="wp-post-image" alt="В Києві хочуть зробити залізобетонні укриття біля зупинок транспорту">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-events/113926-v-ki-v-hochut-zrobiti-zal-zobetonn-ukrittya-b-lya-zupinok-transportu.html" title="В Києві хочуть зробити залізобетонні укриття біля зупинок транспорту">В Києві хочуть зробити залізобетонні укриття біля зупинок транспорту</a>
                            <!--<a href="/news-suspilstvo-events/113926-v-ki-v-hochut-zrobiti-zal-zobetonn-ukrittya-b-lya-zupinok-transportu.html" title="В Києві хочуть зробити залізобетонні укриття біля зупинок транспорту">В Києві хочуть зробити залізобетонні укриття біля зупинок...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/113919-zayava-pro-nepripustim-st-v-dnovlennya-kur-nnya-u-prim-schennyah-na-robochih-m-scyah-cherez-tyutyunovu-popravku-20-u-zakonopro-kt-5616.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2022/f17ffbec2ac510c0c71952377d15db5d.jpeg&amp;size=320x210" class="wp-post-image" alt="Заява про неприпустимість відновлення куріння у приміщеннях на робочих місцях через тютюнову поправку №20 у законопроєкті №5616">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-events/113919-zayava-pro-nepripustim-st-v-dnovlennya-kur-nnya-u-prim-schennyah-na-robochih-m-scyah-cherez-tyutyunovu-popravku-20-u-zakonopro-kt-5616.html" title="Заява про неприпустимість відновлення куріння у приміщеннях на робочих місцях через тютюнову поправку №20 у законопроєкті №5616">Заява про неприпустимість відновлення куріння у приміщеннях на робочих...</a>
                            <!--<a href="/news-suspilstvo-events/113919-zayava-pro-nepripustim-st-v-dnovlennya-kur-nnya-u-prim-schennyah-na-robochih-m-scyah-cherez-tyutyunovu-popravku-20-u-zakonopro-kt-5616.html" title="Заява про неприпустимість відновлення куріння у приміщеннях на робочих місцях через тютюнову поправку №20 у законопроєкті №5616">Заява про неприпустимість відновлення куріння у приміщеннях...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            function getStream() {
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-1015 .entry").remove();');
                            $('#streem_append_block-1015 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-1015').append(curstr);
                            }
                            count++;
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-1015 .entry").remove();');
                            $('#streem_append_block-1015 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            if(remove)
                                $(this).parent().remove();
                        });
                    }
                });
            }

            if ($('#streem_append_block-1015').length > 0) {
                setInterval(function () {
                    getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                            <style>
    .widjetComponent--1016 .post-image img {
        width: 100%;
    }
    .widjetComponent--1016 .post-image a {
        display: block;
    }
    .widjetComponent--1016 .post-content .category a {
        color: #cf0000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1016 .post-content .category a:hover {
        color: #cf0000;
    }
    .widjetComponent--1016 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1016 .widget-title a:hover {
        color: #cf0000;
    }
    .widjetComponent--1016 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1016 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1016 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1016 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1016 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1016 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1016 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1016">
            <style>
        .widjetComponent--title--1016.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #cf0000;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/news-ekonomika" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1016 widget-title-base">Економіка</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika-agro-industry/113930-z-port-v-ukra-ni-virushili-vzhe-16-suden-z-zernom---zelens-kiy.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/14.08.2022/e841e94f351fa4f89c9c976c8df88fce.jpeg&amp;size=320x210" class="wp-post-image" alt="З портів України вирушили вже 16 суден із зерном, - Зеленський">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-agro-industry" class="post_term category investing">Агропромисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-agro-industry/113930-z-port-v-ukra-ni-virushili-vzhe-16-suden-z-zernom---zelens-kiy.html" title="З портів України вирушили вже 16 суден із зерном, - Зеленський">З портів України вирушили вже 16 суден із зерном, - Зеленський</a>
                            <!--<a href="/news-ekonomika-agro-industry/113930-z-port-v-ukra-ni-virushili-vzhe-16-suden-z-zernom---zelens-kiy.html" title="З портів України вирушили вже 16 суден із зерном, - Зеленський">З портів України вирушили вже 16 суден із зерном, - Зеленський</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika-agro-industry/113931-z-ukra-ni-do-tal-pribuv-pershiy-korabel-z-kukurudzoyu-ta-so-yu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/14.08.2022/53b492601ff4a330247384f84a18dd5d.jpeg&amp;size=320x210" class="wp-post-image" alt="З України до Італії прибув перший корабель із кукурудзою та соєю">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-agro-industry" class="post_term category investing">Агропромисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-agro-industry/113931-z-ukra-ni-do-tal-pribuv-pershiy-korabel-z-kukurudzoyu-ta-so-yu.html" title="З України до Італії прибув перший корабель із кукурудзою та соєю">З України до Італії прибув перший корабель із кукурудзою та соєю</a>
                            <!--<a href="/news-ekonomika-agro-industry/113931-z-ukra-ni-do-tal-pribuv-pershiy-korabel-z-kukurudzoyu-ta-so-yu.html" title="З України до Італії прибув перший корабель із кукурудзою та соєю">З України до Італії прибув перший корабель із кукурудзою...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika-agro-industry/113907-z-port-v-chornomors-k-ta-p-vdenniy-viyshov-p-yatiy-karavan-z-zernom.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2022/f244722f61891588eda63f4225b1a78f.jpeg&amp;size=320x210" class="wp-post-image" alt="З портів "Чорноморськ" та "Південний" вийшов п'ятий караван із зерном">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-agro-industry" class="post_term category investing">Агропромисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-agro-industry/113907-z-port-v-chornomors-k-ta-p-vdenniy-viyshov-p-yatiy-karavan-z-zernom.html" title="З портів "Чорноморськ" та "Південний" вийшов п'ятий караван із зерном">З портів "Чорноморськ" та "Південний" вийшов п'ятий караван із зерном</a>
                            <!--<a href="/news-ekonomika-agro-industry/113907-z-port-v-chornomors-k-ta-p-vdenniy-viyshov-p-yatiy-karavan-z-zernom.html" title="З портів &quot;Чорноморськ&quot; та &quot;Південний&quot; вийшов п&#039;ятий караван із зерном">З портів "Чорноморськ" та "Південний" вийшов п'ятий караван...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-tekhnologiji/113255-kompan-ya-tesla-prodala-75-svo-h-bitcoin-skazano-u-zv-t-kompan.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.07.2022/fd2775db7a69951b17ad41fac467b928.jpeg&amp;size=320x210" class="wp-post-image" alt="Компанія Tesla продала 75% своїх Bitcoin, — сказано  у звіті компанії">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-tekhnologiji" class="post_term category investing">Технології</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-tekhnologiji/113255-kompan-ya-tesla-prodala-75-svo-h-bitcoin-skazano-u-zv-t-kompan.html" title="Компанія Tesla продала 75% своїх Bitcoin, — сказано  у звіті компанії">Компанія Tesla продала 75% своїх Bitcoin, — сказано  у звіті компанії</a>
                            <!--<a href="/news-tekhnologiji/113255-kompan-ya-tesla-prodala-75-svo-h-bitcoin-skazano-u-zv-t-kompan.html" title="Компанія Tesla продала 75% своїх Bitcoin, — сказано  у звіті компанії">Компанія Tesla продала 75% своїх Bitcoin, — сказано  у звіті...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            function getStream() {
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-1016 .entry").remove();');
                            $('#streem_append_block-1016 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-1016').append(curstr);
                            }
                            count++;
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-1016 .entry").remove();');
                            $('#streem_append_block-1016 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            if(remove)
                                $(this).parent().remove();
                        });
                    }
                });
            }

            if ($('#streem_append_block-1016').length > 0) {
                setInterval(function () {
                    getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                            <style>
    .widjetComponent--1017 .post-image img {
        width: 100%;
    }
    .widjetComponent--1017 .post-image a {
        display: block;
    }
    .widjetComponent--1017 .post-content .category a {
        color: #cf0000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1017 .post-content .category a:hover {
        color: #cf0000;
    }
    .widjetComponent--1017 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1017 .widget-title a:hover {
        color: #cf0000;
    }
    .widjetComponent--1017 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1017 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1017 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1017 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1017 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1017 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1017 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1017">
            <style>
        .widjetComponent--title--1017.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #cf0000;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/news-sport" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1017 widget-title-base">Спорт</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-boxing/113714-andrey-kislovskiy-neudobnaya-mishen-dlya-klevetnikov.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.08.2022/592e29719e907234296894c77e338e35.png&amp;size=320x210" class="wp-post-image" alt="Андрей Кисловский неудобная мишень для клеветников">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/113714-andrey-kislovskiy-neudobnaya-mishen-dlya-klevetnikov.html" title="Андрей Кисловский неудобная мишень для клеветников">Андрей Кисловский неудобная мишень для клеветников</a>
                            <!--<a href="/news-sport-boxing/113714-andrey-kislovskiy-neudobnaya-mishen-dlya-klevetnikov.html" title="Андрей Кисловский неудобная мишень для клеветников">Андрей Кисловский неудобная мишень для клеветников</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-boxing/113711-moshenniki-iz-milton-group-ne-brezguyut-smertyami-detey-i-ih-roditeley.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.08.2022/535db105b8d46d799f43faefc9131c04.png&amp;size=320x210" class="wp-post-image" alt="Мошенники из Milton Group не брезгуют смертями детей и их родителей!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/113711-moshenniki-iz-milton-group-ne-brezguyut-smertyami-detey-i-ih-roditeley.html" title="Мошенники из Milton Group не брезгуют смертями детей и их родителей!">Мошенники из Milton Group не брезгуют смертями детей и их родителей!</a>
                            <!--<a href="/news-sport-boxing/113711-moshenniki-iz-milton-group-ne-brezguyut-smertyami-detey-i-ih-roditeley.html" title="Мошенники из Milton Group не брезгуют смертями детей и их родителей!">Мошенники из Milton Group не брезгуют смертями детей и их...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-sport-news/113650-vseukra-ns-kiy-proekt-nok-ukra-ni-olympiclab-za-napryamom-chat-z-chemp-onom.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/04.08.2022/637007f3f9222bfec32086324c0eff00.jpeg&amp;size=320x210" class="wp-post-image" alt="Всеукраїнський проект НОК України OlympicLab за напрямом "Чат з чемпіоном"">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-sport-news/113650-vseukra-ns-kiy-proekt-nok-ukra-ni-olympiclab-za-napryamom-chat-z-chemp-onom.html" title="Всеукраїнський проект НОК України OlympicLab за напрямом "Чат з чемпіоном"">Всеукраїнський проект НОК України OlympicLab за напрямом "Чат з чемпіоном"</a>
                            <!--<a href="/news-sport-sport-news/113650-vseukra-ns-kiy-proekt-nok-ukra-ni-olympiclab-za-napryamom-chat-z-chemp-onom.html" title="Всеукраїнський проект НОК України OlympicLab за напрямом &quot;Чат з чемпіоном&quot;">Всеукраїнський проект НОК України OlympicLab за напрямом...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-sport-news/113649-26-07-2022-roku-proyshli-m-zhnarodn-zmagannya-sered-molodih-sportsmen-v-ukra-ni-grec-ta-k-pru-z-dzyudo.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/04.08.2022/3c94ca12bb9836fc0e254ee4005180f9.jpeg&amp;size=320x210" class="wp-post-image" alt="26.07.2022 року пройшли міжнародні змагання серед молодих спортсменів України, Греції та Кіпру з дзюдо! ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-sport-news/113649-26-07-2022-roku-proyshli-m-zhnarodn-zmagannya-sered-molodih-sportsmen-v-ukra-ni-grec-ta-k-pru-z-dzyudo.html" title="26.07.2022 року пройшли міжнародні змагання серед молодих спортсменів України, Греції та Кіпру з дзюдо! ">26.07.2022 року пройшли міжнародні змагання серед молодих спортсменів України,...</a>
                            <!--<a href="/news-sport-sport-news/113649-26-07-2022-roku-proyshli-m-zhnarodn-zmagannya-sered-molodih-sportsmen-v-ukra-ni-grec-ta-k-pru-z-dzyudo.html" title="26.07.2022 року пройшли міжнародні змагання серед молодих спортсменів України, Греції та Кіпру з дзюдо! ">26.07.2022 року пройшли міжнародні змагання серед молодих...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            function getStream() {
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-1017 .entry").remove();');
                            $('#streem_append_block-1017 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-1017').append(curstr);
                            }
                            count++;
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-1017 .entry").remove();');
                            $('#streem_append_block-1017 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            if(remove)
                                $(this).parent().remove();
                        });
                    }
                });
            }

            if ($('#streem_append_block-1017').length > 0) {
                setInterval(function () {
                    getStream();
                }, 5000);
            }
        });
    });
</script>

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

</style>
<section class="widjet-component-inner widjetComponent--1018">
            <style>
        .widjetComponent--title--1018.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: bold;
            margin: 15px 0;
            background: #cf0000;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/news-ukraine-and-worlds" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1018 widget-title-base">Новини України та світу</h4>
    </a>    <div class="row">
                                                <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/113959-pytalsya-vyvezti-elitnye-avto-v-moldovu-vo-vremya-voyny-rossiyskiy-shleyf-vladel-ca-trc-gulliver-polischuka.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/85b66f91361e07e37d25450f4b7050a7.png&amp;size=850x560" class="wp-post-image" alt="Пытался вывезти элитные авто в Молдову во время войны: российский шлейф владельца ТРЦ “Gulliver” Полищука">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/113959-pytalsya-vyvezti-elitnye-avto-v-moldovu-vo-vremya-voyny-rossiyskiy-shleyf-vladel-ca-trc-gulliver-polischuka.html" title="Пытался вывезти элитные авто в Молдову во время войны: российский шлейф владельца ТРЦ “Gulliver” Полищука">Пытался вывезти элитные авто в Молдову во время войны: российский шлейф...</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/113958-mob-l-zac-ya-v-ros-d-stalasya-do-sankt-peterburga-ta-sprichinila-steriku-cherez-masov-vruchennya-pov-stok.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/8d6149297d1f7c6e1af37e22768a0d98.png&amp;size=850x560" class="wp-post-image" alt="Мобілізація в росії дісталася до Санкт-Петербурга та спричинила істерику через масові вручення повісток">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/113958-mob-l-zac-ya-v-ros-d-stalasya-do-sankt-peterburga-ta-sprichinila-steriku-cherez-masov-vruchennya-pov-stok.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/113957-vo-l-vove-na-vzyatke-popalsya-glava-rayotdela-ispolnitel-noy-sluzhby.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/fba1e7c8cfd6e955f469b5972f711b48.png&amp;size=850x560" class="wp-post-image" alt="Во Львове на взятке попался глава райотдела исполнительной службы">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/113957-vo-l-vove-na-vzyatke-popalsya-glava-rayotdela-ispolnitel-noy-sluzhby.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/113956-sleyt-merezha-v-l-nogo-slova-v-d-ukra-nc-v-dlya-sv-tu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/46c41537fb117689c3e821c0f25f3532.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/113956-sleyt-merezha-v-l-nogo-slova-v-d-ukra-nc-v-dlya-sv-tu.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/113954-sleyt-merezha-v-l-nogo-slova-v-d-ukra-nc-v-dlya-sv-tu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/c75a80b8eafc1a5e96e8e94f099dd0cd.png&amp;size=850x560" class="wp-post-image" alt="Слейт: мережа вільного слова від українців для світу">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/113954-sleyt-merezha-v-l-nogo-slova-v-d-ukra-nc-v-dlya-sv-tu.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/113949-abi-otrimati-grobov-u-ros-bat-ki-pohovali-neznayomu-lyudinu-zam-st-sina-okupanta-yakiy-znahodit-sya-v-polon.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/9645678b35f37e150a9bc7406d3af9d3.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/113949-abi-otrimati-grobov-u-ros-bat-ki-pohovali-neznayomu-lyudinu-zam-st-sina-okupanta-yakiy-znahodit-sya-v-polon.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/113948-obidva-zal-znichn-shlyahi-z-krimu-na-hersonschinu-zruynovano-yak-ce-vpliva-na-log-stiku-okupant-v.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/9e56ec069cf0d3fb3d7bb0dfa66b7e92.png&amp;size=850x560" class="wp-post-image" alt="Обидва залізничні шляхи з Криму на Херсонщину – зруйновано: як це впливає на логістику окупантів">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/113948-obidva-zal-znichn-shlyahi-z-krimu-na-hersonschinu-zruynovano-yak-ce-vpliva-na-log-stiku-okupant-v.html" title="Обидва залізничні шляхи з Криму на Херсонщину – зруйновано: як це впливає на логістику окупантів">Обидва залізничні шляхи з Криму на Херсонщину – зруйновано: як це впливає...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/113946-sbu-zatrimala-agenta-rf-yakiy-zbirav-dan-dlya-obstr-l-v-na-p-vdn-odeschini.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/8acd91d8cd150b11e7a56dd400c1cd8e.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/113946-sbu-zatrimala-agenta-rf-yakiy-zbirav-dan-dlya-obstr-l-v-na-p-vdn-odeschini.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/113945-okupanti-vipustili-bliz-ko-110-snaryad-v-po-sumschin-za-dobu-golova-ova-zhivic-kiy.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/53cdc82e818bd5edec95b2b3ea5c3dc9.png&amp;size=850x560" class="wp-post-image" alt="Окупанти випустили близько 110 снарядів по Сумщині за добу, – голова ОВА Живицький">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/113945-okupanti-vipustili-bliz-ko-110-snaryad-v-po-sumschin-za-dobu-golova-ova-zhivic-kiy.html" title="Окупанти випустили близько 110 снарядів по Сумщині за добу, – голова ОВА Живицький">Окупанти випустили близько 110 снарядів по Сумщині за добу, – голова ОВА...</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/113944-rossiyanka-nezakonno-poluchila-grazhdanstvo-ukrainy-chtoby-spasti-svoy-biznes-v-odesse.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/4c18a6299b6c5255c8919aa9d9fea657.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/113944-rossiyanka-nezakonno-poluchila-grazhdanstvo-ukrainy-chtoby-spasti-svoy-biznes-v-odesse.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/113943-ukrainskie-tamozhenniki-vo-vremya-voyny-pomogali-nezakonno-vvozit-tabak-iz-rf.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/46a8cf7cd4b945af719bb254f07c55cf.png&amp;size=850x560" class="wp-post-image" alt="Украинские таможенники во время войны помогали незаконно ввозить табак из рф">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/113943-ukrainskie-tamozhenniki-vo-vremya-voyny-pomogali-nezakonno-vvozit-tabak-iz-rf.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/113942-ros-ya-znayshla-novih-soyuznik-v-sp-vpracyuvatime-z-tal-bami-ta-kndr.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/d181ad12359eb8afe5a719326e65974a.png&amp;size=850x560" class="wp-post-image" alt="Росія знайшла нових союзників: співпрацюватиме з талібами та КНДР">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/113942-ros-ya-znayshla-novih-soyuznik-v-sp-vpracyuvatime-z-tal-bami-ta-kndr.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/113941-u-mel-topol-znischeno-zal-znichniy-m-st-teper-ne-bude-eshelon-v-z-zbro-yu-dlya-okupant-v-z-krimu-arestovich.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/c37707dc4e3bb56c4bed04fb7891437c.png&amp;size=850x560" class="wp-post-image" alt="У Мелітополі знищено залізничний міст: тепер не буде ешелонів зі зброєю для окупантів з Криму, – Арестович">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/113941-u-mel-topol-znischeno-zal-znichniy-m-st-teper-ne-bude-eshelon-v-z-zbro-yu-dlya-okupant-v-z-krimu-arestovich.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/113939-scho-sil-n-shoyu-bude-ukra-na-to-slabshoyu-bude-ros-ya-menshe-trivatime-cya-v-yna-zvernennya-prezidenta-volodimira-zelens-kogo.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.08.2022/f8ec43e129bd941db9277c260c5ff1ca.png&amp;size=850x560" class="wp-post-image" alt="Що сильнішою буде Україна, то слабшою буде Росія і менше триватиме ця війна – звернення Президента Володимира Зеленського">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/113939-scho-sil-n-shoyu-bude-ukra-na-to-slabshoyu-bude-ros-ya-menshe-trivatime-cya-v-yna-zvernennya-prezidenta-volodimira-zelens-kogo.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/113932-evakuac-yu-ukra-nc-v-mozhut-provesti-sche-u-chotir-oh-oblastyah-tuka.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/14.08.2022/4d21b014cc9aebd3f52eafd9c3b9a66b.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/113932-evakuac-yu-ukra-nc-v-mozhut-provesti-sche-u-chotir-oh-oblastyah-tuka.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/113933-p-yut-ne-zakushuyut-v-okupovanomu-herson-zovs-m-ne-zalishilosya-spirtu-yogo-ves-znischili-orki.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/14.08.2022/0acfe0b2a3b9c704bbec210e4c963915/1362ae4ca8af4bcb9531eab050883bec_poster.jpg&amp;size=850x560" class="wp-post-image" alt="П’ють і не закушують: в окупованому Херсоні зовсім не залишилося спирту, його весь «знищили» орки">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/113933-p-yut-ne-zakushuyut-v-okupovanomu-herson-zovs-m-ne-zalishilosya-spirtu-yogo-ves-znischili-orki.html" title="П’ють і не закушують: в окупованому Херсоні зовсім не залишилося спирту, його весь «знищили» орки">П’ють і не закушують: в окупованому Херсоні зовсім не залишилося спирту,...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-265-3 row-k-style" id="row-k-style-265-3">
            <div class="row-k-width-265-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-265-4 row-k-style" id="row-k-style-265-4">
            <div class="row-k-width-265-4 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-265-5 row-k-style" id="row-k-style-265-5">
            <div class="row-k-width-265-5 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-265-6 row-k-style" id="row-k-style-265-6">
            <div class="row-k-width-265-6 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-265-7 row-k-style" id="row-k-style-265-7">
            <div class="row-k-width-265-7 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-264-3 row-k-style" id="row-k-style-264-3">
            <div class="row-k-width-264-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1003 {
        background: transparent;;
    }
    .widjetComponent--1003 .inner-text {
        padding: 20px 10px 20px 10px;
        color: #4a4a4a;
    }
    .widjetComponent--1003 .inner-text * {
        color: #4a4a4a;
    }
</style>

<section class="widjetComponent--1003">
    <div class="inner-text">
        <p style="text-align: center;"><strong>© 2020 cherkasy-inform</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();
                        addStyle("https://cdn.ukraine-inform.com/assets/videoplayer.css?v=2df3sss1");
                        if(ww > 991) {
                            
                                                        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/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");
                                                $(window).scroll(function() {
                            var scroll = $(window).scrollTop();

                            if (scroll >= 100) {
                                if (!in_slider_2) {
                                    in_slider_2 = true;
                                    if(ww < 991) {
                                        
                                    }


                                                                       // 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>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.6.2/video.min.js"></script>
            <script src="https://cdn.ukraine-inform.com/assets/video/videojs.watermark.js"></script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>
            <script src="https://cdn.ukraine-inform.com/assets/video/videojs-vtt-thumbnails.min.js"></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=789"></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>