<!--::result::time::04:30:40::App\Service\Components\Header\H03::-->
<!--::result::time::04:30:40::work: 0.0149 s::App\Service\Components\Header\H03::-->
<!--::result::time::04:30:40::App\Service\Components\Header\H03::-->
<!--::result::time::04:30:40::work: 0.0013 s::App\Service\Components\Header\H03::-->
<!--::result::time::04:30:40::App\Service\Components\Header\H03::-->
<!--::result::time::04:30:40::work: 0.0029 s::App\Service\Components\Header\H03::-->
<!--::result::time::04:30:40::App\Service\Components\Header\H04::-->
<!--::result::time::04:30:40::work: 0.0012 s::App\Service\Components\Header\H04::-->
<!--::result::time::04:30:40::App\Service\Components\Header\H09::-->
<!--::result::time::04:30:40::work: 0.0343 s::App\Service\Components\Header\H09::-->
<!--::result::time::04:30:40::App\Service\Components\Text\T01::-->
<!--::result::time::04:30:40::work: 0.0012 s::App\Service\Components\Text\T01::-->
<!--::result::time::04:30:40::App\Service\Components\News\N04::-->
<!--::result::time::04:30:41::work: 0.3047 s::App\Service\Components\News\N04::-->
<!--::result::time::04:30:41::App\Service\Components\News\N10::-->
<!--::result::time::04:30:41::work: 0.0009 s::App\Service\Components\News\N10::-->
<!--::result::time::04:30:41::App\Service\Components\News\N11::-->
<!--::result::time::04:30:41::work: 0.8524 s::App\Service\Components\News\N11::-->
<!--::result::time::04:30:41::App\Service\Components\News\N01::-->
<!--::result::time::04:30:41::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::SELECT getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::work category: 1486::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::SELECT work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::POST getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::POST work: 0.006 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::foreach work: 0.011 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::work: 0.0238 s::App\Service\Components\News\N01::-->
<!--::result::time::04:30:41::App\Service\Components\News\N06::-->
<!--::result::time::04:30:41::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::SELECT getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::work category: 1418::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::SELECT work: 0.0006 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::POST getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::POST work: 0.0036 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::foreach work: 0.0127 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::work: 0.0199 s::App\Service\Components\News\N06::-->
<!--::result::time::04:30:41::App\Service\Components\News\N01::-->
<!--::result::time::04:30:41::work: 0.0013 s::App\Service\Components\News\N01::-->
<!--::result::time::04:30:41::App\Service\Components\News\N01::-->
<!--::result::time::04:30:41::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::SELECT getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::work category: 1485::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::SELECT work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::POST getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::POST work: 0.0047 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::foreach work: 0.0111 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::work: 0.0175 s::App\Service\Components\News\N01::-->
<!--::result::time::04:30:41::App\Service\Components\News\N01::-->
<!--::result::time::04:30:41::getChildsMapIds work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:41::SELECT getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work category: 1433::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::SELECT work: 0.0296 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::POST getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::POST work: 0.0008 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::foreach work: 0.0061 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work: 0.0378 s::App\Service\Components\News\N01::-->
<!--::result::time::04:30:42::App\Service\Components\News\N01::-->
<!--::result::time::04:30:42::getChildsMapIds work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::SELECT getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work category: 1435::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::SELECT work: 0.0202 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::POST getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::POST work: 0.0023 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::foreach work: 0.0082 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work: 0.0321 s::App\Service\Components\News\N01::-->
<!--::result::time::04:30:42::App\Service\Components\News\N01::-->
<!--::result::time::04:30:42::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::SELECT getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work category: 1436::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::SELECT work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::POST getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::POST work: 0.0031 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::foreach work: 0.0089 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work: 0.0154 s::App\Service\Components\News\N01::-->
<!--::result::time::04:30:42::App\Service\Components\News\N01::-->
<!--::result::time::04:30:42::getChildsMapIds work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::SELECT getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work category: 1437::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::SELECT work: 0.0065 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::POST getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::POST work: 0.0051 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::foreach work: 0.0098 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work: 0.0228 s::App\Service\Components\News\N01::-->
<!--::result::time::04:30:42::App\Service\Components\News\N13::-->
<!--::result::time::04:30:42::getChildsMapIds work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::SELECT getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work category: 1438::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work count: 16::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::SELECT work: 0.1354 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::POST getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::POST work: 0.0056 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::count work: 16 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::foreach work: 0.0405 s::getPagesByCategoryLimit::-->
<!--::result::time::04:30:42::work: 0.1859 s::App\Service\Components\News\N13::-->
<!--::result::time::04:30:42::work: 1.6642 s::-->
<!--::result::time::04:30:42::render work: 0.0219 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-552-0 {width:150%}
.row-k-style-552-0 {background: linear-gradient(#14213d,#14213d)}
.row-k-width-552-1 {width:200%}
.row-k-style-552-1 {background: linear-gradient(#fca211,#fca211)}
.row-k-width-552-2 {width:95%}
.row-k-style-552-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-552-3 {width:95%}
.row-k-style-552-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-553-0 {width:95%}
.row-k-style-553-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-553-1 {width:95%}
.row-k-style-553-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-553-2 {width:95%}
.row-k-style-553-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-553-3 {width:95%}
.row-k-style-553-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-553-4 {width:95%}
.row-k-style-553-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-553-5 {width:95%}
.row-k-style-553-5 {background: linear-gradient(#fff,#fff)}
.row-k-width-553-6 {width:95%}
.row-k-style-553-6 {background: linear-gradient(#fff,#fff)}
.row-k-width-553-7 {width:95%}
.row-k-style-553-7 {background: linear-gradient(#fff,#fff)}
.row-k-width-553-8 {width:95%}
.row-k-style-553-8 {background: linear-gradient(#fff,#fff)}
.row-k-width-553-9 {width:95%}
.row-k-style-553-9 {background: linear-gradient(#fff,#fff)}
.row-k-width-553-10 {width:95%}
.row-k-style-553-10 {background: linear-gradient(#ffffff,#ffffff)}

        </style>
                <style>
            .row-k-style {
                transition: all 0.3s ease;
            }
            .row-k-style.fixed-menu-bar {
                position: fixed;
                z-index: 9999;
                width: 100%;
                top: 0;
                padding: 5px;
                box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
            }
        </style>
    
                                                                        		            <link rel="preload" href="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/541cf3a573eaa366eb8c081a526f32b0.jpeg&size=850x560&ios=false" as="image">
			<meta property="og:title" content="У боях з російськими окупантами 5 травня загинула 19-річна студентка КПІ ім. Сікорського Олександра Анік&#039;єва.">
			<meta property="og:description" content="🕯 У боях з російськими окупантами 5 травня загинула 19-річна студентка КПІ ім. Сікорського Олександра Анік&#039;єва. Дівчина тримала у руках зброю з перших днів широкомасштабного вторгнення РФ в Україну. Олександра навчалась у Видавнично-поліграфічному інституті, а після початку вторгнення Росії добровільно...">
			<meta property="og:url" content="https://dnipro-inform.com">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/541cf3a573eaa366eb8c081a526f32b0.jpeg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/541cf3a573eaa366eb8c081a526f32b0.jpeg&size=1000<&ios=false">
			<meta property="og:site_name" content="Студенти україни внз розклад занять вищі навчальні заклади абітурієнти студент  викладачі студент україни">
			<link rel="canonical" href="https://ukraine-inform.com/news-suspilstvo-events/110850-u-boyah-z-ros-ys-kimi-okupantami-5-travnya-zaginula-19-r-chna-studentka-kp-m-s-kors-kogo-oleksandra-an-k-va.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-552-0 row-k-style" id="row-k-style-552-0">
            <div class="row-k-width-552-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-3 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1321.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--1321 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1321.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1321.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1321.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1321 .navbar .navbar-nav .nav-link {
        font-size: 16px;
        color: #ffffff;
    }
    .widjetComponent--1321 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent1321 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1321 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1321 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1321 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1321 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1321" once="menu" id="menu1321-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="#navbarSupportedContent1321"
                aria-controls="navbarSupportedContent1321" 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="navbarSupportedContent1321">
            <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-6 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1322.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: center;
        -webkit-justify-content: center;
    }
    .widjetComponent--1322 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1322.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1322.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1322.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1322 .navbar .navbar-nav .nav-link {
        font-size: 16px;
        color: #ffffff;
    }
    .widjetComponent--1322 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent1322 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1322 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1322 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1322 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1322 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1322" once="menu" id="menu1322-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="#navbarSupportedContent1322"
                aria-controls="navbarSupportedContent1322" 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="navbarSupportedContent1322">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/pro-student">Про нас</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/preview">Анонси</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/video">Відео новини</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-3 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1323.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1323 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1323.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1323.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1323.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1323 .navbar .navbar-nav .nav-link {
        font-size: 16px;
        color: #ffffff;
    }
    .widjetComponent--1323 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent1323 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1323 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1323 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1323 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1323 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1323" once="menu" id="menu1323-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="#navbarSupportedContent1323"
                aria-controls="navbarSupportedContent1323" 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="navbarSupportedContent1323">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/vnz/vnz-list">ВНЗ</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-552-1 row-k-style" id="row-k-style-552-1">
            <div class="row-k-width-552-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--1324.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--1324 .logo-text {
        margin-left: 25px;    }
    </style>
<a class="widjetComponent--1324 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/01.12.2019/cb0fa0e0da11f3b5849c8d80c695b1ee.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/01.12.2019/cb0fa0e0da11f3b5849c8d80c695b1ee.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/01.12.2019/cb0fa0e0da11f3b5849c8d80c695b1ee.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--1325 .navbar {
        padding: 0;
    }
    .widjetComponent--1325 .nav-dropdown .link {
        margin: 0;
    }
    .widjetComponent--1325 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1325 {
        background: transparent;
    }

    .widjetComponent--1325 .nav-dropdown>li>a:hover:after {
        left: 0;
        right: 0;
        width: auto;
        opacity: 1;
    }
    .widjetComponent--1325 .nav-dropdown>li>a:before {
        content: '';
        width: 100%;
        height: 0;
        display: inline-block;
        position: absolute;
        background: #000078;
        top: 0;
        right: 0;
        z-index: -1;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

    .widjetComponent--1325 .nav-dropdown .link.dropdown-toggle::after {
        margin-left: 0;
        border: 0;
    }
    .widjetComponent--1325 .navbar-toggleable-sm .navbar-nav .nav-link,
    .widjetComponent--1325 .nav-dropdown>li>a {
        padding: 15px 15px 15px 15px;
        color: #ffffff;
        position: relative;
        font-size: 16px;
        border-right: 1px solid #46637e;
    }
    .widjetComponent--1325 .navbar-toggleable-sm .navbar-nav .nav-link:hover,
    .widjetComponent--1325 .nav-dropdown>li>a:hover {
        padding: 15px 15px 15px 15px;
        color: #000078;
    }

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

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

    .widjetComponent--1325 .dropdown.open .dropdown-menu {
        display: block;
        padding: 0;
        border-top: 3px solid transparent;
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    }
    .widjetComponent--1325 .dropdown .dropdown-menu .dropdown-item {
        background: #ab8000;
        padding: 5px 10px;
        font-size: 14px;
        color: #ffffff;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-bottom: 1px solid #ededed;
    }
    .widjetComponent--1325 .dropdown .dropdown-menu .dropdown-item:hover {
        background: #000000;
        color: #ffffff;
    }
</style>
<section class="menu widjetComponent--1325">
    <nav class="navbar navbar-expand navbar-toggleable-sm">
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1325"
                aria-controls="navbarSupportedContent1325" 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="navbarSupportedContent1325">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                                                                                        <a class="nav-link link" href="/osvіta">Освіта</a>
                                                                                                                                                                                                <a class="nav-link link" href="/nauka">Наука</a>
                                                                                                                                                                                                <a class="nav-link link" href="/news-derzhava">Держава</a>
                                                                                                                                                                                                <a class="nav-link link" href="/news-suspilstvo">Суспільство</a>
                                                                                                                                                                                                <a class="nav-link link" href="/news-ekonomika">Економіка</a>
                                                                                                                                                                                                <a class="nav-link link" href="/news-sport">Спорт</a>
                                                                                                    </ul>
        </div>
    </nav>
</section>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-553-0 row-k-style" id="row-k-style-553-0">
            <div class="row-k-width-553-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1328 .post-image img {
        width: 100%;
    }
    .widjetComponent--1328 .post-image a {
        display: block;
    }
    .widjetComponent--1328 .post-image {
        position: relative;
    }
    .widjetComponent--1328 .post-content .category {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1328 .post-inner:hover .category {
        color: #ffffff;
    }
    .widjetComponent--1328 .widget-title {
        color: #ffffff;
        font-size: 24px;
        font-weight: bold;;
    }
    .widjetComponent--1328 .post-inner:hover .widget-title {
        color: #ffffff;
    }

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

</style>
<section class="widjet-component-inner widjetComponent--1328">
            <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo/110850-u-boyah-z-ros-ys-kimi-okupantami-5-travnya-zaginula-19-r-chna-studentka-kp-m-s-kors-kogo-oleksandra-an-k-va.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/541cf3a573eaa366eb8c081a526f32b0.jpeg&amp;size=850x560" class="wp-post-image" alt=" У боях з російськими окупантами 5 травня загинула 19-річна студентка КПІ ім. Сікорського Олександра Анік&#039;єва.">
                            <div class="post-content">
                                <div class="category">Суспільство</div>
                                <h3 class="widget-title"> У боях з російськими окупантами 5 травня загинула 19-річна студентка КПІ...</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
</section>

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

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

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

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

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

    //

        document.addEventListener("DOMContentLoaded", function () {
            $(document).ready(function() {
                function initPlayer() {
                    var status = 0;
                    var isPlay = false;
                    var player = null;

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

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

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

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

            });
        });

   // }, 5000);
</script>

                                                                            <style>
    .widjetComponent--1330 {
        margin: 20px 0 0 0;
		margin-top: 10px;
        padding: 0;
        background: #fca211;
    }
    .widjetComponent--title--1330 {
        font-size: 14px;
        padding: 13px 19px 13px 19px;
        border-bottom: 4px solid #dddddd;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .widjetComponent--1330 .post-inner {
        padding: 0 19px 0 19px;
    }
    .widjetComponent--1330 .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--1330 .post-inner a:hover {
        color: #000000;
    }
</style>
<section class="widjet-component-inner widjetComponent--1330">
    <div class="widjetComponent--title--1330 widget-title-base">
        <a href="javascript:void(0);">Останні новини</a>
    </div>
    <div class="body" id="scroll-last-n-1330" style="height: 280px">
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/110911-u-zapor-z-k-ova-rozpov-li-pro-p-dgotovku-do-psevdoreferendumu-okupant-v-ta-vikradennya-lyudey-v-energodar.html" title="У Запорізькі ОВА розповіли про підготовку до псевдореферендуму окупантів та викрадення людей в Енергодарі">У Запорізькі ОВА розповіли про підготовку до псевдореферендуму окупантів...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/110910-k-l-k-st-zhertv-zrosta-arm-ya-vizvolitel-v-prodovzhu-vbivati-lyudey-na-donechchin.html" title="Кількість жертв зростає – армія «визволителів» продовжує вбивати людей на Донеччині">Кількість жертв зростає – армія «визволителів» продовжує вбивати людей...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/110909-prosto-uyav-t-scho-voni-zrobili-oboronc-mar-upolya-ne-dali-ros-perekinuti-bliz-ko-20-000-v-ys-kovih-na-nsh-napryamki.html" title="Просто уявіть, що вони зробили: оборонці Маріуполя не дали Росії перекинути близько 20 000 військових на інші напрямки">Просто уявіть, що вони зробили: оборонці Маріуполя не дали Росії перекинути...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-suspilstvo/110907-b-l-she-n-zh-652-ditini-postrazhdalo-v-ukra-n-vnasl-dok-povnomasshtabno-zbroyno-agres-rf.html" title=" Більше ніж 652 дитини постраждало в Україні внаслідок повномасштабної збройної агресії рф. "> Більше ніж 652 дитини постраждало в Україні внаслідок повномасштабної...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/110949-pochemu-vladimir-groysman-ne-idet-v-voenkomat.html" title="Почему Владимир Гройсман не идет в военкомат?">Почему Владимир Гройсман не идет в военкомат?</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/110948-pochemu-vladimir-groysman-ne-idet-v-voenkomat.html" title="Почему Владимир Гройсман не идет в военкомат?">Почему Владимир Гройсман не идет в военкомат?</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/110942-vnoch-nad-mikola-vschinoyu-zbili-sche-odnu-raketu-yaka-let-la-na-zah-dnu-ukra-nu.html" title="Вночі над Миколаївщиною збили ще одну ракету, яка летіла на західну Україну. ">Вночі над Миколаївщиною збили ще одну ракету, яка летіла на західну Україну....</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/110906-genshtab-zsu-av-ac-ya-protivnika-zd-ysnyuvala-urazhennya-ob-kt-v-civ-l-no-ta-v-ys-kovo-nfrastrukturi-u-sh-dn-y-operac-yn-y-zon-ta-promislovih-ob-kt-v-u-glibin-teritor-ukra-ni.html" title="Генштаб ЗСУ: авіація противника здійснювала ураження об’єктів цивільної та військової інфраструктури у Східній операційній зоні та промислових об’єктів у глибині території України">Генштаб ЗСУ: авіація противника здійснювала ураження об’єктів цивільної...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/110905-daydzhest-novin-za-n-ch.html" title="Дайджест новин за ніч">Дайджест новин за ніч</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-suspilstvo/110904-normativno-pravov-akti-okupant-v-avtomatichno-ned-ysn.html" title="Нормативно-правові акти окупантів – автоматично недійсні">Нормативно-правові акти окупантів – автоматично недійсні</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/110945-optima-farm-bogdana-gubskogo-sotrudnichaet-s-rabotayuschimi-v-rf-farm-kompaniyami.html" title="«Оптима-фарм» Богдана Губского сотрудничает с работающими в РФ фарм-компаниями">«Оптима-фарм» Богдана Губского сотрудничает с работающими в РФ фарм-компаниями</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/110944-ukra-ns-k-gero-potr-bn-ukra-n-zhivimi-ce-nash-princip-zvernennya-prezidenta-volodimira-zelens-kogo.html" title="Українські герої потрібні Україні живими – це наш принцип – звернення Президента Володимира Зеленського ">Українські герої потрібні Україні живими – це наш принцип – звернення Президента...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/110941-cenoy-v-30-000-mertvyh-rossiyan-v-ofise-prezidenta-otvetili-na-uverennost-kremlya-v-pobede.html" title="Ценой в 30 000 мертвых россиян: в Офисе президента ответили на уверенность Кремля в &quot;победе&quot;">Ценой в 30 000 мертвых россиян: в Офисе президента ответили на уверенность...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/110939-nac-onal-niy-vizvol-niy-ruh-b-la-str-la-guchna-zayava.html" title="Національний визвольний рух «Біла стріла». Гучна заява">Національний визвольний рух «Біла стріла». Гучна заява</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/110938-ne-treba-zagravati-z-put-nim-z-g-tlerom-vzhe-zagravali-proroche-nterv-yu-kravchuka-yake-ran-she-ne-publ-kuvalos.html" title="«Не треба загравати з Путіним, з Гітлером вже загравали». Пророче інтерв’ю Кравчука, яке раніше не публікувалось">«Не треба загравати з Путіним, з Гітлером вже загравали». Пророче інтерв’ю...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/110936-okupanti-zazdryat-scho-v-ukra-nc-v-bayraktari-ta-z-zhahom-och-kuyut-na-nov-postavki-zbro-zsu-aud-o.html" title="Окупанти заздрять, що в українців є «Байрактари» та з жахом очікують на нові поставки зброї ЗСУ (аудіо)">Окупанти заздрять, що в українців є «Байрактари» та з жахом очікують на...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/110933-denis-monastirs-kiy-nagorodiv-prac-vnik-v-komun-kac-ynih-p-drozd-l-v-sistemi-mvs.html" title="Денис Монастирський нагородив працівників комунікаційних підрозділів системи МВС">Денис Монастирський нагородив працівників комунікаційних підрозділів системи...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/110931-ukrainskiy-biznesmen-aleksandr-tislenko-podkupivshiy-eks-glavu-ukravtodora-pryachet-imuschestvo-v-ispanii.html" title="Украинский бизнесмен Александр Тисленко, подкупивший экс-главу «Укравтодора», прячет имущество в Испании">Украинский бизнесмен Александр Тисленко, подкупивший экс-главу «Укравтодора»,...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/110930-mi-dos-ne-zna-mo-sk-l-ki-ukra-ns-kih-d-tey-zaginulo-na-okupovanih-teritor-yah-prezident.html" title="Ми досі не знаємо, скільки українських дітей загинуло на окупованих територіях – Президент">Ми досі не знаємо, скільки українських дітей загинуло на окупованих територіях...</a>
                </div>
            </div>
            </div>
</section>

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

</script>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-553-1 row-k-style" id="row-k-style-553-1">
            <div class="row-k-width-553-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1361 .post-image img {
        width: 100%;
    }
    .widjetComponent--1361 .post-image a {
        display: block;
    }
    .widjetComponent--1361 .post-content .category a {
        color: #fca211;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1361 .post-content .category a:hover {
        color: #fca211;
    }
    .widjetComponent--1361 .widget-title a {
        color: #000000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1361 .widget-title a:hover {
        color: #fca211;
    }
    .widjetComponent--1361 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1361 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1361 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1361 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1361 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1361 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1361 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1361">
            <style>
        .widjetComponent--title--1361.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #fca211;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1361.widget-title-base {
            color: #000000;
            font-size: 26px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1361.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/osvіta" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1361 widget-title-base">
        <span>Освіта</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/osvіta/106414-u-stolic-rozpochav-d-yal-n-st-amerikans-kiy-un-versitet.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2022/d9a0cfd84fcb7b2870109b565b69b377.jpeg&amp;size=320x210" class="wp-post-image" alt="У столиці розпочав діяльність Американський університет">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/osvіta" class="post_term category investing">Освіта</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/osvіta/106414-u-stolic-rozpochav-d-yal-n-st-amerikans-kiy-un-versitet.html" title="У столиці розпочав діяльність Американський університет">У столиці розпочав діяльність Американський університет</a>
                            <!--<a href="/osvіta/106414-u-stolic-rozpochav-d-yal-n-st-amerikans-kiy-un-versitet.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="/osvіta/106390-veb-nar-re-strac-ya-na-zno-pershiy-krok-do-omr-yano-profes.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.02.2022/f713a422e812a41e9d5ec3b45194bd3d.jpeg&amp;size=320x210" class="wp-post-image" alt="Вебінар "Реєстрація на ЗНО — перший крок до омріяної професії"">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/osvіta" class="post_term category investing">Освіта</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/osvіta/106390-veb-nar-re-strac-ya-na-zno-pershiy-krok-do-omr-yano-profes.html" title="Вебінар "Реєстрація на ЗНО — перший крок до омріяної професії"">Вебінар "Реєстрація на ЗНО — перший крок до омріяної професії"</a>
                            <!--<a href="/osvіta/106390-veb-nar-re-strac-ya-na-zno-pershiy-krok-do-omr-yano-profes.html" title="Вебінар &quot;Реєстрація на ЗНО — перший крок до омріяної професії&quot;">Вебінар "Реєстрація на ЗНО — перший крок до омріяної професії"</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/osvіta/106251-m-ting-p-d-st-nami-m-n-sterstva-osv-ti-m-n-str-timchasoviy-mogilyanka---v-chna.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/04.02.2022/a8d13040f5a79b94a1f9737b29209630.jpeg&amp;size=320x210" class="wp-post-image" alt="Мітинг під стінами міністерства освіти: " Міністр тимчасовий, Могилянка - вічна!"">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/osvіta" class="post_term category investing">Освіта</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/osvіta/106251-m-ting-p-d-st-nami-m-n-sterstva-osv-ti-m-n-str-timchasoviy-mogilyanka---v-chna.html" title="Мітинг під стінами міністерства освіти: " Міністр тимчасовий, Могилянка - вічна!"">Мітинг під стінами міністерства освіти: " Міністр тимчасовий, Могилянка...</a>
                            <!--<a href="/osvіta/106251-m-ting-p-d-st-nami-m-n-sterstva-osv-ti-m-n-str-timchasoviy-mogilyanka---v-chna.html" title="Мітинг під стінами міністерства освіти: &quot; Міністр тимчасовий, Могилянка - вічна!&quot;">Мітинг під стінами міністерства освіти: " Міністр тимчасовий,...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/osvіta/106045-korolenk-vcyam-predstavili-sklad-naglyadovo-radi-un-versitetu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/01.02.2022/727689b548e45648048a74cf9d5ecfc1.jpeg&amp;size=320x210" class="wp-post-image" alt="Короленківцям представили склад наглядової ради університету">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/osvіta" class="post_term category investing">Освіта</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/osvіta/106045-korolenk-vcyam-predstavili-sklad-naglyadovo-radi-un-versitetu.html" title="Короленківцям представили склад наглядової ради університету">Короленківцям представили склад наглядової ради університету</a>
                            <!--<a href="/osvіta/106045-korolenk-vcyam-predstavili-sklad-naglyadovo-radi-un-versitetu.html" title="Короленківцям представили склад наглядової ради університету">Короленківцям представили склад наглядової ради університету</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1361').length > 0) {
                const self = this;
                var ws = new WebSocket('wss://t.ukraine-inform.com:8444/magicmirror');
                ws.onmessage = function (message) {
                    var parsedMessage = JSON.parse(message.data);

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-1361 .entry").remove();');
                                $('#streem_append_block-1361 .entry').remove();
                            }
                            console.log(parsedMessage.users);
                            $('.slider-streem').fadeIn(300);
                            var streems_all = $('#streem_append_block .entry');
                            streems_all.each(function () {
                                var num = $(self).data('id');
                                var remove = true;
                                Object.keys(parsedMessage.users).forEach(function (el) {
                                    if(parsedMessage.users[el].userId==num)
                                        remove = false;
                                });
                                if(remove)
                                    $(self).parent().remove();
                            });
                            Object.keys(parsedMessage.users).forEach(function (el) {
                                console.log(parsedMessage.users);
                                if(parsedMessage.users[el].email !== 'studia') {
                                    var cur = parsedMessage.users[el];
                                    console.log(cur.userId);
                                    if($('.entry-'+cur.userId).length==0) {
                                        var curstr = '<div class="col-md-3 ">';
                                        curstr += '<div class="entry entry-'+cur.userId+'" data-id="'+cur.userId+'">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+cur.userId+'" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '<div class="title">';
                                        curstr += '<a href="/s/'+cur.userId+'">' + cur.userName + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-1361').append(curstr);

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

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

</style>
<section class="widjet-component-inner widjetComponent--1333">
            <style>
        .widjetComponent--title--1333.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background:  #c99300;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1333.widget-title-base {
            color: #000000;
            font-size: 26px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1333.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/preview" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1333 widget-title-base">
        <span>Анонси</span>
    </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>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-553-2 row-k-style" id="row-k-style-553-2">
            <div class="row-k-width-553-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1688 .post-image img {
        width: 100%;
    }
    .widjetComponent--1688 .post-image a {
        display: block;
    }
    .widjetComponent--1688 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1688 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--1688 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1688 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--1688 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1688 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1688 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1688 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1688 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1688 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1688 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1688">
            <div class="row" id="streem_append_block-1688">
                                        </div>
</section>

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

            }

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

            if ($('#streem_append_block-1688').length > 0) {
                const self = this;
                var ws = new WebSocket('wss://t.ukraine-inform.com:8444/magicmirror');
                ws.onmessage = function (message) {
                    var parsedMessage = JSON.parse(message.data);

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-1688 .entry").remove();');
                                $('#streem_append_block-1688 .entry').remove();
                            }
                            console.log(parsedMessage.users);
                            $('.slider-streem').fadeIn(300);
                            var streems_all = $('#streem_append_block .entry');
                            streems_all.each(function () {
                                var num = $(self).data('id');
                                var remove = true;
                                Object.keys(parsedMessage.users).forEach(function (el) {
                                    if(parsedMessage.users[el].userId==num)
                                        remove = false;
                                });
                                if(remove)
                                    $(self).parent().remove();
                            });
                            Object.keys(parsedMessage.users).forEach(function (el) {
                                console.log(parsedMessage.users);
                                if(parsedMessage.users[el].email !== 'studia') {
                                    var cur = parsedMessage.users[el];
                                    console.log(cur.userId);
                                    if($('.entry-'+cur.userId).length==0) {
                                        var curstr = '<div class="col-md-3 ">';
                                        curstr += '<div class="entry entry-'+cur.userId+'" data-id="'+cur.userId+'">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+cur.userId+'" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '<div class="title">';
                                        curstr += '<a href="/s/'+cur.userId+'">' + cur.userName + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-1688').append(curstr);

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

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-553-3 row-k-style" id="row-k-style-553-3">
            <div class="row-k-width-553-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1371 .post-image img {
        width: 100%;
    }
    .widjetComponent--1371 .post-image a {
        display: block;
    }
    .widjetComponent--1371 .post-content .category a {
        color: #fca211;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1371 .post-content .category a:hover {
        color: #fca211;
    }
    .widjetComponent--1371 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1371 .widget-title a:hover {
        color: #fca211;
    }
    .widjetComponent--1371 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1371 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1371 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1371 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1371 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1371 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1371 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1371">
            <style>
        .widjetComponent--title--1371.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #fca211;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1371.widget-title-base {
            color: #000000;
            font-size: 26px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1371.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/nauka" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1371 widget-title-base">
        <span>Наука</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/nauka/24922-nac-onal-niy-bank-ukra-ni-razom-z-ki-vs-koyu-shkoloyu-zaproshu-student-v-dosl-dnik-v-do-uchast-u-naukov-y-konferenc.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.01.2020/88c3075862fd24a4083b73b86beb013e.jpeg&amp;size=320x210" class="wp-post-image" alt="Національний банк України разом з Київською школою запрошує студентів дослідників до участі у науковій конференції ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/nauka" class="post_term category investing">Наука</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/nauka/24922-nac-onal-niy-bank-ukra-ni-razom-z-ki-vs-koyu-shkoloyu-zaproshu-student-v-dosl-dnik-v-do-uchast-u-naukov-y-konferenc.html" title="Національний банк України разом з Київською школою запрошує студентів дослідників до участі у науковій конференції ">Національний банк України разом з Київською школою запрошує студентів дослідників...</a>
                            <!--<a href="/nauka/24922-nac-onal-niy-bank-ukra-ni-razom-z-ki-vs-koyu-shkoloyu-zaproshu-student-v-dosl-dnik-v-do-uchast-u-naukov-y-konferenc.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="/nauka/24532-na-baz-un-versitet-v-v-dkriyut-sche-7-centr-v-kolektivnogo-koristuvannya-naukovim-obladnannyam-p-dpisano-nakaz.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.12.2019/5eb82f26db4b5cac61e686c7e3a94883.jpeg&amp;size=320x210" class="wp-post-image" alt="На базі університетів відкриють ще 7 центрів колективного користування науковим обладнанням – підписано наказ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/nauka" class="post_term category investing">Наука</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/nauka/24532-na-baz-un-versitet-v-v-dkriyut-sche-7-centr-v-kolektivnogo-koristuvannya-naukovim-obladnannyam-p-dpisano-nakaz.html" title="На базі університетів відкриють ще 7 центрів колективного користування науковим обладнанням – підписано наказ">На базі університетів відкриють ще 7 центрів колективного користування...</a>
                            <!--<a href="/nauka/24532-na-baz-un-versitet-v-v-dkriyut-sche-7-centr-v-kolektivnogo-koristuvannya-naukovim-obladnannyam-p-dpisano-nakaz.html" title="На базі університетів відкриють ще 7 центрів колективного користування науковим обладнанням – підписано наказ">На базі університетів відкриють ще 7 центрів колективного...</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="/nauka/24531-u-luc-komu-ntu-stvorili-suchasnu-laborator-yu-anatom-lyudini.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.12.2019/64bba1e93239a1efb9ae1cadbba6b7ef.jpeg&amp;size=320x210" class="wp-post-image" alt="У Луцькому  НТУ створили сучасну лабораторію анатомії людини">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/nauka" class="post_term category investing">Наука</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/nauka/24531-u-luc-komu-ntu-stvorili-suchasnu-laborator-yu-anatom-lyudini.html" title="У Луцькому  НТУ створили сучасну лабораторію анатомії людини">У Луцькому  НТУ створили сучасну лабораторію анатомії людини</a>
                            <!--<a href="/nauka/24531-u-luc-komu-ntu-stvorili-suchasnu-laborator-yu-anatom-lyudini.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="/nauka/24528-u-3-vish-ukra-ni-privezut-un-al-nu-vistavku-kodeks-v-starodavn-h-civ-l-zac-y-dokolumbovo-ameriki.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.12.2019/4f5fec368558ecb1edda63b868408120.jpeg&amp;size=320x210" class="wp-post-image" alt="У 3 виші України привезуть унікальну виставку кодексів стародавніх цивілізацій доколумбової Америки">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/nauka" class="post_term category investing">Наука</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/nauka/24528-u-3-vish-ukra-ni-privezut-un-al-nu-vistavku-kodeks-v-starodavn-h-civ-l-zac-y-dokolumbovo-ameriki.html" title="У 3 виші України привезуть унікальну виставку кодексів стародавніх цивілізацій доколумбової Америки">У 3 виші України привезуть унікальну виставку кодексів стародавніх цивілізацій...</a>
                            <!--<a href="/nauka/24528-u-3-vish-ukra-ni-privezut-un-al-nu-vistavku-kodeks-v-starodavn-h-civ-l-zac-y-dokolumbovo-ameriki.html" title="У 3 виші України привезуть унікальну виставку кодексів стародавніх цивілізацій доколумбової Америки">У 3 виші України привезуть унікальну виставку кодексів стародавніх...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1371').length > 0) {
                const self = this;
                var ws = new WebSocket('wss://t.ukraine-inform.com:8444/magicmirror');
                ws.onmessage = function (message) {
                    var parsedMessage = JSON.parse(message.data);

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-1371 .entry").remove();');
                                $('#streem_append_block-1371 .entry').remove();
                            }
                            console.log(parsedMessage.users);
                            $('.slider-streem').fadeIn(300);
                            var streems_all = $('#streem_append_block .entry');
                            streems_all.each(function () {
                                var num = $(self).data('id');
                                var remove = true;
                                Object.keys(parsedMessage.users).forEach(function (el) {
                                    if(parsedMessage.users[el].userId==num)
                                        remove = false;
                                });
                                if(remove)
                                    $(self).parent().remove();
                            });
                            Object.keys(parsedMessage.users).forEach(function (el) {
                                console.log(parsedMessage.users);
                                if(parsedMessage.users[el].email !== 'studia') {
                                    var cur = parsedMessage.users[el];
                                    console.log(cur.userId);
                                    if($('.entry-'+cur.userId).length==0) {
                                        var curstr = '<div class="col-md-3 ">';
                                        curstr += '<div class="entry entry-'+cur.userId+'" data-id="'+cur.userId+'">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+cur.userId+'" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '<div class="title">';
                                        curstr += '<a href="/s/'+cur.userId+'">' + cur.userName + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-1371').append(curstr);

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

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-553-4 row-k-style" id="row-k-style-553-4">
            <div class="row-k-width-553-4 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1364 .post-image img {
        width: 100%;
    }
    .widjetComponent--1364 .post-image a {
        display: block;
    }
    .widjetComponent--1364 .post-content .category a {
        color: #fca211;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1364 .post-content .category a:hover {
        color: #fca211;
    }
    .widjetComponent--1364 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1364 .widget-title a:hover {
        color: #fca211;
    }
    .widjetComponent--1364 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1364 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1364 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1364 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1364 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1364 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1364 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1364">
            <style>
        .widjetComponent--title--1364.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #fca211;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1364.widget-title-base {
            color: #000000;
            font-size: 26px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1364.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/news-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1364 widget-title-base">
        <span>Держава</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava/110911-u-zapor-z-k-ova-rozpov-li-pro-p-dgotovku-do-psevdoreferendumu-okupant-v-ta-vikradennya-lyudey-v-energodar.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/496f1d6545ca17e1f4b525106c342013.jpeg&amp;size=320x210" class="wp-post-image" alt="У Запорізькі ОВА розповіли про підготовку до псевдореферендуму окупантів та викрадення людей в Енергодарі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava/110911-u-zapor-z-k-ova-rozpov-li-pro-p-dgotovku-do-psevdoreferendumu-okupant-v-ta-vikradennya-lyudey-v-energodar.html" title="У Запорізькі ОВА розповіли про підготовку до псевдореферендуму окупантів та викрадення людей в Енергодарі">У Запорізькі ОВА розповіли про підготовку до псевдореферендуму окупантів...</a>
                            <!--<a href="/news-derzhava/110911-u-zapor-z-k-ova-rozpov-li-pro-p-dgotovku-do-psevdoreferendumu-okupant-v-ta-vikradennya-lyudey-v-energodar.html" title="У Запорізькі ОВА розповіли про підготовку до псевдореферендуму окупантів та викрадення людей в Енергодарі">У Запорізькі ОВА розповіли про підготовку до псевдореферендуму...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava/110910-k-l-k-st-zhertv-zrosta-arm-ya-vizvolitel-v-prodovzhu-vbivati-lyudey-na-donechchin.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/65466ae15841cd3988184eda0a068160.jpeg&amp;size=320x210" class="wp-post-image" alt="Кількість жертв зростає – армія «визволителів» продовжує вбивати людей на Донеччині">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava/110910-k-l-k-st-zhertv-zrosta-arm-ya-vizvolitel-v-prodovzhu-vbivati-lyudey-na-donechchin.html" title="Кількість жертв зростає – армія «визволителів» продовжує вбивати людей на Донеччині">Кількість жертв зростає – армія «визволителів» продовжує вбивати людей...</a>
                            <!--<a href="/news-derzhava/110910-k-l-k-st-zhertv-zrosta-arm-ya-vizvolitel-v-prodovzhu-vbivati-lyudey-na-donechchin.html" title="Кількість жертв зростає – армія «визволителів» продовжує вбивати людей на Донеччині">Кількість жертв зростає – армія «визволителів» продовжує...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava/110909-prosto-uyav-t-scho-voni-zrobili-oboronc-mar-upolya-ne-dali-ros-perekinuti-bliz-ko-20-000-v-ys-kovih-na-nsh-napryamki.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/e200565724caf0a5018e1550863d2003.jpeg&amp;size=320x210" class="wp-post-image" alt="Просто уявіть, що вони зробили: оборонці Маріуполя не дали Росії перекинути близько 20 000 військових на інші напрямки">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava/110909-prosto-uyav-t-scho-voni-zrobili-oboronc-mar-upolya-ne-dali-ros-perekinuti-bliz-ko-20-000-v-ys-kovih-na-nsh-napryamki.html" title="Просто уявіть, що вони зробили: оборонці Маріуполя не дали Росії перекинути близько 20 000 військових на інші напрямки">Просто уявіть, що вони зробили: оборонці Маріуполя не дали Росії перекинути...</a>
                            <!--<a href="/news-derzhava/110909-prosto-uyav-t-scho-voni-zrobili-oboronc-mar-upolya-ne-dali-ros-perekinuti-bliz-ko-20-000-v-ys-kovih-na-nsh-napryamki.html" title="Просто уявіть, що вони зробили: оборонці Маріуполя не дали Росії перекинути близько 20 000 військових на інші напрямки">Просто уявіть, що вони зробили: оборонці Маріуполя не дали...</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/110942-vnoch-nad-mikola-vschinoyu-zbili-sche-odnu-raketu-yaka-let-la-na-zah-dnu-ukra-nu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/e4c811c056950ed2b535ddf093021e9d.jpeg&amp;size=320x210" class="wp-post-image" alt="Вночі над Миколаївщиною збили ще одну ракету, яка летіла на західну Україну. ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava/110942-vnoch-nad-mikola-vschinoyu-zbili-sche-odnu-raketu-yaka-let-la-na-zah-dnu-ukra-nu.html" title="Вночі над Миколаївщиною збили ще одну ракету, яка летіла на західну Україну. ">Вночі над Миколаївщиною збили ще одну ракету, яка летіла на західну Україну....</a>
                            <!--<a href="/news-derzhava/110942-vnoch-nad-mikola-vschinoyu-zbili-sche-odnu-raketu-yaka-let-la-na-zah-dnu-ukra-nu.html" title="Вночі над Миколаївщиною збили ще одну ракету, яка летіла на західну Україну. ">Вночі над Миколаївщиною збили ще одну ракету, яка летіла...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1364').length > 0) {
                const self = this;
                var ws = new WebSocket('wss://t.ukraine-inform.com:8444/magicmirror');
                ws.onmessage = function (message) {
                    var parsedMessage = JSON.parse(message.data);

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-1364 .entry").remove();');
                                $('#streem_append_block-1364 .entry').remove();
                            }
                            console.log(parsedMessage.users);
                            $('.slider-streem').fadeIn(300);
                            var streems_all = $('#streem_append_block .entry');
                            streems_all.each(function () {
                                var num = $(self).data('id');
                                var remove = true;
                                Object.keys(parsedMessage.users).forEach(function (el) {
                                    if(parsedMessage.users[el].userId==num)
                                        remove = false;
                                });
                                if(remove)
                                    $(self).parent().remove();
                            });
                            Object.keys(parsedMessage.users).forEach(function (el) {
                                console.log(parsedMessage.users);
                                if(parsedMessage.users[el].email !== 'studia') {
                                    var cur = parsedMessage.users[el];
                                    console.log(cur.userId);
                                    if($('.entry-'+cur.userId).length==0) {
                                        var curstr = '<div class="col-md-3 ">';
                                        curstr += '<div class="entry entry-'+cur.userId+'" data-id="'+cur.userId+'">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+cur.userId+'" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '<div class="title">';
                                        curstr += '<a href="/s/'+cur.userId+'">' + cur.userName + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-1364').append(curstr);

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

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-553-5 row-k-style" id="row-k-style-553-5">
            <div class="row-k-width-553-5 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1365 .post-image img {
        width: 100%;
    }
    .widjetComponent--1365 .post-image a {
        display: block;
    }
    .widjetComponent--1365 .post-content .category a {
        color: #fca211;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1365 .post-content .category a:hover {
        color: #fca211;
    }
    .widjetComponent--1365 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1365 .widget-title a:hover {
        color: #fca211;
    }
    .widjetComponent--1365 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1365 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1365 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1365 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1365 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1365 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1365 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1365">
            <style>
        .widjetComponent--title--1365.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #fca211;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1365.widget-title-base {
            color: #000000;
            font-size: 26px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1365.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/news-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1365 widget-title-base">
        <span>Суспільство</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo/110907-b-l-she-n-zh-652-ditini-postrazhdalo-v-ukra-n-vnasl-dok-povnomasshtabno-zbroyno-agres-rf.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/fa7832a83a06b231ff38d01ffefe63db.jpeg&amp;size=320x210" class="wp-post-image" alt=" Більше ніж 652 дитини постраждало в Україні внаслідок повномасштабної збройної агресії рф. ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo/110907-b-l-she-n-zh-652-ditini-postrazhdalo-v-ukra-n-vnasl-dok-povnomasshtabno-zbroyno-agres-rf.html" title=" Більше ніж 652 дитини постраждало в Україні внаслідок повномасштабної збройної агресії рф. "> Більше ніж 652 дитини постраждало в Україні внаслідок повномасштабної...</a>
                            <!--<a href="/news-suspilstvo/110907-b-l-she-n-zh-652-ditini-postrazhdalo-v-ukra-n-vnasl-dok-povnomasshtabno-zbroyno-agres-rf.html" title=" Більше ніж 652 дитини постраждало в Україні внаслідок повномасштабної збройної агресії рф. "> Більше ніж 652 дитини постраждало в Україні внаслідок повномасштабної...</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/110904-normativno-pravov-akti-okupant-v-avtomatichno-ned-ysn.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/3e2b9f7c45f4ec42bb9dcfff37933e95.jpeg&amp;size=320x210" class="wp-post-image" alt="Нормативно-правові акти окупантів – автоматично недійсні">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo/110904-normativno-pravov-akti-okupant-v-avtomatichno-ned-ysn.html" title="Нормативно-правові акти окупантів – автоматично недійсні">Нормативно-правові акти окупантів – автоматично недійсні</a>
                            <!--<a href="/news-suspilstvo/110904-normativno-pravov-akti-okupant-v-avtomatichno-ned-ysn.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/110895-u-britan-zatrimali-aktiv-st-v-yak-ne-puskali-v-port-tanker-z-ros-ys-kim-palivom.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/abdfd9ce9375f230a56c6af750bb0ea4.jpeg&amp;size=320x210" class="wp-post-image" alt="У Британії затримали активістів, які не пускали в порт танкер з російським паливом.">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo/110895-u-britan-zatrimali-aktiv-st-v-yak-ne-puskali-v-port-tanker-z-ros-ys-kim-palivom.html" title="У Британії затримали активістів, які не пускали в порт танкер з російським паливом.">У Британії затримали активістів, які не пускали в порт танкер з російським...</a>
                            <!--<a href="/news-suspilstvo/110895-u-britan-zatrimali-aktiv-st-v-yak-ne-puskali-v-port-tanker-z-ros-ys-kim-palivom.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/110889-gero-nashogo-chasu-ukra-ns-k-b-yc-z-m-scya-pod-y.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/0bbe53d8be04902a0c1b61dd19102ce4.jpeg&amp;size=320x210" class="wp-post-image" alt="Герої нашого часу!!! Українські бійці з місця подій.">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo/110889-gero-nashogo-chasu-ukra-ns-k-b-yc-z-m-scya-pod-y.html" title="Герої нашого часу!!! Українські бійці з місця подій.">Герої нашого часу!!! Українські бійці з місця подій.</a>
                            <!--<a href="/news-suspilstvo/110889-gero-nashogo-chasu-ukra-ns-k-b-yc-z-m-scya-pod-y.html" title="Герої нашого часу!!! Українські бійці з місця подій.">Герої нашого часу!!! Українські бійці з місця подій.</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1365').length > 0) {
                const self = this;
                var ws = new WebSocket('wss://t.ukraine-inform.com:8444/magicmirror');
                ws.onmessage = function (message) {
                    var parsedMessage = JSON.parse(message.data);

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-1365 .entry").remove();');
                                $('#streem_append_block-1365 .entry').remove();
                            }
                            console.log(parsedMessage.users);
                            $('.slider-streem').fadeIn(300);
                            var streems_all = $('#streem_append_block .entry');
                            streems_all.each(function () {
                                var num = $(self).data('id');
                                var remove = true;
                                Object.keys(parsedMessage.users).forEach(function (el) {
                                    if(parsedMessage.users[el].userId==num)
                                        remove = false;
                                });
                                if(remove)
                                    $(self).parent().remove();
                            });
                            Object.keys(parsedMessage.users).forEach(function (el) {
                                console.log(parsedMessage.users);
                                if(parsedMessage.users[el].email !== 'studia') {
                                    var cur = parsedMessage.users[el];
                                    console.log(cur.userId);
                                    if($('.entry-'+cur.userId).length==0) {
                                        var curstr = '<div class="col-md-3 ">';
                                        curstr += '<div class="entry entry-'+cur.userId+'" data-id="'+cur.userId+'">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+cur.userId+'" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '<div class="title">';
                                        curstr += '<a href="/s/'+cur.userId+'">' + cur.userName + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-1365').append(curstr);

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

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-553-6 row-k-style" id="row-k-style-553-6">
            <div class="row-k-width-553-6 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1372 .post-image img {
        width: 100%;
    }
    .widjetComponent--1372 .post-image a {
        display: block;
    }
    .widjetComponent--1372 .post-content .category a {
        color: #fca211;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1372 .post-content .category a:hover {
        color: #fca211;
    }
    .widjetComponent--1372 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1372 .widget-title a:hover {
        color: #fca211;
    }
    .widjetComponent--1372 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1372 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1372 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1372 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1372 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1372 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1372 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1372">
            <style>
        .widjetComponent--title--1372.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #fca211;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1372.widget-title-base {
            color: #000000;
            font-size: 26px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1372.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/news-ekonomika" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1372 widget-title-base">
        <span>Економіка</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika/110869-m-nekonom-ki-vart-st-zvichaynogo-benzinu-v-ukra-n-ne-ma-perevischuvati-39-86-grn-l-tr.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/2d358f9511ecc3ae98071ad4f0205563.jpeg&amp;size=320x210" class="wp-post-image" alt="Мінекономіки: Вартість «звичайного» бензину в Україні не має перевищувати 39,86 грн/літр">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika" class="post_term category investing">Економіка</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika/110869-m-nekonom-ki-vart-st-zvichaynogo-benzinu-v-ukra-n-ne-ma-perevischuvati-39-86-grn-l-tr.html" title="Мінекономіки: Вартість «звичайного» бензину в Україні не має перевищувати 39,86 грн/літр">Мінекономіки: Вартість «звичайного» бензину в Україні не має перевищувати...</a>
                            <!--<a href="/news-ekonomika/110869-m-nekonom-ki-vart-st-zvichaynogo-benzinu-v-ukra-n-ne-ma-perevischuvati-39-86-grn-l-tr.html" title="Мінекономіки: Вартість «звичайного» бензину в Україні не має перевищувати 39,86 грн/літр">Мінекономіки: Вартість «звичайного» бензину в Україні не...</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/110855-vrokom-s-ya-zaproponuvala-plan-dopomogi-ukra-n-z-eksportu-s-l-s-kogospodars-ko-produkc.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/bb60f8c84f26280206fb73823420072b.jpeg&amp;size=320x210" class="wp-post-image" alt="Єврокомісія запропонувала план допомоги Україні із експорту сільськогосподарської продукції">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika" class="post_term category investing">Економіка</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika/110855-vrokom-s-ya-zaproponuvala-plan-dopomogi-ukra-n-z-eksportu-s-l-s-kogospodars-ko-produkc.html" title="Єврокомісія запропонувала план допомоги Україні із експорту сільськогосподарської продукції">Єврокомісія запропонувала план допомоги Україні із експорту сільськогосподарської...</a>
                            <!--<a href="/news-ekonomika/110855-vrokom-s-ya-zaproponuvala-plan-dopomogi-ukra-n-z-eksportu-s-l-s-kogospodars-ko-produkc.html" title="Єврокомісія запропонувала план допомоги Україні із експорту сільськогосподарської продукції">Єврокомісія запропонувала план допомоги Україні із експорту...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika/110839-yakscho-v-yna-zatyagnet-sya-b-l-sh-n-zh-na-3-4-m-syac-vlada-mozhe-vzhiti-bolyuchih-zahod-v-dlya-utrimannya-ekonom-ki-ukra-ni-na-plavu-r-zke-p-dvischennya-podatk-v-skorochennya-vitrat-nac-onal-zac-ya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/01457ac7c65b409fed4012a377581c01.jpeg&amp;size=320x210" class="wp-post-image" alt="Якщо війна затягнеться більш ніж на 3-4 місяці, влада може вжити «болючих заходів» для утримання економіки України на плаву – різке підвищення податків, скорочення витрат, націоналізація">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika" class="post_term category investing">Економіка</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika/110839-yakscho-v-yna-zatyagnet-sya-b-l-sh-n-zh-na-3-4-m-syac-vlada-mozhe-vzhiti-bolyuchih-zahod-v-dlya-utrimannya-ekonom-ki-ukra-ni-na-plavu-r-zke-p-dvischennya-podatk-v-skorochennya-vitrat-nac-onal-zac-ya.html" title="Якщо війна затягнеться більш ніж на 3-4 місяці, влада може вжити «болючих заходів» для утримання економіки України на плаву – різке підвищення податків, скорочення витрат, націоналізація">Якщо війна затягнеться більш ніж на 3-4 місяці, влада може вжити «болючих...</a>
                            <!--<a href="/news-ekonomika/110839-yakscho-v-yna-zatyagnet-sya-b-l-sh-n-zh-na-3-4-m-syac-vlada-mozhe-vzhiti-bolyuchih-zahod-v-dlya-utrimannya-ekonom-ki-ukra-ni-na-plavu-r-zke-p-dvischennya-podatk-v-skorochennya-vitrat-nac-onal-zac-ya.html" title="Якщо війна затягнеться більш ніж на 3-4 місяці, влада може вжити «болючих заходів» для утримання економіки України на плаву – різке підвищення податків, скорочення витрат, націоналізація">Якщо війна затягнеться більш ніж на 3-4 місяці, влада може...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div 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/110817-z-pokrovs-ka-do-l-vova-s-ogodn-virushit-evakuac-yniy-po-zd.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/3652b74f15011825789e522291e023a6.jpeg&amp;size=320x210" class="wp-post-image" alt="Із Покровська до Львова сьогодні вирушить евакуаційний поїзд">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika" class="post_term category investing">Економіка</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika/110817-z-pokrovs-ka-do-l-vova-s-ogodn-virushit-evakuac-yniy-po-zd.html" title="Із Покровська до Львова сьогодні вирушить евакуаційний поїзд">Із Покровська до Львова сьогодні вирушить евакуаційний поїзд</a>
                            <!--<a href="/news-ekonomika/110817-z-pokrovs-ka-do-l-vova-s-ogodn-virushit-evakuac-yniy-po-zd.html" title="Із Покровська до Львова сьогодні вирушить евакуаційний поїзд">Із Покровська до Львова сьогодні вирушить евакуаційний поїзд</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1372').length > 0) {
                const self = this;
                var ws = new WebSocket('wss://t.ukraine-inform.com:8444/magicmirror');
                ws.onmessage = function (message) {
                    var parsedMessage = JSON.parse(message.data);

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-1372 .entry").remove();');
                                $('#streem_append_block-1372 .entry').remove();
                            }
                            console.log(parsedMessage.users);
                            $('.slider-streem').fadeIn(300);
                            var streems_all = $('#streem_append_block .entry');
                            streems_all.each(function () {
                                var num = $(self).data('id');
                                var remove = true;
                                Object.keys(parsedMessage.users).forEach(function (el) {
                                    if(parsedMessage.users[el].userId==num)
                                        remove = false;
                                });
                                if(remove)
                                    $(self).parent().remove();
                            });
                            Object.keys(parsedMessage.users).forEach(function (el) {
                                console.log(parsedMessage.users);
                                if(parsedMessage.users[el].email !== 'studia') {
                                    var cur = parsedMessage.users[el];
                                    console.log(cur.userId);
                                    if($('.entry-'+cur.userId).length==0) {
                                        var curstr = '<div class="col-md-3 ">';
                                        curstr += '<div class="entry entry-'+cur.userId+'" data-id="'+cur.userId+'">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+cur.userId+'" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '<div class="title">';
                                        curstr += '<a href="/s/'+cur.userId+'">' + cur.userName + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-1372').append(curstr);

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

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-553-7 row-k-style" id="row-k-style-553-7">
            <div class="row-k-width-553-7 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1367 .post-image img {
        width: 100%;
    }
    .widjetComponent--1367 .post-image a {
        display: block;
    }
    .widjetComponent--1367 .post-content .category a {
        color: #fca211;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1367 .post-content .category a:hover {
        color: #fca211;
    }
    .widjetComponent--1367 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1367 .widget-title a:hover {
        color: #fca211;
    }
    .widjetComponent--1367 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1367 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1367 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1367 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1367 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1367 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1367 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1367">
            <style>
        .widjetComponent--title--1367.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #fca211;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1367.widget-title-base {
            color: #000000;
            font-size: 26px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1367.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/news-sport" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1367 widget-title-base">
        <span>Спорт</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport/110797-nac-onal-na-defl-mp-ys-ka-zb-rna-komanda-ukra-ni-postavila-yaskravu-zolotu-futbol-nu-krapku-defl-mp-adi-u-match-z-franc-yu-1-0.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/c28be29fe7c2cff03505bd2ac67228bc.jpeg&amp;size=320x210" class="wp-post-image" alt="Національна дефлімпійська збірна команда України поставила яскраву золоту футбольну крапку Дефлімпіади у матчі з Францією! 1:0!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport" class="post_term category investing">Спорт</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport/110797-nac-onal-na-defl-mp-ys-ka-zb-rna-komanda-ukra-ni-postavila-yaskravu-zolotu-futbol-nu-krapku-defl-mp-adi-u-match-z-franc-yu-1-0.html" title="Національна дефлімпійська збірна команда України поставила яскраву золоту футбольну крапку Дефлімпіади у матчі з Францією! 1:0!">Національна дефлімпійська збірна команда України поставила яскраву золоту...</a>
                            <!--<a href="/news-sport/110797-nac-onal-na-defl-mp-ys-ka-zb-rna-komanda-ukra-ni-postavila-yaskravu-zolotu-futbol-nu-krapku-defl-mp-adi-u-match-z-franc-yu-1-0.html" title="Національна дефлімпійська збірна команда України поставила яскраву золоту футбольну крапку Дефлімпіади у матчі з Францією! 1: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-ukraine-and-worlds/110540-andrey-yarmolenko-pokinet-vest-hem-po-okonchaniyu-sezona.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.05.2022/3d51240fe11e9dc4e1e2d695c3f784fe.jpeg&amp;size=320x210" class="wp-post-image" alt="Андрей Ярмоленко покинет "Вест Хэм" по окончанию сезона">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/110540-andrey-yarmolenko-pokinet-vest-hem-po-okonchaniyu-sezona.html" title="Андрей Ярмоленко покинет "Вест Хэм" по окончанию сезона">Андрей Ярмоленко покинет "Вест Хэм" по окончанию сезона</a>
                            <!--<a href="/news-ukraine-and-worlds/110540-andrey-yarmolenko-pokinet-vest-hem-po-okonchaniyu-sezona.html" title="Андрей Ярмоленко покинет &quot;Вест Хэм&quot; по окончанию сезона">Андрей Ярмоленко покинет "Вест Хэм" по окончанию сезона</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/110404-zb-rna-ukra-ni-z-futbolu-prezentuvala-novu-formu-dlya-tovaris-kih-match-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.05.2022/4b6c5f30467eab25b49a39cb49273374.jpeg&amp;size=320x210" class="wp-post-image" alt="Збірна України з футболу презентувала нову форму для товариських матчів">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/110404-zb-rna-ukra-ni-z-futbolu-prezentuvala-novu-formu-dlya-tovaris-kih-match-v.html" title="Збірна України з футболу презентувала нову форму для товариських матчів">Збірна України з футболу презентувала нову форму для товариських матчів</a>
                            <!--<a href="/news-ukraine-and-worlds/110404-zb-rna-ukra-ni-z-futbolu-prezentuvala-novu-formu-dlya-tovaris-kih-match-v.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/110292-ros-ys-ke-vtorgnennya-v-ukra-nu-yun-sportsmeni-z-l-v-vschini-virushayut-na-vsesv-tnyu-l-tnyu-g-mnaz-adu-de-pozmagayut-sya-z-ponad-tr-oma-tisyachami-uchasnik-v-z-69-kra-n-sv-tu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.05.2022/464ddca68013760eb3cf74f8ceffd5a3.jpeg&amp;size=320x210" class="wp-post-image" alt="Російське вторгнення в Україну : Юні спортсмени зі Львівщини вирушають на Всесвітню літню Гімназіаду, де позмагаються з понад трьома тисячами учасників з 69 країн світу">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport" class="post_term category investing">Спорт</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport/110292-ros-ys-ke-vtorgnennya-v-ukra-nu-yun-sportsmeni-z-l-v-vschini-virushayut-na-vsesv-tnyu-l-tnyu-g-mnaz-adu-de-pozmagayut-sya-z-ponad-tr-oma-tisyachami-uchasnik-v-z-69-kra-n-sv-tu.html" title="Російське вторгнення в Україну : Юні спортсмени зі Львівщини вирушають на Всесвітню літню Гімназіаду, де позмагаються з понад трьома тисячами учасників з 69 країн світу">Російське вторгнення в Україну : Юні спортсмени зі Львівщини вирушають...</a>
                            <!--<a href="/news-sport/110292-ros-ys-ke-vtorgnennya-v-ukra-nu-yun-sportsmeni-z-l-v-vschini-virushayut-na-vsesv-tnyu-l-tnyu-g-mnaz-adu-de-pozmagayut-sya-z-ponad-tr-oma-tisyachami-uchasnik-v-z-69-kra-n-sv-tu.html" title="Російське вторгнення в Україну : Юні спортсмени зі Львівщини вирушають на Всесвітню літню Гімназіаду, де позмагаються з понад трьома тисячами учасників з 69 країн світу">Російське вторгнення в Україну : Юні спортсмени зі Львівщини...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1367').length > 0) {
                const self = this;
                var ws = new WebSocket('wss://t.ukraine-inform.com:8444/magicmirror');
                ws.onmessage = function (message) {
                    var parsedMessage = JSON.parse(message.data);

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-1367 .entry").remove();');
                                $('#streem_append_block-1367 .entry').remove();
                            }
                            console.log(parsedMessage.users);
                            $('.slider-streem').fadeIn(300);
                            var streems_all = $('#streem_append_block .entry');
                            streems_all.each(function () {
                                var num = $(self).data('id');
                                var remove = true;
                                Object.keys(parsedMessage.users).forEach(function (el) {
                                    if(parsedMessage.users[el].userId==num)
                                        remove = false;
                                });
                                if(remove)
                                    $(self).parent().remove();
                            });
                            Object.keys(parsedMessage.users).forEach(function (el) {
                                console.log(parsedMessage.users);
                                if(parsedMessage.users[el].email !== 'studia') {
                                    var cur = parsedMessage.users[el];
                                    console.log(cur.userId);
                                    if($('.entry-'+cur.userId).length==0) {
                                        var curstr = '<div class="col-md-3 ">';
                                        curstr += '<div class="entry entry-'+cur.userId+'" data-id="'+cur.userId+'">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+cur.userId+'" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '<div class="title">';
                                        curstr += '<a href="/s/'+cur.userId+'">' + cur.userName + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-1367').append(curstr);

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

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

</style>
<section class="widjet-component-inner widjetComponent--1357">
            <style>
        .widjetComponent--title--1357.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #fca211;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1357.widget-title-base {
            color: #000000;
            font-size: 24px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1357.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/news-ukraine-and-worlds" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1357 widget-title-base">
        <span>Новини України та світу</span>
    </h4>
    </a>    <div class="row">
                                                <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/110949-pochemu-vladimir-groysman-ne-idet-v-voenkomat.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/e67878117e84d5d6e34b2eb681a88038.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/110949-pochemu-vladimir-groysman-ne-idet-v-voenkomat.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/110948-pochemu-vladimir-groysman-ne-idet-v-voenkomat.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/66fb67725948e62419e9fb3f4d5eb946.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/110948-pochemu-vladimir-groysman-ne-idet-v-voenkomat.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/110945-optima-farm-bogdana-gubskogo-sotrudnichaet-s-rabotayuschimi-v-rf-farm-kompaniyami.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/bee9453959b3e4aa3e55fbf26ec46a06.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/110945-optima-farm-bogdana-gubskogo-sotrudnichaet-s-rabotayuschimi-v-rf-farm-kompaniyami.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/110944-ukra-ns-k-gero-potr-bn-ukra-n-zhivimi-ce-nash-princip-zvernennya-prezidenta-volodimira-zelens-kogo.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/769618ce96502c6e8501003d709646a3.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/110944-ukra-ns-k-gero-potr-bn-ukra-n-zhivimi-ce-nash-princip-zvernennya-prezidenta-volodimira-zelens-kogo.html" title="Українські герої потрібні Україні живими – це наш принцип – звернення Президента Володимира Зеленського ">Українські герої потрібні Україні живими – це наш принцип – звернення Президента...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/110941-cenoy-v-30-000-mertvyh-rossiyan-v-ofise-prezidenta-otvetili-na-uverennost-kremlya-v-pobede.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/fad90d61241f03d765f41bf2f1bdbf54.png&amp;size=850x560" class="wp-post-image" alt="Ценой в 30 000 мертвых россиян: в Офисе президента ответили на уверенность Кремля в &quot;победе&quot;">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/110941-cenoy-v-30-000-mertvyh-rossiyan-v-ofise-prezidenta-otvetili-na-uverennost-kremlya-v-pobede.html" title="Ценой в 30 000 мертвых россиян: в Офисе президента ответили на уверенность Кремля в &quot;победе&quot;">Ценой в 30 000 мертвых россиян: в Офисе президента ответили на уверенность...</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/110939-nac-onal-niy-vizvol-niy-ruh-b-la-str-la-guchna-zayava.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/45a65714d1ad6fa8fdc3d24b40ae263f.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/110939-nac-onal-niy-vizvol-niy-ruh-b-la-str-la-guchna-zayava.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/110938-ne-treba-zagravati-z-put-nim-z-g-tlerom-vzhe-zagravali-proroche-nterv-yu-kravchuka-yake-ran-she-ne-publ-kuvalos.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/19f1e9c1714e0c7a47dada5b73cfbed3.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/110938-ne-treba-zagravati-z-put-nim-z-g-tlerom-vzhe-zagravali-proroche-nterv-yu-kravchuka-yake-ran-she-ne-publ-kuvalos.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/110936-okupanti-zazdryat-scho-v-ukra-nc-v-bayraktari-ta-z-zhahom-och-kuyut-na-nov-postavki-zbro-zsu-aud-o.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/d49ba6fd15c351602e0dc3a1bab86a73.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/110936-okupanti-zazdryat-scho-v-ukra-nc-v-bayraktari-ta-z-zhahom-och-kuyut-na-nov-postavki-zbro-zsu-aud-o.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/110933-denis-monastirs-kiy-nagorodiv-prac-vnik-v-komun-kac-ynih-p-drozd-l-v-sistemi-mvs.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/98abded4a5e68ad8515824dda86033a2.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/110933-denis-monastirs-kiy-nagorodiv-prac-vnik-v-komun-kac-ynih-p-drozd-l-v-sistemi-mvs.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/110931-ukrainskiy-biznesmen-aleksandr-tislenko-podkupivshiy-eks-glavu-ukravtodora-pryachet-imuschestvo-v-ispanii.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/e02d8220c870ecfa4a9b311866059879.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/110931-ukrainskiy-biznesmen-aleksandr-tislenko-podkupivshiy-eks-glavu-ukravtodora-pryachet-imuschestvo-v-ispanii.html" title="Украинский бизнесмен Александр Тисленко, подкупивший экс-главу «Укравтодора», прячет имущество в Испании">Украинский бизнесмен Александр Тисленко, подкупивший экс-главу «Укравтодора»,...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/110930-mi-dos-ne-zna-mo-sk-l-ki-ukra-ns-kih-d-tey-zaginulo-na-okupovanih-teritor-yah-prezident.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/3d1025c327d006df49dc6a51bd8e664c.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/110930-mi-dos-ne-zna-mo-sk-l-ki-ukra-ns-kih-d-tey-zaginulo-na-okupovanih-teritor-yah-prezident.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/110925-nac-onal-niy-vizvol-niy-ruh-b-la-str-la-guchna-zayava.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/ba0cf40d5a54d8c6b4ac46c14a60d453.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/110925-nac-onal-niy-vizvol-niy-ruh-b-la-str-la-guchna-zayava.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/110902-zvernennya-prezidenta-ukra-ni-volodimira-zelens-kogo-za-p-dsumkami-82-go-dnya-v-yni.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/17.05.2022/0091bd6952a4341333bf4a6aa9d8427c/7e1509174fe562cbb33c20292873ac59_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Звернення Президента України Володимира Зеленського за підсумками 82-го дня війни">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/110902-zvernennya-prezidenta-ukra-ni-volodimira-zelens-kogo-za-p-dsumkami-82-go-dnya-v-yni.html" title="Звернення Президента України Володимира Зеленського за підсумками 82-го дня війни">Звернення Президента України Володимира Зеленського за підсумками 82-го...</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/110893-volodimir-zelens-kiy-zvernuvsya-do-student-v-prov-dnih-vish-v-ssha.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/16.05.2022/5513a83c0b185e8a97f59bd56415be2a/d2251b490893fae4ea0c758f569ce201_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Володимир Зеленський звернувся до студентів провідних вишів США.">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/110893-volodimir-zelens-kiy-zvernuvsya-do-student-v-prov-dnih-vish-v-ssha.html" title="Володимир Зеленський звернувся до студентів провідних вишів США.">Володимир Зеленський звернувся до студентів провідних вишів США.</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/110891-nove-zvernennya-v-d-azov-mar-upol.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/16.05.2022/2e433cbb24b99800ec1b0839a2b6b3ae/be785cd220db14eda4017ddbcbcc9c9e_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Нове звернення від Азов-Маріуполь">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/110891-nove-zvernennya-v-d-azov-mar-upol.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/110884-rozmova-z-direktorom-rozporyadnikom-m-zhnarodnogo-valyutnogo-fondu-kr-stal-noyu-georg-voyu-naperedodn-zustr-ch-m-n-str-v-f-nans-v-kra-n-grupi-semi.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/16.05.2022/bb68aa585267f75326a37d68f9fc7920/25a27e979cfee20467593496c826a12a_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Розмова з директором-розпорядником Міжнародного валютного фонду Крісталіною Георгієвою напередодні зустрічі міністрів фінансів країн «Групи семи»">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/110884-rozmova-z-direktorom-rozporyadnikom-m-zhnarodnogo-valyutnogo-fondu-kr-stal-noyu-georg-voyu-naperedodn-zustr-ch-m-n-str-v-f-nans-v-kra-n-grupi-semi.html" title="Розмова з директором-розпорядником Міжнародного валютного фонду Крісталіною Георгієвою напередодні зустрічі міністрів фінансів країн «Групи семи»">Розмова з директором-розпорядником Міжнародного валютного фонду Крісталіною...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-553-9 row-k-style" id="row-k-style-553-9">
            <div class="row-k-width-553-9 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-553-10 row-k-style" id="row-k-style-553-10">
            <div class="row-k-width-553-10 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 base-content no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-552-3 row-k-style" id="row-k-style-552-3">
            <div class="row-k-width-552-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1326 {
        background: transparent;;
    }
    .widjetComponent--1326 .inner-text {
        padding: 10px 10px 10px 10px;
        color: #000;
    }
    .widjetComponent--1326 .inner-text * {
        color: #000;
    }
</style>

<section class="widjetComponent--1326">
    <div class="inner-text">
        <p style="font-size: 32px; text-align: center;"><span style="color: #4e5155; font-family: 'Fira Sans', sans-serif; font-size: 14px; font-weight: 600; background-color: #ffffff;">© 2019 "СТУДЕНТ УКРАЇНИ"</span></p>
    </div>
</section>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            
        
        <a href="#" id="go-top"><i class="fas fa-arrow-up"></i></a>

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


                document.addEventListener("DOMContentLoaded", function () {
                    $(document).ready(function () {
                        var in_slider_2 = false;
                        var ww = $(window).width();
                        if(ww > 991) {
                            addStyle("https://cdn.ukraine-inform.com/assets/videoplayer.css");
                                                        addStyle("https://cdn.ukraine-inform.com/new1/lazy-app.4f192f45.css");
                            addScript("https://cdn.ukraine-inform.com/new1/app.a5e7f618.js");
                            
                            addScript("https://cdn.ukraine-inform.com/assets/videoplayer.js?v=06");
                        }
                        $(window).scroll(function() {
                            var scroll = $(window).scrollTop();

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


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


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

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

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

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


                            <!--player-->

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

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

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

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

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