<!--::result::time::02:18:25::App\Service\Components\Header\H03::-->
<!--::result::time::02:18:25::work: 0.0022 s::App\Service\Components\Header\H03::-->
<!--::result::time::02:18:25::App\Service\Components\Header\H03::-->
<!--::result::time::02:18:25::work: 0.001 s::App\Service\Components\Header\H03::-->
<!--::result::time::02:18:25::App\Service\Components\Header\H03::-->
<!--::result::time::02:18:25::work: 0.0012 s::App\Service\Components\Header\H03::-->
<!--::result::time::02:18:25::App\Service\Components\Header\H04::-->
<!--::result::time::02:18:25::work: 0.0005 s::App\Service\Components\Header\H04::-->
<!--::result::time::02:18:25::App\Service\Components\Header\H02::-->
<!--::result::time::02:18:25::work: 0.0113 s::App\Service\Components\Header\H02::-->
<!--::result::time::02:18:25::App\Service\Components\Text\T01::-->
<!--::result::time::02:18:25::work: 0.0005 s::App\Service\Components\Text\T01::-->
<!--::result::time::02:18:25::App\Service\Components\News\N12::-->
<!--::result::time::02:18:25::work: 0.0126 s::App\Service\Components\News\N12::-->
<!--::result::time::02:18:25::App\Service\Components\News\N10::-->
<!--::result::time::02:18:25::work: 0.0008 s::App\Service\Components\News\N10::-->
<!--::result::time::02:18:25::App\Service\Components\News\N11::-->
<!--::result::time::02:18:26::work: 1.4476 s::App\Service\Components\News\N11::-->
<!--::result::time::02:18:26::App\Service\Components\News\N12::-->
<!--::result::time::02:18:26::work: 0.0056 s::App\Service\Components\News\N12::-->
<!--::result::time::02:18:26::App\Service\Components\News\N04::-->
<!--::result::time::02:18:26::work: 0.0144 s::App\Service\Components\News\N04::-->
<!--::result::time::02:18:26::App\Service\Components\News\N01::-->
<!--::result::time::02:18:26::getChildsMapIds work: 0.002 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:26::SELECT getPagesByCategoryLimit::-->
<!--::result::time::02:18:26::work category: 744,1134,1135,1136::getPagesByCategoryLimit::-->
<!--::result::time::02:18:26::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::02:18:26::SELECT work: 0.0208 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:26::POST getPagesByCategoryLimit::-->
<!--::result::time::02:18:26::POST work: 0.0028 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:26::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:26::foreach work: 0.0088 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:26::work: 0.0387 s::App\Service\Components\News\N01::-->
<!--::result::time::02:18:26::App\Service\Components\News\N01::-->
<!--::result::time::02:18:26::getChildsMapIds work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:26::SELECT getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work category: 743,1116,1117,1118::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::SELECT work: 0.039 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST work: 0.0025 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::count work: 3 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::foreach work: 0.0071 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work: 0.0516 s::App\Service\Components\News\N01::-->
<!--::result::time::02:18:27::App\Service\Components\News\N06::-->
<!--::result::time::02:18:27::getChildsMapIds work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::SELECT getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work category: 742::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::SELECT work: 0.0007 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST work: 0.0047 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::foreach work: 0.0108 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work: 0.0194 s::App\Service\Components\News\N06::-->
<!--::result::time::02:18:27::App\Service\Components\News\N04::-->
<!--::result::time::02:18:27::work: 0.0093 s::App\Service\Components\News\N04::-->
<!--::result::time::02:18:27::App\Service\Components\News\N01::-->
<!--::result::time::02:18:27::getChildsMapIds work: 0.0027 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::SELECT getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work category: 739,749,750,751,752,753::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::SELECT work: 0.0066 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST work: 0.0026 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::foreach work: 0.012 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work: 0.0268 s::App\Service\Components\News\N01::-->
<!--::result::time::02:18:27::App\Service\Components\News\N01::-->
<!--::result::time::02:18:27::getChildsMapIds work: 0.0025 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::SELECT getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work category: 745,1124,1125,1126,1127,1128::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::SELECT work: 0.02 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST work: 0.0024 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::foreach work: 0.0075 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work: 0.033 s::App\Service\Components\News\N01::-->
<!--::result::time::02:18:27::App\Service\Components\News\N01::-->
<!--::result::time::02:18:27::getChildsMapIds work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::SELECT getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work category: 746,1119,1120,1121,1122,1123::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::SELECT work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST work: 0.0022 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::foreach work: 0.0075 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work: 0.0145 s::App\Service\Components\News\N01::-->
<!--::result::time::02:18:27::App\Service\Components\News\N01::-->
<!--::result::time::02:18:27::getChildsMapIds work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::SELECT getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work category: 747,1129,1130,1131,1132,1133::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::SELECT work: 0.0053 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::foreach work: 0.0076 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work: 0.0178 s::App\Service\Components\News\N01::-->
<!--::result::time::02:18:27::App\Service\Components\News\N05::-->
<!--::result::time::02:18:27::getChildsMapIds work: 0.0003 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::SELECT getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work category: 748::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work count: 16::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::SELECT work: 0.0823 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::POST work: 0.0064 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::count work: 16 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::foreach work: 0.0336 s::getPagesByCategoryLimit::-->
<!--::result::time::02:18:27::work: 0.1267 s::App\Service\Components\News\N05::-->
<!--::result::time::02:18:27::work: 1.8538 s::-->
<!--::result::time::02:18:27::render work: 0.0365 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-228-0 {width:95%}
.row-k-style-228-0 {background: linear-gradient(#059e54,#059e54)}
.row-k-width-228-1 {width:95%}
.row-k-style-228-1 {background: linear-gradient(#cf006e,#cf006e)}
.row-k-width-228-2 {width:95%}
.row-k-style-228-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-228-3 {width:95%}
.row-k-style-228-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-229-0 {width:95%}
.row-k-style-229-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-229-1 {width:95%}
.row-k-style-229-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-229-2 {width:95%}
.row-k-style-229-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-229-3 {width:95%}
.row-k-style-229-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-229-4 {width:95%}
.row-k-style-229-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-229-5 {width:95%}
.row-k-style-229-5 {background: linear-gradient(#fff,#fff)}
.row-k-width-229-6 {width:95%}
.row-k-style-229-6 {background: linear-gradient(#fff,#fff)}
.row-k-width-229-7 {width:95%}
.row-k-style-229-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/video/08.02.2023/a16e3ae9d9df5865ce59b0230341e4db/fa26592dfa93139660727e1c15033113_poster.jpg&size=850x560&ios=false" as="image">
			<meta property="og:title" content="Перед переговорами">
			<meta property="og:description" content="Перед переговорами 🤝">
			<meta property="og:url" content="https://dnipro-inform.com">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/08.02.2023/a16e3ae9d9df5865ce59b0230341e4db/fa26592dfa93139660727e1c15033113_poster.jpg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/08.02.2023/a16e3ae9d9df5865ce59b0230341e4db/fa26592dfa93139660727e1c15033113_poster.jpg&size=1000<&ios=false">
			<meta property="og:site_name" content="Запоріжжя Інформ Новини України Новости Украины">
			<link rel="canonical" href="https://ukraine-inform.com/video-derzhava-prezydent-ukrayiny/121673-pered-peregovorami.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-228-0 row-k-style" id="row-k-style-228-0">
            <div class="row-k-width-228-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--958.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--958 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--958.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--958.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--958.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--958 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #ffffff;
    }
    .widjetComponent--958 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent958 .sub-menu {
         display: none;
     }
    #navbarSupportedContent958 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent958 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent958 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent958 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--958" once="menu" id="menu958-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="#navbarSupportedContent958"
                aria-controls="navbarSupportedContent958" 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="navbarSupportedContent958">
            <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--959.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: center;
        -webkit-justify-content: center;
    }
    .widjetComponent--959 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--959.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--959.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--959.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--959 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #ffffff;
    }
    .widjetComponent--959 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent959 .sub-menu {
         display: none;
     }
    #navbarSupportedContent959 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent959 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent959 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent959 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--959" once="menu" id="menu959-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="#navbarSupportedContent959"
                aria-controls="navbarSupportedContent959" 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="navbarSupportedContent959">
            <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--960.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--960 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--960.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--960.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--960.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--960 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #ffffff;
    }
    .widjetComponent--960 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent960 .sub-menu {
         display: none;
     }
    #navbarSupportedContent960 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent960 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent960 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent960 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--960" once="menu" id="menu960-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="#navbarSupportedContent960"
                aria-controls="navbarSupportedContent960" 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="navbarSupportedContent960">
            <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-228-1 row-k-style" id="row-k-style-228-1">
            <div class="row-k-width-228-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--460.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--460 .logo-text {
        margin-left: 25px;    }
    </style>
<a class="widjetComponent--460 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.10.2019/aed4640e6908dc5733dd15897a305bd8.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.10.2019/aed4640e6908dc5733dd15897a305bd8.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.10.2019/aed4640e6908dc5733dd15897a305bd8.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--961 {
        background: transparent;
    }
    .widjetComponent--961 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--961 .navbar-toggleable-sm .navbar-nav .nav-link,
    .widjetComponent--961 .nav-dropdown>li>a {
        padding: 20px 15px 20px 15px;
        color: #ffffff;
        position: relative;
        font-size: 16px;
        margin: 0;
    }
    .widjetComponent--961 .navbar-toggleable-sm .navbar-nav .nav-link:hover,
    .widjetComponent--961 .nav-dropdown>li>a:hover {
        padding: 20px 15px 20px 15px;
        color: #ffffff;
        margin: 0;
        background: #e31985;
    }
    .widjetComponent--961 .navbar-toggleable-sm {
        padding-top: 0;
        padding-bottom: 0;
    }
    .widjetComponent--961 .nav-item.dropdown.open .dropdown-menu{
        display: block;
        text-align: right;
        border-bottom: 2px solid #e31985;
        padding-bottom: 0;
        padding-top: 0;
        width: 100%;
        top: 90%;
        z-index: 9999;
    }
    .widjetComponent--961 .nav-item.dropdown.open .dropdown-menu a {
        display: inline-block;
        padding: 15px 15px;
        width: auto;
    }
    .widjetComponent--961 .nav-item.dropdown.open .dropdown-menu a:hover {
        background: #cf006e;
        color: #ffffff;
    }
    .widjetComponent--961 .dropdown {
        position: initial;
    }
    .widjetComponent--961 .navbar,
    section.menu.widjetComponent--961 {
        position: initial;
    }
    .widjetComponent--961 .search-item .form-search {
        display: none;
    }
</style>
<section class="menu widjetComponent--961">
    <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="#navbarSupportedContent961"
                aria-controls="navbarSupportedContent961" 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="navbarSupportedContent961">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-derzhava"
                               data-toggle="dropdown-submenu" aria-expanded="false">Держава</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-derzhava-pravookhoronni-orhany">Правоохоронні органи</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-vlada">Влада</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-borotba-z-koruptsiyeyu">Боротьба з корупцією</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-polityka"
                               data-toggle="dropdown-submenu" aria-expanded="false">Політика</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-polityka-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-tekhnologiji">Технології</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-industry">Промисловість</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-business">Бізнес</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-realty">Нерухомість</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-agro-industry">Агропромисловість</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--961').parent().parent().css('position', 'initial')
        });
    });

</script>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-229-0 row-k-style" id="row-k-style-229-0">
            <div class="row-k-width-229-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--963 .post-image img {
        width: 100%;
    }
    .widjetComponent--963 .post-image {
        position: relative;
    }
    .widjetComponent--963 .post-image a {
        display: block;
    }
    .widjetComponent--963 .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--963 .post-inner:hover .category {
        color: #cf006e;
    }
    .widjetComponent--963 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--963 .post-inner:hover .widget-title {
        color: #cf006e;
    }

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

</style>
<section class="widjet-component-inner widjetComponent--963">
            <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/121673-pered-peregovorami.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/08.02.2023/a16e3ae9d9df5865ce59b0230341e4db/fa26592dfa93139660727e1c15033113_poster.jpg&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--964 {
       padding: 10px 0;
	   padding-bottom: 0;
    }

    #efir-content-s-close {
        display: none;
        position: absolute;
        right: -10px;
        top: -10px;
        background: #5caa9c;
        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 #5caa9c99;
        border: 4px solid #5caa9c99;
    }
    #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: #5caa9c;
        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--964">
    <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--966 {
        margin: 20px 0 0 0;
		margin-top: 10px;
        padding: 0;
        background: #f6f6f6;
    }
    .widjetComponent--title--966 {
        font-size: 14px;
        padding: 13px 19px 13px 19px;
        border-bottom: 4px solid #dddddd;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .widjetComponent--966 .post-inner {
        padding: 0 19px 0 19px;
    }
    .widjetComponent--966 .post-inner a {
        color: #000000;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 10px;
        padding-bottom: 9px;
        font-size: 14px;
        font-weight: normal;
        display: block;
    }
    .widjetComponent--966 .post-inner a:hover {
        color: #059e54;
    }
</style>
<section class="widjet-component-inner widjetComponent--966">
    <div class="widjetComponent--title--966 widget-title-base">
        <a href="javascript:void(0);">Останні новини</a>
    </div>
    <div class="body" id="scroll-last-n-966" style="height: 280px">
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/121747-netipichnyy-prestupnik-andrey-priz.html" title="Нетипичный преступник Андрей Приз">Нетипичный преступник Андрей Приз</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/121743-pani-gulyayut-holopi-platyat-odes-kiy-chinovnik-sudar-v-ulashtuvav-don-c-vip-ves-llya-na-profsp-lkov-vneski.html" title="&quot;Пани гуляють, холопи платять&quot;: одеський чиновник Сударєв улаштував доньці VIP-весілля на профспілкові внески?">&quot;Пани гуляють, холопи платять&quot;: одеський чиновник Сударєв улаштував доньці...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/121740-isw-okupanti-pochali-nastup-na-luganschin-ale-zsu-ne-dayut-m-dosyagnuti-usp-h-v.html" title="ISW: Окупанти почали наступ на Луганщині, але ЗСУ не дають їм досягнути успіхів">ISW: Окупанти почали наступ на Луганщині, але ЗСУ не дають їм досягнути...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/121739-n-chniy-b-y-p-d-vugledarom-zsu-rozbili-grupu-tank-v-p-hoti-voroga-v-deo.html" title="Нічний бій під Вугледаром: ЗСУ розбили групу танків і піхоти ворога (відео)">Нічний бій під Вугледаром: ЗСУ розбили групу танків і піхоти ворога (відео)</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/121737-ma-tok-dlya-hal-mona-sap-rozsl-du-spravu-schodo-nardepa--slugi.html" title="Маєток для Халімона: САП розслідує справу щодо нардепа-&quot;слуги&quot;">Маєток для Халімона: САП розслідує справу щодо нардепа-&quot;слуги&quot;</a>
                </div>
            </div>
            </div>
</section>

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

</script>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-229-1 row-k-style" id="row-k-style-229-1">
            <div class="row-k-width-229-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--967 .post-image img {
        width: 100%;
    }
    .widjetComponent--967 .post-image {
        position: relative;
    }
    .widjetComponent--967 .post-image a {
        display: block;
    }
    .widjetComponent--967 .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--967 .post-inner:hover .category {
        color: #cf006e;
    }
    .widjetComponent--967 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--967 .post-inner:hover .widget-title {
        color: #cf006e;
    }

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

</style>
<section class="widjet-component-inner widjetComponent--967">
            <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-suspilstvo/121576-v-deo-z-turec-kogo-uzberezhzhya.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/07.02.2023/bd3d7ec1fc830a2c4e133eb93842f19b/e5cb46cb681dc9d304dbbe3c69f625cf_poster.jpg&amp;size=851x561" 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>

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

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

</style>
<section class="widjet-component-inner widjetComponent--970">
            <style>
        .widjetComponent--title--970.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #059e54;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
        <h4 class="widjetComponent--title--970 widget-title-base">Популярне</h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/121012-mikolu-tischenka-zv-l-neno-z-posadi-zastupnika-golovi-frakc-sluga-narodu-rechnicya-sn.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2023/de7811398372987eb6defacdd2466df2.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 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-polityka-zovnishnya-polityka/120874-glavi-mzs-kra-n-g7-zberut-sya-v-myunhen-schob-obgovoriti-v-ynu-v-ukra-n-japan-today.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.01.2023/668779ccc816fc408d6662ba2f57677c.jpeg&amp;size=850x560" class="wp-post-image" alt="Глави МЗС країн G7 зберуться в Мюнхені, щоб обговорити війну в Україні, – Japan Today">
                            <div class="post-content">
                                <div class="category">Зовнішня політика</div>
                                <h3 class="widget-title">Глави МЗС країн G7 зберуться в Мюнхені, щоб обговорити війну в Україні,...</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                            <style>
    .widjetComponent--972 .post-image img {
        width: 100%;
    }
    .widjetComponent--972 .post-image a {
        display: block;
    }
    .widjetComponent--972 .post-content .category a {
        color: #cf006e;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--972 .post-content .category a:hover {
        color: #cf006e;
    }
    .widjetComponent--972 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--972 .widget-title a:hover {
        color: #cf006e;
    }
    .widjetComponent--972 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--972 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--972 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--972 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--972 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--972 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--972 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--972">
            <style>
        .widjetComponent--title--972.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #059e54;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/news-polityka" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--972 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/121694-mer-parizha-ann-dal-go-vislovilasya-proti-uchast-ros-ys-kih-sportsmen-v-v-ol-mp-ad--2024-yaka-prohoditime-u-francuz-k-y-stolic.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2023/9976caf9f59a3345d77f441cfcb53579.jpeg&amp;size=320x210" class="wp-post-image" alt="Мер Парижа Анн Ідальго висловилася проти участі російських спортсменів в Олімпіаді-2024, яка проходитиме у французькій столиці">
                        </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/121694-mer-parizha-ann-dal-go-vislovilasya-proti-uchast-ros-ys-kih-sportsmen-v-v-ol-mp-ad--2024-yaka-prohoditime-u-francuz-k-y-stolic.html" title="Мер Парижа Анн Ідальго висловилася проти участі російських спортсменів в Олімпіаді-2024, яка проходитиме у французькій столиці">Мер Парижа Анн Ідальго висловилася проти участі російських спортсменів...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/121694-mer-parizha-ann-dal-go-vislovilasya-proti-uchast-ros-ys-kih-sportsmen-v-v-ol-mp-ad--2024-yaka-prohoditime-u-francuz-k-y-stolic.html" title="Мер Парижа Анн Ідальго висловилася проти участі російських спортсменів в Олімпіаді-2024, яка проходитиме у французькій столиці">Мер Парижа Анн Ідальго висловилася проти участі російських...</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/121690-uryad-n-mechchini-peredav-ukra-n-chergovu-part-yu-dopomogi-dlya-frontu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2023/9833152c0b18a935e5ef70a448fcc5da.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/121690-uryad-n-mechchini-peredav-ukra-n-chergovu-part-yu-dopomogi-dlya-frontu.html" title="Уряд Німеччини передав Україні чергову партію допомоги для фронту">Уряд Німеччини передав Україні чергову партію допомоги для фронту</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/121690-uryad-n-mechchini-peredav-ukra-n-chergovu-part-yu-dopomogi-dlya-frontu.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/121689-u-kita-v-dmovilisya-pogovoriti-po-telefonu-z-m-noboroni-ssha-pro-zbittya-hn-o-pov-tryano-kul-nbc-news.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2023/fe272dab62b402e4b029109f97cb4ffa.jpeg&amp;size=320x210" class="wp-post-image" alt=" У Китаї відмовилися поговорити по телефону з міноборони США про збиття їхньої повітряної кулі, – NBC News">
                        </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/121689-u-kita-v-dmovilisya-pogovoriti-po-telefonu-z-m-noboroni-ssha-pro-zbittya-hn-o-pov-tryano-kul-nbc-news.html" title=" У Китаї відмовилися поговорити по телефону з міноборони США про збиття їхньої повітряної кулі, – NBC News"> У Китаї відмовилися поговорити по телефону з міноборони США про збиття...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/121689-u-kita-v-dmovilisya-pogovoriti-po-telefonu-z-m-noboroni-ssha-pro-zbittya-hn-o-pov-tryano-kul-nbc-news.html" title=" У Китаї відмовилися поговорити по телефону з міноборони США про збиття їхньої повітряної кулі, – NBC News"> У Китаї відмовилися поговорити по телефону з міноборони...</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/121667-pol-scha-zd-ysnyuvatime-schom-syacya-v-ys-kovu-p-dgotovku-2-batal-yon-v-zsu-zastupnik-golovi-m-noboroni-pol-sch-skurkevich.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2023/0e8356ae858cdd363272d0ccc9282a4c.jpeg&amp;size=320x210" class="wp-post-image" alt="Польща здійснюватиме щомісяця військову підготовку 2 батальйонів ЗСУ, — заступник голови Міноборони Польщі Скуркевич">
                        </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/121667-pol-scha-zd-ysnyuvatime-schom-syacya-v-ys-kovu-p-dgotovku-2-batal-yon-v-zsu-zastupnik-golovi-m-noboroni-pol-sch-skurkevich.html" title="Польща здійснюватиме щомісяця військову підготовку 2 батальйонів ЗСУ, — заступник голови Міноборони Польщі Скуркевич">Польща здійснюватиме щомісяця військову підготовку 2 батальйонів ЗСУ, —...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/121667-pol-scha-zd-ysnyuvatime-schom-syacya-v-ys-kovu-p-dgotovku-2-batal-yon-v-zsu-zastupnik-golovi-m-noboroni-pol-sch-skurkevich.html" title="Польща здійснюватиме щомісяця військову підготовку 2 батальйонів ЗСУ, — заступник голови Міноборони Польщі Скуркевич">Польща здійснюватиме щомісяця військову підготовку 2 батальйонів...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

            $('.widjetComponent--972 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--972 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--972 .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-972 .entry").remove();');
                            $('#streem_append_block-972 .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-972').append(curstr);
                            }
                            count++;
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-972 .entry").remove();');
                            $('#streem_append_block-972 .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-972').length > 0) {
                setInterval(function () {
                    getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                            <style>
    .widjetComponent--973 .post-image img {
        width: 100%;
    }
    .widjetComponent--973 .post-image a {
        display: block;
    }
    .widjetComponent--973 .post-content .category a {
        color: #cf006e;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--973 .post-content .category a:hover {
        color: #cf006e;
    }
    .widjetComponent--973 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--973 .widget-title a:hover {
        color: #cf006e;
    }
    .widjetComponent--973 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--973 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--973 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--973 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--973 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--973 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--973 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--973">
            <style>
        .widjetComponent--title--973.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #059e54;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/news-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--973 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/121677-za-mater-alami-sbu-15-rok-v-za-ratami-provede-zradnik-yakiy-koriguvav-udari-po-ki-vu-z-grad-v-ta-smerch-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2023/888fe43ffcbd5bd732f5884cc3dff747.jpeg&amp;size=320x210" class="wp-post-image" alt="За матеріалами СБУ 15 років за ґратами проведе зрадник, який коригував удари по Києву з «Градів» та «Смерчів»">
                        </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/121677-za-mater-alami-sbu-15-rok-v-za-ratami-provede-zradnik-yakiy-koriguvav-udari-po-ki-vu-z-grad-v-ta-smerch-v.html" title="За матеріалами СБУ 15 років за ґратами проведе зрадник, який коригував удари по Києву з «Градів» та «Смерчів»">За матеріалами СБУ 15 років за ґратами проведе зрадник, який коригував...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/121677-za-mater-alami-sbu-15-rok-v-za-ratami-provede-zradnik-yakiy-koriguvav-udari-po-ki-vu-z-grad-v-ta-smerch-v.html" title="За матеріалами СБУ 15 років за ґратами проведе зрадник, який коригував удари по Києву з «Градів» та «Смерчів»">За матеріалами СБУ 15 років за ґратами проведе зрадник,...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-pravookhoronni-orhany/121658-beb-peredalo-v-upravl-nnya-derzhavi-zal-znu-rudu-scho-nalezhit-ros-ys-komu-ol-garhu-na-1-8-mlrd-grn.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2023/d548ddcd285bee3a8d354e21ee761e60.jpeg&amp;size=320x210" class="wp-post-image" alt="БЕБ передало в управління держави залізну руду, що належить російському олігарху, на 1,8 млрд грн">
                        </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/121658-beb-peredalo-v-upravl-nnya-derzhavi-zal-znu-rudu-scho-nalezhit-ros-ys-komu-ol-garhu-na-1-8-mlrd-grn.html" title="БЕБ передало в управління держави залізну руду, що належить російському олігарху, на 1,8 млрд грн">БЕБ передало в управління держави залізну руду, що належить російському...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/121658-beb-peredalo-v-upravl-nnya-derzhavi-zal-znu-rudu-scho-nalezhit-ros-ys-komu-ol-garhu-na-1-8-mlrd-grn.html" title="БЕБ передало в управління держави залізну руду, що належить російському олігарху, на 1,8 млрд грн">БЕБ передало в управління держави залізну руду, що належить...</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/121648-prisyagnuv-na-v-rn-st-okupantam-zaochno-suditimut-sp-vrob-tnika-akadem-pol-c-yakiy-pereyshov-na-b-k-voroga-u-mar-upol.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2023/6d0e8732412fd632c4abf57bafa7b96d.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/121648-prisyagnuv-na-v-rn-st-okupantam-zaochno-suditimut-sp-vrob-tnika-akadem-pol-c-yakiy-pereyshov-na-b-k-voroga-u-mar-upol.html" title="Присягнув на вірність окупантам – заочно судитимуть співробітника «Академії поліції», який перейшов на бік ворога у Маріуполі ">Присягнув на вірність окупантам – заочно судитимуть співробітника «Академії...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/121648-prisyagnuv-na-v-rn-st-okupantam-zaochno-suditimut-sp-vrob-tnika-akadem-pol-c-yakiy-pereyshov-na-b-k-voroga-u-mar-upol.html" title="Присягнув на вірність окупантам – заочно судитимуть співробітника «Академії поліції», який перейшов на бік ворога у Маріуполі ">Присягнув на вірність окупантам – заочно судитимуть співробітника...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

            $('.widjetComponent--973 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--973 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--973 .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-973 .entry").remove();');
                            $('#streem_append_block-973 .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-973').append(curstr);
                            }
                            count++;
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-973 .entry").remove();');
                            $('#streem_append_block-973 .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-973').length > 0) {
                setInterval(function () {
                    getStream();
                }, 5000);
            }
        });
    });
</script>

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

</style>
<section class="widjet-component-inner widjetComponent--968">
            <style>
        .widjetComponent--title--968.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #059e54;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/preview" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--968 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--971 .post-image img {
        width: 100%;
    }
    .widjetComponent--971 .post-image a {
        display: block;
    }
    .widjetComponent--971 .post-image {
        position: relative;
    }
    .widjetComponent--971 .post-content .category {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--971 .post-inner:hover .category {
        color: #059e54;
    }
    .widjetComponent--971 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--971 .post-inner:hover .widget-title {
        color: #059e54;
    }

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

</style>
<section class="widjet-component-inner widjetComponent--971">
            <style>
        .widjetComponent--title--971.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #059e54;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
        <h4 class="widjetComponent--title--971 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/114390-115-brigada-zsu-sche-na-odin-den-blizhche-do-peremogi.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/29.08.2022/bae409d44d3ac4246a6744a8a60fc494/e4de776d421cf733cbce9526832cb592_poster.jpg&amp;size=850x560" class="wp-post-image" alt="115 бригада ЗСУ : Ще на один день ближче до перемоги">
                            <div class="post-content">
                                <div class="category">Держава</div>
                                <h3 class="widget-title">115 бригада ЗСУ : Ще на один день ближче до перемоги</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                            <style>
    .widjetComponent--969 .post-image img {
        width: 100%;
    }
    .widjetComponent--969 .post-image a {
        display: block;
    }
    .widjetComponent--969 .post-content .category a {
        color: #059e54;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--969 .post-content .category a:hover {
        color: #059e54;
    }
    .widjetComponent--969 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--969 .widget-title a:hover {
        color: #059e54;
    }
    .widjetComponent--969 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--969 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--969 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--969 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--969 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--969 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--969 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--969">
            <style>
        .widjetComponent--title--969.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #059e54;
            text-align: flex-start;
        }
        .widjetComponent--title--969.widget-title-base span {
            background: #059e54;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/video" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--969 widget-title-base">
        <span>Відео</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/121716-zayavi-ta-sp-lkuvannya-z-predstavnikami-zm-prezidenta-ukra-ni-volodimira-zelens-kogo-ta-prem-r-m-n-stra-veliko-britan-r-sh-sunaka.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/08.02.2023/c7638bc62735ff3b27d4ab0579ed1510/0c25102549e61af8779e5f6677683db4.mp4"
                               data-videoid="4827"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/08.02.2023/c7638bc62735ff3b27d4ab0579ed1510/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/121716-zayavi-ta-sp-lkuvannya-z-predstavnikami-zm-prezidenta-ukra-ni-volodimira-zelens-kogo-ta-prem-r-m-n-stra-veliko-britan-r-sh-sunaka.html"
                               title="Заяви та спілкування з представниками ЗМІ Президента України Володимира Зеленського та Премʼєр-міністра Великої Британії Ріші Сунака"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/08.02.2023/c7638bc62735ff3b27d4ab0579ed1510/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/08.02.2023/c7638bc62735ff3b27d4ab0579ed1510/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/08.02.2023/c7638bc62735ff3b27d4ab0579ed1510/64a6139f1ff48ebf640a2e2280eb2dda_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/121716-zayavi-ta-sp-lkuvannya-z-predstavnikami-zm-prezidenta-ukra-ni-volodimira-zelens-kogo-ta-prem-r-m-n-stra-veliko-britan-r-sh-sunaka.html" title="Заяви та спілкування з представниками ЗМІ Президента України Володимира Зеленського та Премʼєр-міністра Великої Британії Ріші Сунака">Заяви та спілкування з представниками ЗМІ Президента України Володимира...</a>
                            <!--<a href="/video-derzhava/121716-zayavi-ta-sp-lkuvannya-z-predstavnikami-zm-prezidenta-ukra-ni-volodimira-zelens-kogo-ta-prem-r-m-n-stra-veliko-britan-r-sh-sunaka.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/121715-vistup-volodimira-zelens-kogo-v-parlament-veliko-britan.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/08.02.2023/09a11495d96a475b28778a3e63cd630e/de6a7f935a72b079ebed6ed982e6fa93.mp4"
                               data-videoid="4826"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/08.02.2023/09a11495d96a475b28778a3e63cd630e/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/121715-vistup-volodimira-zelens-kogo-v-parlament-veliko-britan.html"
                               title="Виступ Володимира Зеленського в парламенті Великої Британії"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/08.02.2023/09a11495d96a475b28778a3e63cd630e/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/08.02.2023/09a11495d96a475b28778a3e63cd630e/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/08.02.2023/09a11495d96a475b28778a3e63cd630e/6673db29db70ecb348a5135210956a63_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/121715-vistup-volodimira-zelens-kogo-v-parlament-veliko-britan.html" title="Виступ Володимира Зеленського в парламенті Великої Британії">Виступ Володимира Зеленського в парламенті Великої Британії</a>
                            <!--<a href="/video-derzhava/121715-vistup-volodimira-zelens-kogo-v-parlament-veliko-britan.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/121693-prezident-zelens-kiy-zustr-vsya-z-korolem-veliko-britan-karlom.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/08.02.2023/4b33df02a5c6eb36e6b97666f89e4d80/4e178b8efb277cb6d9d19e1018748350.mp4"
                               data-videoid="4825"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/08.02.2023/4b33df02a5c6eb36e6b97666f89e4d80/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/121693-prezident-zelens-kiy-zustr-vsya-z-korolem-veliko-britan-karlom.html"
                               title="Президент Зеленський зустрівся із королем Великої Британії Карлом ІІІ"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/08.02.2023/4b33df02a5c6eb36e6b97666f89e4d80/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/08.02.2023/4b33df02a5c6eb36e6b97666f89e4d80/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/08.02.2023/4b33df02a5c6eb36e6b97666f89e4d80/817980f1a6ef71da86514bd24b287df8_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/121693-prezident-zelens-kiy-zustr-vsya-z-korolem-veliko-britan-karlom.html" title="Президент Зеленський зустрівся із королем Великої Британії Карлом ІІІ">Президент Зеленський зустрівся із королем Великої Британії Карлом ІІІ</a>
                            <!--<a href="/video-derzhava/121693-prezident-zelens-kiy-zustr-vsya-z-korolem-veliko-britan-karlom.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/121688-p-slya-zemletrusu-u-turec-komu-skenderun-p-dnyavsya-r-ven-morya-lyudey-evakuyuyut.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/08.02.2023/47494bc33fd6019eae372909f3e9b79b/b0009d943c500de0f7a20ac2fee9f5a9.mp4"
                               data-videoid="4823"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/08.02.2023/47494bc33fd6019eae372909f3e9b79b/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo/121688-p-slya-zemletrusu-u-turec-komu-skenderun-p-dnyavsya-r-ven-morya-lyudey-evakuyuyut.html"
                               title="Після землетрусу у турецькому Іскендеруні піднявся рівень моря: людей евакуюють"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/08.02.2023/47494bc33fd6019eae372909f3e9b79b/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/08.02.2023/47494bc33fd6019eae372909f3e9b79b/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/08.02.2023/47494bc33fd6019eae372909f3e9b79b/299bd3692a74fa0f70f9868292888c08_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/121688-p-slya-zemletrusu-u-turec-komu-skenderun-p-dnyavsya-r-ven-morya-lyudey-evakuyuyut.html" title="Після землетрусу у турецькому Іскендеруні піднявся рівень моря: людей евакуюють">Після землетрусу у турецькому Іскендеруні піднявся рівень моря: людей евакуюють</a>
                            <!--<a href="/video-suspilstvo/121688-p-slya-zemletrusu-u-turec-komu-skenderun-p-dnyavsya-r-ven-morya-lyudey-evakuyuyut.html" title="Після землетрусу у турецькому Іскендеруні піднявся рівень моря: людей евакуюють">Після землетрусу у турецькому Іскендеруні піднявся рівень...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

            $('.widjetComponent--969 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--969 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--969 .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-969 .entry").remove();');
                            $('#streem_append_block-969 .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-969').append(curstr);
                            }
                            count++;
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-969 .entry").remove();');
                            $('#streem_append_block-969 .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-969').length > 0) {
                setInterval(function () {
                    getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-229-2 row-k-style" id="row-k-style-229-2">
            <div class="row-k-width-229-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-height no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--974 .post-image img {
        width: 100%;
    }
    .widjetComponent--974 .post-image a {
        display: block;
    }
    .widjetComponent--974 .post-content .category a {
        color: #cf006e;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--974 .post-content .category a:hover {
        color: #cf006e;
    }
    .widjetComponent--974 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--974 .widget-title a:hover {
        color: #cf006e;
    }
    .widjetComponent--974 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--974 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--974 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--974 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--974 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--974 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--974 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--974">
            <style>
        .widjetComponent--title--974.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #059e54;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/news-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--974 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/121702-u-turechchin-stalosya-sche-k-l-ka-zemletrus-v-vropeys-ko-seredzemnomors-kiy-seysmolog-chniy-centr.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2023/bb47beb5a065ab446efc407d7d61ddb3.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/121702-u-turechchin-stalosya-sche-k-l-ka-zemletrus-v-vropeys-ko-seredzemnomors-kiy-seysmolog-chniy-centr.html" title="У Туреччині сталося ще кілька землетрусів, – Європейсько-середземноморський сейсмологічний центр">У Туреччині сталося ще кілька землетрусів, – Європейсько-середземноморський...</a>
                            <!--<a href="/news-suspilstvo-events/121702-u-turechchin-stalosya-sche-k-l-ka-zemletrus-v-vropeys-ko-seredzemnomors-kiy-seysmolog-chniy-centr.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/121663-k-l-k-st-zagiblih-cherez-zemletrus-u-turechchin-zrosla-do-5894-os-b-postrazhdalih-do-34-8-tis-os-b.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2023/37399f04cd864e89d0517ab1f905f908.jpeg&amp;size=320x210" class="wp-post-image" alt="Кількість загиблих через землетрус у Туреччині зросла до 5894 осіб, постраждалих — до 34,8 тис. осіб">
                        </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/121663-k-l-k-st-zagiblih-cherez-zemletrus-u-turechchin-zrosla-do-5894-os-b-postrazhdalih-do-34-8-tis-os-b.html" title="Кількість загиблих через землетрус у Туреччині зросла до 5894 осіб, постраждалих — до 34,8 тис. осіб">Кількість загиблих через землетрус у Туреччині зросла до 5894 осіб, постраждалих...</a>
                            <!--<a href="/news-suspilstvo-events/121663-k-l-k-st-zagiblih-cherez-zemletrus-u-turechchin-zrosla-do-5894-os-b-postrazhdalih-do-34-8-tis-os-b.html" title="Кількість загиблих через землетрус у Туреччині зросла до 5894 осіб, постраждалих — до 34,8 тис. осіб">Кількість загиблих через землетрус у Туреччині зросла до...</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/121680-yak-vstanoviti-status-vpo-za-v-dstutnost-v-dm-tki-pro-m-sce-re-strac.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2023/15618d4b6803a758b7a8de4d6d7e91b4.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/121680-yak-vstanoviti-status-vpo-za-v-dstutnost-v-dm-tki-pro-m-sce-re-strac.html" title="Як встановити статус ВПО за відстутності відмітки про місце реєстрації">Як встановити статус ВПО за відстутності відмітки про місце реєстрації</a>
                            <!--<a href="/news-suspilstvo-events/121680-yak-vstanoviti-status-vpo-za-v-dstutnost-v-dm-tki-pro-m-sce-re-strac.html" title="Як встановити статус ВПО за відстутності відмітки про місце реєстрації">Як встановити статус ВПО за відстутності відмітки про місце...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/121681-vstanovlennya-nval-dnost-abo-provedennya-msek-dlya-ukra-nc-v-yak-vimusheno-perebuvayut-za-kordonom.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2023/f9dba94443655ff11cd6329557e4bb47.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/121681-vstanovlennya-nval-dnost-abo-provedennya-msek-dlya-ukra-nc-v-yak-vimusheno-perebuvayut-za-kordonom.html" title="Встановлення інвалідності або проведення МСЕК для українців, які вимушено перебувають за кордоном">Встановлення інвалідності або проведення МСЕК для українців, які вимушено...</a>
                            <!--<a href="/news-suspilstvo-events/121681-vstanovlennya-nval-dnost-abo-provedennya-msek-dlya-ukra-nc-v-yak-vimusheno-perebuvayut-za-kordonom.html" title="Встановлення інвалідності або проведення МСЕК для українців, які вимушено перебувають за кордоном">Встановлення інвалідності або проведення МСЕК для українців,...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

            $('.widjetComponent--974 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--974 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--974 .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-974 .entry").remove();');
                            $('#streem_append_block-974 .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-974').append(curstr);
                            }
                            count++;
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-974 .entry").remove();');
                            $('#streem_append_block-974 .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-974').length > 0) {
                setInterval(function () {
                    getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                            <style>
    .widjetComponent--975 .post-image img {
        width: 100%;
    }
    .widjetComponent--975 .post-image a {
        display: block;
    }
    .widjetComponent--975 .post-content .category a {
        color: #cf006e;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--975 .post-content .category a:hover {
        color: #cf006e;
    }
    .widjetComponent--975 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--975 .widget-title a:hover {
        color: #cf006e;
    }
    .widjetComponent--975 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--975 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--975 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--975 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--975 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--975 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--975 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--975">
            <style>
        .widjetComponent--title--975.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #059e54;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/news-ekonomika" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--975 widget-title-base">Економіка</h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika-industry/121495-ukra-ns-kiy-titan-priyde-na-zam-nu-golovnim-eksporteram-ros-ys-komu-ta-kitays-komu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.02.2023/dd6894a7ec45ce7fc2255007d356e5a6.jpeg&amp;size=320x210" class="wp-post-image" alt="Український титан прийде на заміну головним експортерам: російському та китайському">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-industry" class="post_term category investing">Промисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-industry/121495-ukra-ns-kiy-titan-priyde-na-zam-nu-golovnim-eksporteram-ros-ys-komu-ta-kitays-komu.html" title="Український титан прийде на заміну головним експортерам: російському та китайському">Український титан прийде на заміну головним експортерам: російському та...</a>
                            <!--<a href="/news-ekonomika-industry/121495-ukra-ns-kiy-titan-priyde-na-zam-nu-golovnim-eksporteram-ros-ys-komu-ta-kitays-komu.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-business/121382-nova-poshta-v-dkriva-vlasnu-av-akompan-yu-z-radyans-kimi-an-v-chotir-oh-kra-nah-vropi.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/04.02.2023/fb17224bdd3fe9aa58e4e223d9830fe8.jpeg&amp;size=320x210" class="wp-post-image" alt="«Нова Пошта» відкриває власну авіакомпанію з радянськими АН в чотирьох країнах Європи">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-business" class="post_term category investing">Бізнес</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-business/121382-nova-poshta-v-dkriva-vlasnu-av-akompan-yu-z-radyans-kimi-an-v-chotir-oh-kra-nah-vropi.html" title="«Нова Пошта» відкриває власну авіакомпанію з радянськими АН в чотирьох країнах Європи">«Нова Пошта» відкриває власну авіакомпанію з радянськими АН в чотирьох...</a>
                            <!--<a href="/news-ekonomika-business/121382-nova-poshta-v-dkriva-vlasnu-av-akompan-yu-z-radyans-kimi-an-v-chotir-oh-kra-nah-vropi.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-business/121344-procter-gamble-potrapiv-do-perel-ku-m-zhnarodnih-sponsor-v-v-yni-nazk.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.02.2023/f03413bc4706910994cad99be37a1595.jpeg&amp;size=320x210" class="wp-post-image" alt=" Procter&Gamble потрапив до переліку міжнародних спонсорів війни, – НАЗК">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-business" class="post_term category investing">Бізнес</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-business/121344-procter-gamble-potrapiv-do-perel-ku-m-zhnarodnih-sponsor-v-v-yni-nazk.html" title=" Procter&Gamble потрапив до переліку міжнародних спонсорів війни, – НАЗК"> Procter&Gamble потрапив до переліку міжнародних спонсорів війни, – НАЗК</a>
                            <!--<a href="/news-ekonomika-business/121344-procter-gamble-potrapiv-do-perel-ku-m-zhnarodnih-sponsor-v-v-yni-nazk.html" title=" Procter&amp;Gamble потрапив до переліку міжнародних спонсорів війни, – НАЗК"> Procter&Gamble потрапив до переліку міжнародних спонсорів...</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/121115-droni-dlya-peregon-v-yak-ryatuyut-ukra-ns-kih-vo-n-v-scho-za-funkc-ya-fpv-ta-chim-vona-dopomazhe-na-front.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.01.2023/3e70aee4dd5776a3cfda34a1ea79449c.jpeg&amp;size=320x210" class="wp-post-image" alt="Дрони для перегонів, які рятують українських воїнів. Що за функція FPV та чим вона допомаже на фронті?">
                        </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/121115-droni-dlya-peregon-v-yak-ryatuyut-ukra-ns-kih-vo-n-v-scho-za-funkc-ya-fpv-ta-chim-vona-dopomazhe-na-front.html" title="Дрони для перегонів, які рятують українських воїнів. Що за функція FPV та чим вона допомаже на фронті?">Дрони для перегонів, які рятують українських воїнів. Що за функція FPV...</a>
                            <!--<a href="/news-tekhnologiji/121115-droni-dlya-peregon-v-yak-ryatuyut-ukra-ns-kih-vo-n-v-scho-za-funkc-ya-fpv-ta-chim-vona-dopomazhe-na-front.html" title="Дрони для перегонів, які рятують українських воїнів. Що за функція FPV та чим вона допомаже на фронті?">Дрони для перегонів, які рятують українських воїнів. Що...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

            $('.widjetComponent--975 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--975 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--975 .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-975 .entry").remove();');
                            $('#streem_append_block-975 .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-975').append(curstr);
                            }
                            count++;
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-975 .entry").remove();');
                            $('#streem_append_block-975 .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-975').length > 0) {
                setInterval(function () {
                    getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                            <style>
    .widjetComponent--976 .post-image img {
        width: 100%;
    }
    .widjetComponent--976 .post-image a {
        display: block;
    }
    .widjetComponent--976 .post-content .category a {
        color: #cf006e;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--976 .post-content .category a:hover {
        color: #cf006e;
    }
    .widjetComponent--976 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--976 .widget-title a:hover {
        color: #cf006e;
    }
    .widjetComponent--976 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--976 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--976 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--976 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--976 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--976 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--976 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--976">
            <style>
        .widjetComponent--title--976.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            background: #059e54;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/news-sport" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--976 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/121709-zinchenko-priznan-igrokom-mesyaca-v-arsenale.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2023/61eb18fb159c8201d0ba232c282fe91e.jpeg&amp;size=320x210" class="wp-post-image" alt="Зинченко признан игроком месяца в Арсенале">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/121709-zinchenko-priznan-igrokom-mesyaca-v-arsenale.html" title="Зинченко признан игроком месяца в Арсенале">Зинченко признан игроком месяца в Арсенале</a>
                            <!--<a href="/news-sport-boxing/121709-zinchenko-priznan-igrokom-mesyaca-v-arsenale.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/121708-bezumnyy-udar-na-poslednih-sekundah-video-gola-s-centra-polya-v-chempionate-shotlandii.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2023/58066f0cb243f241b8f70a4a97695834.jpeg&amp;size=320x210" class="wp-post-image" alt="Безумный удар на последних секундах. ВИДЕО гола с центра поля в чемпионате Шотландии">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/121708-bezumnyy-udar-na-poslednih-sekundah-video-gola-s-centra-polya-v-chempionate-shotlandii.html" title="Безумный удар на последних секундах. ВИДЕО гола с центра поля в чемпионате Шотландии">Безумный удар на последних секундах. ВИДЕО гола с центра поля в чемпионате...</a>
                            <!--<a href="/news-sport-boxing/121708-bezumnyy-udar-na-poslednih-sekundah-video-gola-s-centra-polya-v-chempionate-shotlandii.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/121498-stil-no-efektivno-barselona-sev-l-ya-3-0-v-deo-gol-v-ta-oglyad-matchu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.02.2023/819261ce337e68db1e1c1bb4f20a6326.jpeg&amp;size=320x210" class="wp-post-image" alt="І стильно, і ефективно. Барселона – Севілья 3:0. Відео голів та огляд матчу">
                        </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/121498-stil-no-efektivno-barselona-sev-l-ya-3-0-v-deo-gol-v-ta-oglyad-matchu.html" title="І стильно, і ефективно. Барселона – Севілья 3:0. Відео голів та огляд матчу">І стильно, і ефективно. Барселона – Севілья 3:0. Відео голів та огляд матчу</a>
                            <!--<a href="/news-sport-boxing/121498-stil-no-efektivno-barselona-sev-l-ya-3-0-v-deo-gol-v-ta-oglyad-matchu.html" title="І стильно, і ефективно. Барселона – Севілья 3:0. Відео голів та огляд матчу">І стильно, і ефективно. Барселона – Севілья 3:0. Відео голів...</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/121496-apl-zvinuvatila-manchester-s-t-v-porushenn-f-nansovogo-fair-play-yak-pokarayut-klub.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/06.02.2023/88e72f5057bb3c8875baa33403703cb6.jpeg&amp;size=320x210" class="wp-post-image" alt="АПЛ звинуватила "Манчестер Сіті" в порушенні фінансового fair-play: як покарають клуб">
                        </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/121496-apl-zvinuvatila-manchester-s-t-v-porushenn-f-nansovogo-fair-play-yak-pokarayut-klub.html" title="АПЛ звинуватила "Манчестер Сіті" в порушенні фінансового fair-play: як покарають клуб">АПЛ звинуватила "Манчестер Сіті" в порушенні фінансового fair-play: як...</a>
                            <!--<a href="/news-sport-boxing/121496-apl-zvinuvatila-manchester-s-t-v-porushenn-f-nansovogo-fair-play-yak-pokarayut-klub.html" title="АПЛ звинуватила &quot;Манчестер Сіті&quot; в порушенні фінансового fair-play: як покарають клуб">АПЛ звинуватила "Манчестер Сіті" в порушенні фінансового...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

            $('.widjetComponent--976 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--976 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--976 .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-976 .entry").remove();');
                            $('#streem_append_block-976 .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-976').append(curstr);
                            }
                            count++;
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-976 .entry").remove();');
                            $('#streem_append_block-976 .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-976').length > 0) {
                setInterval(function () {
                    getStream();
                }, 5000);
            }
        });
    });
</script>

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

</style>
<section class="widjet-component-inner widjetComponent--977">
            <style>
        .widjetComponent--title--977.widget-title-base {
            color: #ffffff;
            font-size: 24px;
            font-weight: bold;
            margin: 15px 0;
            background: #059e54;
            padding: 10px 15px;
            text-align: center;
        }
    </style>
    <a href="/news-ukraine-and-worlds" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--977 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/121747-netipichnyy-prestupnik-andrey-priz.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/2d387493104da058b9eb9c88cc050f14.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/121747-netipichnyy-prestupnik-andrey-priz.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/121743-pani-gulyayut-holopi-platyat-odes-kiy-chinovnik-sudar-v-ulashtuvav-don-c-vip-ves-llya-na-profsp-lkov-vneski.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/3c4b523b40be61cacea399db74bd6919.png&amp;size=850x560" class="wp-post-image" alt="&quot;Пани гуляють, холопи платять&quot;: одеський чиновник Сударєв улаштував доньці VIP-весілля на профспілкові внески?">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/121743-pani-gulyayut-holopi-platyat-odes-kiy-chinovnik-sudar-v-ulashtuvav-don-c-vip-ves-llya-na-profsp-lkov-vneski.html" title="&quot;Пани гуляють, холопи платять&quot;: одеський чиновник Сударєв улаштував доньці VIP-весілля на профспілкові внески?">&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/121740-isw-okupanti-pochali-nastup-na-luganschin-ale-zsu-ne-dayut-m-dosyagnuti-usp-h-v.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/83f194f39dedb97ff4a1abfa688c3ffd.png&amp;size=850x560" class="wp-post-image" alt="ISW: Окупанти почали наступ на Луганщині, але ЗСУ не дають їм досягнути успіхів">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/121740-isw-okupanti-pochali-nastup-na-luganschin-ale-zsu-ne-dayut-m-dosyagnuti-usp-h-v.html" title="ISW: Окупанти почали наступ на Луганщині, але ЗСУ не дають їм досягнути успіхів">ISW: Окупанти почали наступ на Луганщині, але ЗСУ не дають їм досягнути...</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/121739-n-chniy-b-y-p-d-vugledarom-zsu-rozbili-grupu-tank-v-p-hoti-voroga-v-deo.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/76c8f4488518dd726bbcac32814d1770.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/121739-n-chniy-b-y-p-d-vugledarom-zsu-rozbili-grupu-tank-v-p-hoti-voroga-v-deo.html" title="Нічний бій під Вугледаром: ЗСУ розбили групу танків і піхоти ворога (відео)">Нічний бій під Вугледаром: ЗСУ розбили групу танків і піхоти ворога (відео)</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/121737-ma-tok-dlya-hal-mona-sap-rozsl-du-spravu-schodo-nardepa--slugi.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/e5e0fe4912f9a3402b14a5204939f7a2.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/121737-ma-tok-dlya-hal-mona-sap-rozsl-du-spravu-schodo-nardepa--slugi.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/121736-yakscho-govorimo-pro-klasichnu-operac-yu-u-gur-oc-nili-de-rf-mozhe-sprobuvati-visaditi-desant-v-ukra-n-chim-vse-sk-nchit-sya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/b7f4a3b7e45f1fef86e7bfff63b1a3aa.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/121736-yakscho-govorimo-pro-klasichnu-operac-yu-u-gur-oc-nili-de-rf-mozhe-sprobuvati-visaditi-desant-v-ukra-n-chim-vse-sk-nchit-sya.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/121735-sbu-vikrila-sp-vrob-tnika-ukrzal-znic-yakiy-pracyuvav-na-fsb-koriguvav-raketn-udari-po-ki-vu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/e90991bb65cdb43625ada084b1101a51.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/121735-sbu-vikrila-sp-vrob-tnika-ukrzal-znic-yakiy-pracyuvav-na-fsb-koriguvav-raketn-udari-po-ki-vu.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/121734-volodimir-zelens-kiy-u-parizh-prov-v-zustr-ch-z-emmanuelem-makronom-ta-olafom-shol-com.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/1cb892db3921736f8419a4803b3f9962.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/121734-volodimir-zelens-kiy-u-parizh-prov-v-zustr-ch-z-emmanuelem-makronom-ta-olafom-shol-com.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/121733-l-voberezhna-bavovna-okupant-v-nakrili-v-oleshkah-gol-y-pristan-ta-na-k-nburns-k-y-kos.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/37e6edcb53a460ac597b6da147a291e3.png&amp;size=850x560" class="wp-post-image" alt="Лівобережна &quot;бавовна&quot;: окупантів накрили в Олешках, Голій Пристані та на Кінбурнській косі">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/121733-l-voberezhna-bavovna-okupant-v-nakrili-v-oleshkah-gol-y-pristan-ta-na-k-nburns-k-y-kos.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/121732-treba-schob-ros-ya-chekala-nastupu-ukra-ni-y-dumala-pro-te-yak-p-ti-z-nasho-teritor-volodimir-zelens-kiy.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/0fe45e7c2c3cfd460d28d6bb0c3b331e.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/121732-treba-schob-ros-ya-chekala-nastupu-ukra-ni-y-dumala-pro-te-yak-p-ti-z-nasho-teritor-volodimir-zelens-kiy.html" title="Треба, щоб Росія чекала наступу України й думала про те, як піти з нашої території – Володимир Зеленський">Треба, щоб Росія чекала наступу України й думала про те, як піти з нашої...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/121731-n-chniy-b-y-p-d-vugledarom-zsu-rozbili-grupu-tank-v-p-hoti-voroga-v-deo.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/138d5343045df261eb3104f88078a23a.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/121731-n-chniy-b-y-p-d-vugledarom-zsu-rozbili-grupu-tank-v-p-hoti-voroga-v-deo.html" title="Нічний бій під Вугледаром: ЗСУ розбили групу танків і піхоти ворога (відео)">Нічний бій під Вугледаром: ЗСУ розбили групу танків і піхоти ворога (відео)</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/121730-nackom-s-yu-z-c-nnih-paper-v-zvinuvachuyut-u-dopomoz-vivedennyu-ros-ys-kogo-b-znesu-v-ukra-n-z-p-d-sankc-y.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/0387a29d39f7ff1996fb2ca3e71cfa0b.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/121730-nackom-s-yu-z-c-nnih-paper-v-zvinuvachuyut-u-dopomoz-vivedennyu-ros-ys-kogo-b-znesu-v-ukra-n-z-p-d-sankc-y.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/121729-beb-dpsu-ta-sbu-zablokuvali-bagatom-l-yonnu-shemu-legal-zac-vikradeno-na-okupovanih-teritor-yah-got-vki.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/5a92880da11e409a2a6faa37d2580bdf.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/121729-beb-dpsu-ta-sbu-zablokuvali-bagatom-l-yonnu-shemu-legal-zac-vikradeno-na-okupovanih-teritor-yah-got-vki.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/121728-n-mechchina-peredala-noviy-paket-dopomogi-ukra-n-zen-tn-ustanovki-gepard-tisyach-snaryad-v---detal.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/c3eebb92e10e065da4539756a16585eb.png&amp;size=850x560" class="wp-post-image" alt="Німеччина передала новий пакет допомоги Україні: зенітні установки Gepard і тисячі снарядів - деталі">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/121728-n-mechchina-peredala-noviy-paket-dopomogi-ukra-n-zen-tn-ustanovki-gepard-tisyach-snaryad-v---detal.html" title="Німеччина передала новий пакет допомоги Україні: зенітні установки Gepard і тисячі снарядів - деталі">Німеччина передала новий пакет допомоги Україні: зенітні установки Gepard...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/121727-sbu-vikrila-sp-vrob-tnika-ukrzal-znic-yakiy-pracyuvav-na-fsb-koriguvav-raketn-udari-po-ki-vu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/26bbbedbcfa9e0efd26d55fe7ff82e4c.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/121727-sbu-vikrila-sp-vrob-tnika-ukrzal-znic-yakiy-pracyuvav-na-fsb-koriguvav-raketn-udari-po-ki-vu.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/121726-isw-okupanti-pochali-nastup-na-luganschin-ale-zsu-ne-dayut-m-dosyagnuti-usp-h-v.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.02.2023/8576eaadadd952f430522e99c7daf919.jpeg&amp;size=850x560" class="wp-post-image" alt="ISW: Окупанти почали наступ на Луганщині, але ЗСУ не дають їм досягнути успіхів">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/121726-isw-okupanti-pochali-nastup-na-luganschin-ale-zsu-ne-dayut-m-dosyagnuti-usp-h-v.html" title="ISW: Окупанти почали наступ на Луганщині, але ЗСУ не дають їм досягнути успіхів">ISW: Окупанти почали наступ на Луганщині, але ЗСУ не дають їм досягнути...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

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

<section class="widjetComponent--962">
    <div class="inner-text">
        <p style="text-align: center;"><strong>© 2020 zap-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>