<!--::result::time::06:56:03::App\Service\Components\Header\H03::-->
<!--::result::time::06:56:03::work: 0.0139 s::App\Service\Components\Header\H03::-->
<!--::result::time::06:56:03::App\Service\Components\Header\H03::-->
<!--::result::time::06:56:03::work: 0.0017 s::App\Service\Components\Header\H03::-->
<!--::result::time::06:56:03::App\Service\Components\Header\H03::-->
<!--::result::time::06:56:03::work: 0.0035 s::App\Service\Components\Header\H03::-->
<!--::result::time::06:56:03::App\Service\Components\Header\H04::-->
<!--::result::time::06:56:03::work: 0.0014 s::App\Service\Components\Header\H04::-->
<!--::result::time::06:56:03::App\Service\Components\Header\H05::-->
<!--::result::time::06:56:03::work: 0.0183 s::App\Service\Components\Header\H05::-->
<!--::result::time::06:56:03::App\Service\Components\News\N12::-->
<!--::result::time::06:56:03::work: 0.0278 s::App\Service\Components\News\N12::-->
<!--::result::time::06:56:03::App\Service\Components\News\N10::-->
<!--::result::time::06:56:03::work: 0.0014 s::App\Service\Components\News\N10::-->
<!--::result::time::06:56:03::App\Service\Components\News\N12::-->
<!--::result::time::06:56:03::work: 0.0116 s::App\Service\Components\News\N12::-->
<!--::result::time::06:56:03::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::work: 0.0036 s::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::getChildsMapIds::-->
<!--::result::time::06:56:03::work: 0.0006 s::getChildsMapIds::-->
<!--::result::time::06:56:03::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::work: 0.0609 s::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::foreach::-->
<!--::result::time::06:56:03::work: 0.0299 s::foreach::-->
<!--::result::time::06:56:03::work: 0.0923 s::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::getChildsMapIds::-->
<!--::result::time::06:56:03::work: 0.0007 s::getChildsMapIds::-->
<!--::result::time::06:56:03::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::work: 0.0639 s::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::foreach::-->
<!--::result::time::06:56:03::work: 0.0313 s::foreach::-->
<!--::result::time::06:56:03::work: 0.0968 s::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::getChildsMapIds::-->
<!--::result::time::06:56:03::work: 0.0007 s::getChildsMapIds::-->
<!--::result::time::06:56:03::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::work: 0.0241 s::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::foreach::-->
<!--::result::time::06:56:03::work: 0.0109 s::foreach::-->
<!--::result::time::06:56:03::work: 0.0366 s::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::getChildsMapIds::-->
<!--::result::time::06:56:03::work: 0.0006 s::getChildsMapIds::-->
<!--::result::time::06:56:03::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::work: 0.012 s::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::foreach::-->
<!--::result::time::06:56:03::work: 0.0051 s::foreach::-->
<!--::result::time::06:56:03::work: 0.0186 s::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::getChildsMapIds::-->
<!--::result::time::06:56:03::work: 0.0006 s::getChildsMapIds::-->
<!--::result::time::06:56:03::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::work: 0.0238 s::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::foreach::-->
<!--::result::time::06:56:03::work: 0.0107 s::foreach::-->
<!--::result::time::06:56:03::work: 0.0368 s::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::getChildsMapIds::-->
<!--::result::time::06:56:03::work: 0.0006 s::getChildsMapIds::-->
<!--::result::time::06:56:03::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::work: 0.0517 s::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::foreach::-->
<!--::result::time::06:56:03::work: 0.0228 s::foreach::-->
<!--::result::time::06:56:03::work: 0.0765 s::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::getChildsMapIds::-->
<!--::result::time::06:56:03::work: 0.0012 s::getChildsMapIds::-->
<!--::result::time::06:56:03::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::work: 0.014 s::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::foreach::-->
<!--::result::time::06:56:03::work: 0.0061 s::foreach::-->
<!--::result::time::06:56:03::work: 0.022 s::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::getChildsMapIds::-->
<!--::result::time::06:56:03::work: 0.0005 s::getChildsMapIds::-->
<!--::result::time::06:56:03::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::work: 0.0147 s::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::foreach::-->
<!--::result::time::06:56:03::work: 0.0063 s::foreach::-->
<!--::result::time::06:56:03::work: 0.022 s::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::getChildsMapIds::-->
<!--::result::time::06:56:03::work: 0.0006 s::getChildsMapIds::-->
<!--::result::time::06:56:03::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::work: 0.0588 s::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::foreach::-->
<!--::result::time::06:56:03::work: 0.029 s::foreach::-->
<!--::result::time::06:56:03::work: 0.0889 s::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::getChildsMapIds::-->
<!--::result::time::06:56:03::work: 0.0005 s::getChildsMapIds::-->
<!--::result::time::06:56:03::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::work: 0.0104 s::getPagesByCategoryLimit::-->
<!--::result::time::06:56:03::foreach::-->
<!--::result::time::06:56:03::work: 0.0044 s::foreach::-->
<!--::result::time::06:56:03::work: 0.0165 s::App\Service\Components\News\N01::-->
<!--::result::time::06:56:03::work: 0.6367 s::-->
<!--::result::time::06:56:03::render work: 0.0133 s::-->
<!DOCTYPE html>
<html class="default-style" lang="ua">
    <head>
        <meta charset="UTF-8">
                <title>SPORT UKRAINE Новини спорту</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" />

        
        <style>
            @import url('https://fonts.googleapis.com/css?family=Marck Script&display=swap&subset=cyrillic');
            .navbar .navbar-nav .nav-link {
                font-size: 14px;
            }
            .profile.pr-i .widget.category-child .title {
                background: transparent;
            }
            .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-1830-0 {width:95%}
.row-k-style-1830-0 {background: linear-gradient(#8b92f0,#b070d6)}
.row-k-width-1830-1 {width:95%}
.row-k-style-1830-1 {background: linear-gradient(#82c9ff,#ffff6e)}
.row-k-width-1830-2 {width:95%}
.row-k-style-1830-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-1831-0 {width:95%}
.row-k-style-1831-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-1831-1 {width:95%}
.row-k-style-1831-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-1831-2 {width:95%}
.row-k-style-1831-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-1831-3 {width:95%}
.row-k-style-1831-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-1831-4 {width:95%}
.row-k-style-1831-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-1831-5 {width:95%}
.row-k-style-1831-5 {background: linear-gradient(#fff,#fff)}
.row-k-width-1831-6 {width:95%}
.row-k-style-1831-6 {background: linear-gradient(#fff,#fff)}
.row-k-width-1831-7 {width:95%}
.row-k-style-1831-7 {background: linear-gradient(#fff,#fff)}
.row-k-width-1831-8 {width:95%}
.row-k-style-1831-8 {background: linear-gradient(#fff,#fff)}
.row-k-width-1831-9 {width:95%}
.row-k-style-1831-9 {background: linear-gradient(#fff,#fff)}
.row-k-width-1831-10 {width:95%}
.row-k-style-1831-10 {background: linear-gradient(#fff,#fff)}

        </style>
                <style>
            .row-k-style {
                transition: all 0.3s ease;
            }
            .row-k-style.fixed-menu-bar {
                position: fixed;
                z-index: 999;
                width: 100%;
                top: 0;
                padding: 5px;
                box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
            }
        </style>
    
                    <script src="/assets-param/style/const"></script>
        
                                                                        		            <link rel="preload" href="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/01.12.2021/b75e603b7af6dd0166cd368ad0e0e80f.png&size=850x560&ios=false" as="image">
			<meta property="og:title" content="Спортивні об’єкти для юніорів: у Хмельницькому планують масштабне будівництво спортмайданчиків біля шкіл">
			<meta property="og:description" content=" Міський голова Хмельницького Олександр Симчишин планує забезпечити спортивними комплексами чи майданчиками усі навчальні заклади міста. Одним з головних об’єктів на реконструкцію стало футбольне поле розміром 30 на 60 метрів біля місцевої школи №12. Ним також зможуть користуватися вихованці єдиного...">
			<meta property="og:url" content="https://dnipro-inform.com/news-ukraine-and-worlds/103884-sportivn-ob-kti-dlya-yun-or-v-u-hmel-nic-komu-planuyut-masshtabne-bud-vnictvo-sportmaydanchik-v-b-lya-shk-l.html">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/01.12.2021/b75e603b7af6dd0166cd368ad0e0e80f.png&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/01.12.2021/b75e603b7af6dd0166cd368ad0e0e80f.png&size=1000<&ios=false">
			<meta property="og:site_name" content="SPORT UKRAINE Новини спорту">
			
                </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-1830-0 row-k-style" id="row-k-style-1830-0">
            <div class="row-k-width-1830-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3680.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--3680 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--3680.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--3680.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--3680.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--3680 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #ffffff;
    }
    .widjetComponent--3680 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent3680 .sub-menu {
         display: none;
     }
    #navbarSupportedContent3680 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent3680 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent3680 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent3680 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--3680" once="menu" id="menu3680-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="#navbarSupportedContent3680"
                aria-controls="navbarSupportedContent3680" 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="navbarSupportedContent3680">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/">Головна</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/kontakti">Контакти</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

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

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3682.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--3682 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--3682.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--3682.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--3682.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--3682 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #ffffff;
    }
    .widjetComponent--3682 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent3682 .sub-menu {
         display: none;
     }
    #navbarSupportedContent3682 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent3682 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent3682 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent3682 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--3682" once="menu" id="menu3682-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="#navbarSupportedContent3682"
                aria-controls="navbarSupportedContent3682" 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="navbarSupportedContent3682">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/users">Автори новин</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/auth/login">Увійти</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/auth/register">Зареєструватися</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-1830-1 row-k-style" id="row-k-style-1830-1">
            <div class="row-k-width-1830-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--3683.logo-box {
        display: block;
    }
    </style>
<a class="widjetComponent--3683 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.08.2020/2ca5ac711f2cd4c3b2534d537d868456.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.08.2020/2ca5ac711f2cd4c3b2534d537d868456.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/09.08.2020/2ca5ac711f2cd4c3b2534d537d868456.png&size=<<340 340w">
        </a>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-8 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3684 .dropdown {
        position: initial;
    }
    .widjetComponent--3684.cid-qyvfob1Ur0 .dropdown .dropdown-menu {
        position: absolute;
        right: 0;
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: right;
        z-index: 9999;
        padding-right: 15px;
        top: 55px;
    }
    .widjetComponent--3684 .navbar .navbar-nav .dropdown-item.text-black {
        display: inline-block;
        margin: 0 !important;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--3684" once="menu" id="menu2-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="#navbarSupportedContent3684"
                aria-controls="navbarSupportedContent3684" 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="navbarSupportedContent3684">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li>
                            <a class="nav-link link text-black display-4" href="/sport-news">Новини спорту</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link text-black display-4" href="/footbol">Футбол</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link text-black display-4" href="/boks">Бокс</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link text-black display-4" href="/edynoborstwa">Єдиноборства</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link text-black display-4" href="/tenis">Теніс</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link text-black display-4" href="/basketboll">Баскетбол</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link text-black display-4" href="/biatlon">Біатлон</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link text-black display-4" href="/hokey">Хокей</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link text-black display-4" href="/mma">ММА</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link text-black display-4" href="/footzal">Футзал</a>
                        </li>
                                                </ul>
        </div>
    </nav>
</section>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            <section class=" row-k-style-1831-0 row-k-style" id="row-k-style-1831-0">
            <div class="row-k-width-1831-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3685 .post-image img {
        width: 100%;
    }
    .widjetComponent--3685 .post-image {
        position: relative;
    }
    .widjetComponent--3685 .post-image a {
        display: block;
    }
    .widjetComponent--3685 .post-inner .category {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        z-index: 1;
        margin: 15px;
        border: 2px solid #ffffff;
        padding: 10px 15px;
        top: 0;
        left: 0;
    }
    .widjetComponent--3685 .post-inner:hover .category {
        color: #abb1ff;
    }
    .widjetComponent--3685 .widget-title {
        color: #ffffff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--3685 .post-inner:hover .widget-title {
        color: #abb1ff;
    }

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

</style>
<section class="widjet-component-inner widjetComponent--3685">
            <style>
        .widjetComponent--title--3685.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #fff87a;
            text-align: flex-start;
        }
        .widjetComponent--title--3685.widget-title-base span {
            background: #fff87a;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
        <h4 class="widjetComponent--title--3685 widget-title-base">
        <span>Найголовніше</span>
    </h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/103884-sportivn-ob-kti-dlya-yun-or-v-u-hmel-nic-komu-planuyut-masshtabne-bud-vnictvo-sportmaydanchik-v-b-lya-shk-l.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/01.12.2021/b75e603b7af6dd0166cd368ad0e0e80f.png&amp;size=850x560" class="wp-post-image" alt="Спортивні об’єкти для юніорів: у Хмельницькому планують масштабне будівництво спортмайданчиків біля шкіл">
                            <div class="category">Найголовніше</div>
                            <div class="post-content">
                                <h3 class="widget-title">Спортивні об’єкти для юніорів: у Хмельницькому планують масштабне будівництво...</h3>
                                <div class="entry-content">
                                    

&nbsp;
Міський голова Хмельницького Олександр Симчишин планує забезпечити спортивними комплексами чи майданчиками усі навчальні заклади міста.
&nbsp;
Одним з головних об&rsquo;єктів...
                                </div>
                            </div>

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

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 no-height no-height no-height no-height no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
.widjet-component-inner.widjetComponent--3686 {
       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--3686">
    <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>
        </video>
        <div id="video-streem"></div>
    </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;
                    });

                    $.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 THEOplayer !== 'undefined') {
                            clearInterval(pltime);
                            initPlayer();
                        }
                    }, 1000);
                }

            });
        });

   // }, 5000);
</script>

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

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

</style>
<section class="widjet-component-inner widjetComponent--3687">
            <style>
        .widjetComponent--title--3687.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #fff87a;
            text-align: flex-start;
        }
        .widjetComponent--title--3687.widget-title-base span {
            background: #fff87a;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
        <h4 class="widjetComponent--title--3687 widget-title-base">
        <span>Важливо</span>
    </h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/94478-nova-forma-zb-rno-ukra-ni-z-futbolu-reakc-ya-put-na.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.06.2021/a4406c434a73412681d28ec5a7327cd9.jpeg&amp;size=851x561" class="wp-post-image" alt="Нова форма збірної України з футболу: Реакція Путіна">
                            <div class="category">Важливо</div>
                            <div class="post-content">
                                <h3 class="widget-title">Нова форма збірної України з футболу: Реакція Путіна</h3>
                                <div class="entry-content">
                                    

На новій формі збірної України з футболу зображена територія України разом з незаконно анексованим Кримом. Коментарі з цього приводу різняться. Президент РФ Володимир Путін...
                                </div>
                            </div>

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

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

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

            }

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

            if ($('#streem_append_block-3688').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-3688 .entry").remove();');
                                $('#streem_append_block-3688 .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-3688').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-1831-2 row-k-style" id="row-k-style-1831-2">
            <div class="row-k-width-1831-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3689 .post-image img {
        width: 100%;
    }
    .widjetComponent--3689 .post-image a {
        display: block;
    }
    .widjetComponent--3689 .post-content .category a {
        color: #000000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3689 .post-content .category a:hover {
        color: #000000;
    }
    .widjetComponent--3689 .widget-title a {
        color: #000000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3689 .widget-title a:hover {
        color: #000000;
    }
    .widjetComponent--3689 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3689 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3689 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3689 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3689 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3689 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3689 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3689">
            <style>
        .widjetComponent--title--3689.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #fff87a;
            text-align: flex-start;
        }
        .widjetComponent--title--3689.widget-title-base span {
            background: #fff87a;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/sport-news" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3689 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-ukraine-and-worlds/103884-sportivn-ob-kti-dlya-yun-or-v-u-hmel-nic-komu-planuyut-masshtabne-bud-vnictvo-sportmaydanchik-v-b-lya-shk-l.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/01.12.2021/b75e603b7af6dd0166cd368ad0e0e80f.png&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/103884-sportivn-ob-kti-dlya-yun-or-v-u-hmel-nic-komu-planuyut-masshtabne-bud-vnictvo-sportmaydanchik-v-b-lya-shk-l.html" title="Спортивні об’єкти для юніорів: у Хмельницькому планують масштабне будівництво спортмайданчиків біля шкіл">Спортивні об’єкти для юніорів: у Хмельницькому планують масштабне будівництво...</a>
                            <!--<a href="/news-ukraine-and-worlds/103884-sportivn-ob-kti-dlya-yun-or-v-u-hmel-nic-komu-planuyut-masshtabne-bud-vnictvo-sportmaydanchik-v-b-lya-shk-l.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="/sport-news/103470-chemp-oni-sv-tu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/24.11.2021/9a0a0295dcf636943a3a1a84ed7de5b3.jpeg&amp;size=320x210" class="wp-post-image" alt="Чемпіони світу">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/sport-news/103470-chemp-oni-sv-tu.html" title="Чемпіони світу">Чемпіони світу</a>
                            <!--<a href="/sport-news/103470-chemp-oni-sv-tu.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-ukraine-and-worlds/94478-nova-forma-zb-rno-ukra-ni-z-futbolu-reakc-ya-put-na.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.06.2021/a4406c434a73412681d28ec5a7327cd9.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/94478-nova-forma-zb-rno-ukra-ni-z-futbolu-reakc-ya-put-na.html" title="Нова форма збірної України з футболу: Реакція Путіна">Нова форма збірної України з футболу: Реакція Путіна</a>
                            <!--<a href="/news-ukraine-and-worlds/94478-nova-forma-zb-rno-ukra-ni-z-futbolu-reakc-ya-put-na.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="/sport-news/90419-v-ta-mo-chemp-on-v-z-bukovini-dvo-sportsmen-v-viboroli-nagorodi-na-chemp-onat-ukra-ni-sered-lyudey-z-nval-dn-styu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.02.2021/b3c1a8a31a6266437c94ebe8c728a467.jpeg&amp;size=320x210" class="wp-post-image" alt="Вітаємо чемпіонів з Буковини: двоє спортсменів вибороли нагороди на Чемпіонаті України серед людей з інвалідністю!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/sport-news/90419-v-ta-mo-chemp-on-v-z-bukovini-dvo-sportsmen-v-viboroli-nagorodi-na-chemp-onat-ukra-ni-sered-lyudey-z-nval-dn-styu.html" title="Вітаємо чемпіонів з Буковини: двоє спортсменів вибороли нагороди на Чемпіонаті України серед людей з інвалідністю!">Вітаємо чемпіонів з Буковини: двоє спортсменів вибороли нагороди на Чемпіонаті...</a>
                            <!--<a href="/sport-news/90419-v-ta-mo-chemp-on-v-z-bukovini-dvo-sportsmen-v-viboroli-nagorodi-na-chemp-onat-ukra-ni-sered-lyudey-z-nval-dn-styu.html" title="Вітаємо чемпіонів з Буковини: двоє спортсменів вибороли нагороди на Чемпіонаті України серед людей з інвалідністю!">Вітаємо чемпіонів з Буковини: двоє спортсменів вибороли...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3689').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-3689 .entry").remove();');
                                $('#streem_append_block-3689 .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-3689').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-1831-3 row-k-style" id="row-k-style-1831-3">
            <div class="row-k-width-1831-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3690 .post-image img {
        width: 100%;
    }
    .widjetComponent--3690 .post-image a {
        display: block;
    }
    .widjetComponent--3690 .post-content .category a {
        color: #000000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3690 .post-content .category a:hover {
        color: #000000;
    }
    .widjetComponent--3690 .widget-title a {
        color: #000000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3690 .widget-title a:hover {
        color: #000000;
    }
    .widjetComponent--3690 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3690 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3690 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3690 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3690 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3690 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3690 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3690">
            <style>
        .widjetComponent--title--3690.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #fff87a;
            text-align: flex-start;
        }
        .widjetComponent--title--3690.widget-title-base span {
            background: #fff87a;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/footbol" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3690 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="/footbol/95309-ukra-na-potraplya-do-chemp-onatu-1-4-vropi-peremoga-v-vro-2020.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.06.2021/19aac67d2d49559b074964fbfd3723ae.jpeg&amp;size=320x210" class="wp-post-image" alt="Україна потрапляє до чемпіонату 1/4 Європи перемога в Євро-2020">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/footbol" class="post_term category investing">Футбол</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/footbol/95309-ukra-na-potraplya-do-chemp-onatu-1-4-vropi-peremoga-v-vro-2020.html" title="Україна потрапляє до чемпіонату 1/4 Європи перемога в Євро-2020">Україна потрапляє до чемпіонату 1/4 Європи перемога в Євро-2020</a>
                            <!--<a href="/footbol/95309-ukra-na-potraplya-do-chemp-onatu-1-4-vropi-peremoga-v-vro-2020.html" title="Україна потрапляє до чемпіонату 1/4 Європи перемога в Євро-2020">Україна потрапляє до чемпіонату 1/4 Європи перемога в Євро-2020</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/footbol/88623-persha-komanda-ta-golovniy-trener-aston-v-lli-d-n-sm-t-ne-zmozhe-vzyati-uchast-u-match-proti-l-verpulya-v-3-mu-tur-kubka-angl-cherez-spalah-koronav-rusu-v-klub.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.01.2021/efeccd8346cdb26e0c12bedb9bd7c48c.jpeg&amp;size=320x210" class="wp-post-image" alt="Перша команда та головний тренер "Астон Вілли" Дін Сміт не зможе взяти участь у матчі проти "Ліверпуля" в 3-му турі Кубка Англії через спалах коронавірусу в клубі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/footbol" class="post_term category investing">Футбол</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/footbol/88623-persha-komanda-ta-golovniy-trener-aston-v-lli-d-n-sm-t-ne-zmozhe-vzyati-uchast-u-match-proti-l-verpulya-v-3-mu-tur-kubka-angl-cherez-spalah-koronav-rusu-v-klub.html" title="Перша команда та головний тренер "Астон Вілли" Дін Сміт не зможе взяти участь у матчі проти "Ліверпуля" в 3-му турі Кубка Англії через спалах коронавірусу в клубі">Перша команда та головний тренер "Астон Вілли" Дін Сміт не зможе взяти...</a>
                            <!--<a href="/footbol/88623-persha-komanda-ta-golovniy-trener-aston-v-lli-d-n-sm-t-ne-zmozhe-vzyati-uchast-u-match-proti-l-verpulya-v-3-mu-tur-kubka-angl-cherez-spalah-koronav-rusu-v-klub.html" title="Перша команда та головний тренер &quot;Астон Вілли&quot; Дін Сміт не зможе взяти участь у матчі проти &quot;Ліверпуля&quot; в 3-му турі Кубка Англії через спалах коронавірусу в клубі">Перша команда та головний тренер "Астон Вілли" Дін Сміт...</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="/footbol/88624-15-naykraschih-gravc-v-roku.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.01.2021/7392b3d0daedde8765f6243d3e5ad1f3.jpeg&amp;size=320x210" class="wp-post-image" alt="15 найкращих гравців року:">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/footbol" class="post_term category investing">Футбол</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/footbol/88624-15-naykraschih-gravc-v-roku.html" title="15 найкращих гравців року:">15 найкращих гравців року:</a>
                            <!--<a href="/footbol/88624-15-naykraschih-gravc-v-roku.html" title="15 найкращих гравців року:">15 найкращих гравців року:</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/footbol/87234-os-yak-potr-bno-perezapuskati-svoyu-kar-ru.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.12.2020/f84ef1f72b072e0422d5a6abca447691.jpeg&amp;size=320x210" class="wp-post-image" alt="Ось як потрібно перезапускати свою кар’єру!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/footbol" class="post_term category investing">Футбол</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/footbol/87234-os-yak-potr-bno-perezapuskati-svoyu-kar-ru.html" title="Ось як потрібно перезапускати свою кар’єру!">Ось як потрібно перезапускати свою кар’єру!</a>
                            <!--<a href="/footbol/87234-os-yak-potr-bno-perezapuskati-svoyu-kar-ru.html" title="Ось як потрібно перезапускати свою кар’єру!">Ось як потрібно перезапускати свою кар’єру!</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3690').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-3690 .entry").remove();');
                                $('#streem_append_block-3690 .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-3690').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-1831-4 row-k-style" id="row-k-style-1831-4">
            <div class="row-k-width-1831-4 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3691 .post-image img {
        width: 100%;
    }
    .widjetComponent--3691 .post-image a {
        display: block;
    }
    .widjetComponent--3691 .post-content .category a {
        color: #000000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3691 .post-content .category a:hover {
        color: #000000;
    }
    .widjetComponent--3691 .widget-title a {
        color: #000000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3691 .widget-title a:hover {
        color: #000000;
    }
    .widjetComponent--3691 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3691 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3691 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3691 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3691 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3691 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3691 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3691">
            <style>
        .widjetComponent--title--3691.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #fff87a;
            text-align: flex-start;
        }
        .widjetComponent--title--3691.widget-title-base span {
            background: #fff87a;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/boks" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3691 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="/boks/85629-artpro-kt-znay_nashih-boks-sportivna-velich-pnpu-men-v-g-korolenka.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/24.11.2020/582e7b76383f2b0ce3c36fe5e25ad755.jpeg&amp;size=320x210" class="wp-post-image" alt="АРТпроєкт #ЗНАЙ_НАШИХ: БОКС – спортивна велич ПНПУ імені В. Г. Короленка">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/boks" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/boks/85629-artpro-kt-znay_nashih-boks-sportivna-velich-pnpu-men-v-g-korolenka.html" title="АРТпроєкт #ЗНАЙ_НАШИХ: БОКС – спортивна велич ПНПУ імені В. Г. Короленка">АРТпроєкт #ЗНАЙ_НАШИХ: БОКС – спортивна велич ПНПУ імені В. Г. Короленка</a>
                            <!--<a href="/boks/85629-artpro-kt-znay_nashih-boks-sportivna-velich-pnpu-men-v-g-korolenka.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="/boks/81302-alan-m-nter-legenda-boksu-pomer-v-69-rok-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.09.2020/0fafaa75dfce931a3da07428e3fdde42.jpeg&amp;size=320x210" class="wp-post-image" alt="Алан Мінтер: легенда боксу помер в 69 років">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/boks" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/boks/81302-alan-m-nter-legenda-boksu-pomer-v-69-rok-v.html" title="Алан Мінтер: легенда боксу помер в 69 років">Алан Мінтер: легенда боксу помер в 69 років</a>
                            <!--<a href="/boks/81302-alan-m-nter-legenda-boksu-pomer-v-69-rok-v.html" title="Алан Мінтер: легенда боксу помер в 69 років">Алан Мінтер: легенда боксу помер в 69 років</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="/boks/79905-dillian-uayt-boyu-s-povetkinym-budet-maksimal-noe-nasilie.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.08.2020/392eae6b70cdfdeae4542de4c3639232.jpeg&amp;size=320x210" class="wp-post-image" alt="Диллиан Уайт: бою с Поветкиным будет "максимальное насилие"">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/boks" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/boks/79905-dillian-uayt-boyu-s-povetkinym-budet-maksimal-noe-nasilie.html" title="Диллиан Уайт: бою с Поветкиным будет "максимальное насилие"">Диллиан Уайт: бою с Поветкиным будет "максимальное насилие"</a>
                            <!--<a href="/boks/79905-dillian-uayt-boyu-s-povetkinym-budet-maksimal-noe-nasilie.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="/boks/79101-eks-chemp-on-sv-tu-bude-bitis-z-skandal-nim-ukra-ns-kim-bokserom.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.08.2020/5f6d2581d7c3e406caeea8f384376596.jpeg&amp;size=320x210" class="wp-post-image" alt="Екс-чемпіон світу буде битись зі скандальним українським боксером">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/boks" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/boks/79101-eks-chemp-on-sv-tu-bude-bitis-z-skandal-nim-ukra-ns-kim-bokserom.html" title="Екс-чемпіон світу буде битись зі скандальним українським боксером">Екс-чемпіон світу буде битись зі скандальним українським боксером</a>
                            <!--<a href="/boks/79101-eks-chemp-on-sv-tu-bude-bitis-z-skandal-nim-ukra-ns-kim-bokserom.html" title="Екс-чемпіон світу буде битись зі скандальним українським боксером">Екс-чемпіон світу буде битись зі скандальним українським...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3691').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-3691 .entry").remove();');
                                $('#streem_append_block-3691 .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-3691').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-1831-5 row-k-style" id="row-k-style-1831-5">
            <div class="row-k-width-1831-5 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3692 .post-image img {
        width: 100%;
    }
    .widjetComponent--3692 .post-image a {
        display: block;
    }
    .widjetComponent--3692 .post-content .category a {
        color: #000000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3692 .post-content .category a:hover {
        color: #000000;
    }
    .widjetComponent--3692 .widget-title a {
        color: #000000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3692 .widget-title a:hover {
        color: #000000;
    }
    .widjetComponent--3692 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3692 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3692 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3692 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3692 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3692 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3692 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3692">
            <style>
        .widjetComponent--title--3692.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #fff87a;
            text-align: flex-start;
        }
        .widjetComponent--title--3692.widget-title-base span {
            background: #fff87a;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/edynoborstwa" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3692 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="/edynoborstwa/86332-student-fakul-tetu-f-zichnogo-vihovannya-dmitro-taranenko-chemp-on-ukra-ni-z-godzyu-ryu-karate.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/04.12.2020/5c8b7826a6bbecdeaa92da8fc2695f6f.jpeg&amp;size=320x210" class="wp-post-image" alt="Студент факультету фізичного виховання Дмитро Тараненко – Чемпіон України з Годзю-рю карате">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/edynoborstwa" class="post_term category investing">Єдиноборства</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/edynoborstwa/86332-student-fakul-tetu-f-zichnogo-vihovannya-dmitro-taranenko-chemp-on-ukra-ni-z-godzyu-ryu-karate.html" title="Студент факультету фізичного виховання Дмитро Тараненко – Чемпіон України з Годзю-рю карате">Студент факультету фізичного виховання Дмитро Тараненко – Чемпіон України...</a>
                            <!--<a href="/edynoborstwa/86332-student-fakul-tetu-f-zichnogo-vihovannya-dmitro-taranenko-chemp-on-ukra-ni-z-godzyu-ryu-karate.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="/edynoborstwa/79310-stan-slav-goruna-zavzhdi-divuvalo-yak-yakiys-al-osha-z-novoros-ys-ka-mozhe-ukra-ncyam-rozpov-dati-schos-pro-movu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.08.2020/7d1ee882df8265c54bd68fd9aae5e80d.jpeg&amp;size=320x210" class="wp-post-image" alt="Станіслав Горуна: «Завжди дивувало, як якийсь Альоша з Новоросійська може українцям розповідати щось про мову»">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/edynoborstwa" class="post_term category investing">Єдиноборства</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/edynoborstwa/79310-stan-slav-goruna-zavzhdi-divuvalo-yak-yakiys-al-osha-z-novoros-ys-ka-mozhe-ukra-ncyam-rozpov-dati-schos-pro-movu.html" title="Станіслав Горуна: «Завжди дивувало, як якийсь Альоша з Новоросійська може українцям розповідати щось про мову»">Станіслав Горуна: «Завжди дивувало, як якийсь Альоша з Новоросійська може...</a>
                            <!--<a href="/edynoborstwa/79310-stan-slav-goruna-zavzhdi-divuvalo-yak-yakiys-al-osha-z-novoros-ys-ka-mozhe-ukra-ncyam-rozpov-dati-schos-pro-movu.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="/edynoborstwa/79359-yunac-kiy-chemp-onat-sv-tu-z-thekvondo-2020-skasovano.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.08.2020/48b9e5f46252aa028328666abe6e84a7.jpeg&amp;size=320x210" class="wp-post-image" alt="Юнацький чемпіонат світу з тхеквондо-2020 скасовано">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/edynoborstwa" class="post_term category investing">Єдиноборства</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/edynoborstwa/79359-yunac-kiy-chemp-onat-sv-tu-z-thekvondo-2020-skasovano.html" title="Юнацький чемпіонат світу з тхеквондо-2020 скасовано">Юнацький чемпіонат світу з тхеквондо-2020 скасовано</a>
                            <!--<a href="/edynoborstwa/79359-yunac-kiy-chemp-onat-sv-tu-z-thekvondo-2020-skasovano.html" title="Юнацький чемпіонат світу з тхеквондо-2020 скасовано">Юнацький чемпіонат світу з тхеквондо-2020 скасовано</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/edynoborstwa/79306-zhuravl-ov-v-z-me-uchast-v-turn-r-4-h-z-k-kboksingu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.08.2020/27dc31bbc5c7d9741c4a08488ff64a7e.jpeg&amp;size=320x210" class="wp-post-image" alt="Журавльов візьме участь в турнірі 4-х з кікбоксингу">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/edynoborstwa" class="post_term category investing">Єдиноборства</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/edynoborstwa/79306-zhuravl-ov-v-z-me-uchast-v-turn-r-4-h-z-k-kboksingu.html" title="Журавльов візьме участь в турнірі 4-х з кікбоксингу">Журавльов візьме участь в турнірі 4-х з кікбоксингу</a>
                            <!--<a href="/edynoborstwa/79306-zhuravl-ov-v-z-me-uchast-v-turn-r-4-h-z-k-kboksingu.html" title="Журавльов візьме участь в турнірі 4-х з кікбоксингу">Журавльов візьме участь в турнірі 4-х з кікбоксингу</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3692').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-3692 .entry").remove();');
                                $('#streem_append_block-3692 .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-3692').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-1831-6 row-k-style" id="row-k-style-1831-6">
            <div class="row-k-width-1831-6 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3693 .post-image img {
        width: 100%;
    }
    .widjetComponent--3693 .post-image a {
        display: block;
    }
    .widjetComponent--3693 .post-content .category a {
        color: #3400e0;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3693 .post-content .category a:hover {
        color: #3400e0;
    }
    .widjetComponent--3693 .widget-title a {
        color: #3400e0;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3693 .widget-title a:hover {
        color: #3400e0;
    }
    .widjetComponent--3693 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3693 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3693 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3693 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3693 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3693 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3693 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3693">
            <style>
        .widjetComponent--title--3693.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #fff87a;
            text-align: flex-start;
        }
        .widjetComponent--title--3693.widget-title-base span {
            background: #fff87a;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/Теніс" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3693 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="/Теніс/81643-novak-dzhokovich-vigrav-pershiy-match-p-slya-diskval-f-kac-us-open.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.09.2020/da59edf8bed048cfed633f38e56cdf43.jpeg&amp;size=320x210" class="wp-post-image" alt="Новак Джокович виграв перший матч після дискваліфікації US Open">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/Теніс" class="post_term category investing">Теніс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/Теніс/81643-novak-dzhokovich-vigrav-pershiy-match-p-slya-diskval-f-kac-us-open.html" title="Новак Джокович виграв перший матч після дискваліфікації US Open">Новак Джокович виграв перший матч після дискваліфікації US Open</a>
                            <!--<a href="/Теніс/81643-novak-dzhokovich-vigrav-pershiy-match-p-slya-diskval-f-kac-us-open.html" title="Новак Джокович виграв перший матч після дискваліфікації US Open">Новак Джокович виграв перший матч після дискваліфікації...</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="/Теніс/81301-end-myurrey-z-gra-v-dvoh-zakritih-turn-rah-atp-v-kel-n-v-zhovtn.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.09.2020/6e93c1274687585a5fe7996baf7ebdcc.jpeg&amp;size=320x210" class="wp-post-image" alt="Енді Мюррей зіграє в двох закритих турнірах ATP в Кельні в жовтні">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/Теніс" class="post_term category investing">Теніс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/Теніс/81301-end-myurrey-z-gra-v-dvoh-zakritih-turn-rah-atp-v-kel-n-v-zhovtn.html" title="Енді Мюррей зіграє в двох закритих турнірах ATP в Кельні в жовтні">Енді Мюррей зіграє в двох закритих турнірах ATP в Кельні в жовтні</a>
                            <!--<a href="/Теніс/81301-end-myurrey-z-gra-v-dvoh-zakritih-turn-rah-atp-v-kel-n-v-zhovtn.html" title="Енді Мюррей зіграє в двох закритих турнірах ATP в Кельні в жовтні">Енді Мюррей зіграє в двох закритих турнірах ATP в Кельні...</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="/Теніс/81001-novak-dzhokovich-vilet-v-z-v-dkritogo-chemp-onatu-ssha-p-slya-udaru-m-yachem-po-l-n-ynomu-sudd.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.09.2020/8bf1e29fb1e1c2fa13ea0002dc6e59a9.jpeg&amp;size=320x210" class="wp-post-image" alt="Новак Джокович вилетів з Відкритого чемпіонату США після удару м'ячем по лінійному судді">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/Теніс" class="post_term category investing">Теніс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/Теніс/81001-novak-dzhokovich-vilet-v-z-v-dkritogo-chemp-onatu-ssha-p-slya-udaru-m-yachem-po-l-n-ynomu-sudd.html" title="Новак Джокович вилетів з Відкритого чемпіонату США після удару м'ячем по лінійному судді">Новак Джокович вилетів з Відкритого чемпіонату США після удару м'ячем по...</a>
                            <!--<a href="/Теніс/81001-novak-dzhokovich-vilet-v-z-v-dkritogo-chemp-onatu-ssha-p-slya-udaru-m-yachem-po-l-n-ynomu-sudd.html" title="Новак Джокович вилетів з Відкритого чемпіонату США після удару м&#039;ячем по лінійному судді">Новак Джокович вилетів з Відкритого чемпіонату США після...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/Теніс/79108-yohanna-konta-po-ssha-budemo-zditi-na-mashin---schob-ne-provoditi-chas-v-aeroportah-l-takah.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.08.2020/70dc34eeafeaafa96fb874a0686c3843.png&amp;size=320x210" class="wp-post-image" alt="Йоханна Конта: «По США будемо їздити на машині - щоб не проводити час в аеропортах і літаках»">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/Теніс" class="post_term category investing">Теніс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/Теніс/79108-yohanna-konta-po-ssha-budemo-zditi-na-mashin---schob-ne-provoditi-chas-v-aeroportah-l-takah.html" title="Йоханна Конта: «По США будемо їздити на машині - щоб не проводити час в аеропортах і літаках»">Йоханна Конта: «По США будемо їздити на машині - щоб не проводити час в...</a>
                            <!--<a href="/Теніс/79108-yohanna-konta-po-ssha-budemo-zditi-na-mashin---schob-ne-provoditi-chas-v-aeroportah-l-takah.html" title="Йоханна Конта: «По США будемо їздити на машині - щоб не проводити час в аеропортах і літаках»">Йоханна Конта: «По США будемо їздити на машині - щоб не...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3693').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-3693 .entry").remove();');
                                $('#streem_append_block-3693 .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-3693').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-1831-7 row-k-style" id="row-k-style-1831-7">
            <div class="row-k-width-1831-7 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3712 .post-image img {
        width: 100%;
    }
    .widjetComponent--3712 .post-image a {
        display: block;
    }
    .widjetComponent--3712 .post-content .category a {
        color: #000000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3712 .post-content .category a:hover {
        color: #000000;
    }
    .widjetComponent--3712 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3712 .widget-title a:hover {
        color: #000000;
    }
    .widjetComponent--3712 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3712 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3712 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3712 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3712 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3712 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3712 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3712">
            <style>
        .widjetComponent--title--3712.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #fff87a;
            text-align: flex-start;
        }
        .widjetComponent--title--3712.widget-title-base span {
            background: #fff87a;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/Баскетбол" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3712 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="/Баскетбол/88242-trener-golden-state-warriors-st-v-kerr-rozpov-da-yak-oshtrafuvav-v-domogo-repera-dreyka.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.01.2021/f79f4c88110fe5ce23c8a1be3d79c32a.png&amp;size=320x210" class="wp-post-image" alt="Тренер Golden State Warriors Стів Керр розповідає, як оштрафував відомого репера Дрейка">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/Баскетбол" class="post_term category investing">Баскетбол</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/Баскетбол/88242-trener-golden-state-warriors-st-v-kerr-rozpov-da-yak-oshtrafuvav-v-domogo-repera-dreyka.html" title="Тренер Golden State Warriors Стів Керр розповідає, як оштрафував відомого репера Дрейка">Тренер Golden State Warriors Стів Керр розповідає, як оштрафував відомого...</a>
                            <!--<a href="/Баскетбол/88242-trener-golden-state-warriors-st-v-kerr-rozpov-da-yak-oshtrafuvav-v-domogo-repera-dreyka.html" title="Тренер Golden State Warriors Стів Керр розповідає, як оштрафував відомого репера Дрейка">Тренер Golden State Warriors Стів Керр розповідає, як оштрафував...</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="/Баскетбол/87233-mayam-h-t-viyshlo-u-f-nal-sh-dno-konferenc-nba.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.12.2020/895b5186ec59fc688804c9729c8aa035.jpeg&amp;size=320x210" class="wp-post-image" alt=""Маямі Хіт" вийшло у фінал Східної конференції НБА">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/Баскетбол" class="post_term category investing">Баскетбол</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/Баскетбол/87233-mayam-h-t-viyshlo-u-f-nal-sh-dno-konferenc-nba.html" title=""Маямі Хіт" вийшло у фінал Східної конференції НБА">"Маямі Хіт" вийшло у фінал Східної конференції НБА</a>
                            <!--<a href="/Баскетбол/87233-mayam-h-t-viyshlo-u-f-nal-sh-dno-konferenc-nba.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="/Баскетбол/87090-p-rs-mi-vs-zna-mo-scho-pravila-dopomagayut-gravcyam-atakuvati-v-nash-dn.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.12.2020/5e8872e5a3f443f9302a62736797210d.jpeg&amp;size=320x210" class="wp-post-image" alt="Пірс: Ми всі знаємо, що правила допомагають гравцям атакувати в наші дні.">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/Баскетбол" class="post_term category investing">Баскетбол</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/Баскетбол/87090-p-rs-mi-vs-zna-mo-scho-pravila-dopomagayut-gravcyam-atakuvati-v-nash-dn.html" title="Пірс: Ми всі знаємо, що правила допомагають гравцям атакувати в наші дні.">Пірс: Ми всі знаємо, що правила допомагають гравцям атакувати в наші дні.</a>
                            <!--<a href="/Баскетбол/87090-p-rs-mi-vs-zna-mo-scho-pravila-dopomagayut-gravcyam-atakuvati-v-nash-dn.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="/Баскетбол/87050-tatum-vs-m-v-domo-sk-l-ki-dlya-mene-oznachav-kobe.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.12.2020/e99b28913d742acea5a1f360033b3ae7.jpeg&amp;size=320x210" class="wp-post-image" alt="Татум: Всім відомо, скільки для мене означав Кобе">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/Баскетбол" class="post_term category investing">Баскетбол</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/Баскетбол/87050-tatum-vs-m-v-domo-sk-l-ki-dlya-mene-oznachav-kobe.html" title="Татум: Всім відомо, скільки для мене означав Кобе">Татум: Всім відомо, скільки для мене означав Кобе</a>
                            <!--<a href="/Баскетбол/87050-tatum-vs-m-v-domo-sk-l-ki-dlya-mene-oznachav-kobe.html" title="Татум: Всім відомо, скільки для мене означав Кобе">Татум: Всім відомо, скільки для мене означав Кобе</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3712').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-3712 .entry").remove();');
                                $('#streem_append_block-3712 .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-3712').append(curstr);

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

                                                                            <style>
    .widjetComponent--3716 .post-image img {
        width: 100%;
    }
    .widjetComponent--3716 .post-image a {
        display: block;
    }
    .widjetComponent--3716 .post-content .category a {
        color: #000000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3716 .post-content .category a:hover {
        color: #000000;
    }
    .widjetComponent--3716 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3716 .widget-title a:hover {
        color: #000000;
    }
    .widjetComponent--3716 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3716 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3716 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3716 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3716 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3716 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3716 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3716">
            <style>
        .widjetComponent--title--3716.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #fff87a;
            text-align: flex-start;
        }
        .widjetComponent--title--3716.widget-title-base span {
            background: #fff87a;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/biatlon" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3716 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="/biatlon/79100-l-nn-svan-n-zascho-ne-pereydu-v-b-atlon-dlya-mene-lizhn-gonki---ce-vse.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.08.2020/d209d2ffd1a98f235b496b437ecc135d.jpeg&amp;size=320x210" class="wp-post-image" alt="Лінн Сван: «Нізащо не перейду в біатлон. Для мене лижні гонки - це все»">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/biatlon" class="post_term category investing">Біатлон</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/biatlon/79100-l-nn-svan-n-zascho-ne-pereydu-v-b-atlon-dlya-mene-lizhn-gonki---ce-vse.html" title="Лінн Сван: «Нізащо не перейду в біатлон. Для мене лижні гонки - це все»">Лінн Сван: «Нізащо не перейду в біатлон. Для мене лижні гонки - це все»</a>
                            <!--<a href="/biatlon/79100-l-nn-svan-n-zascho-ne-pereydu-v-b-atlon-dlya-mene-lizhn-gonki---ce-vse.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="/biatlon/79098-ngr-d-tandrevol-d-u-n-l-sson-bagato-yakostey-vazhliv-dlya-b-atlon-stki-mi-ne-hochemo-schob-vona-priyshla-peremogla-nas.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.08.2020/ebb4a237f3ed676a21a2f8f21216ce47.png&amp;size=320x210" class="wp-post-image" alt="Інгрід Тандревольд: «У Нільссон є багато якостей, важливі для біатлоністки. Ми не хочемо, щоб вона прийшла і перемогла нас»">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/biatlon" class="post_term category investing">Біатлон</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/biatlon/79098-ngr-d-tandrevol-d-u-n-l-sson-bagato-yakostey-vazhliv-dlya-b-atlon-stki-mi-ne-hochemo-schob-vona-priyshla-peremogla-nas.html" title="Інгрід Тандревольд: «У Нільссон є багато якостей, важливі для біатлоністки. Ми не хочемо, щоб вона прийшла і перемогла нас»">Інгрід Тандревольд: «У Нільссон є багато якостей, важливі для біатлоністки....</a>
                            <!--<a href="/biatlon/79098-ngr-d-tandrevol-d-u-n-l-sson-bagato-yakostey-vazhliv-dlya-b-atlon-stki-mi-ne-hochemo-schob-vona-priyshla-peremogla-nas.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="/biatlon/79094-myakyaryaynen-stala-trenerom-molod-zhno-komandi-vuokatt.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.08.2020/78f956aaeaac121990efa7526e318daa.png&amp;size=320x210" class="wp-post-image" alt="Мякяряйнен стала тренером молодіжної команди Вуокатті">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/biatlon" class="post_term category investing">Біатлон</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/biatlon/79094-myakyaryaynen-stala-trenerom-molod-zhno-komandi-vuokatt.html" title="Мякяряйнен стала тренером молодіжної команди Вуокатті">Мякяряйнен стала тренером молодіжної команди Вуокатті</a>
                            <!--<a href="/biatlon/79094-myakyaryaynen-stala-trenerom-molod-zhno-komandi-vuokatt.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="/biatlon/79087-darina-blashko-u-b-atlon-mene-nadiha-ul-sbyu-royselann.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.08.2020/dab9cac8a34aa59e5ef07d928510297d.png&amp;size=320x210" class="wp-post-image" alt="Дарина Блашко: «У біатлоні мене надихає Ульсбю-Ройселанн»">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/biatlon" class="post_term category investing">Біатлон</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/biatlon/79087-darina-blashko-u-b-atlon-mene-nadiha-ul-sbyu-royselann.html" title="Дарина Блашко: «У біатлоні мене надихає Ульсбю-Ройселанн»">Дарина Блашко: «У біатлоні мене надихає Ульсбю-Ройселанн»</a>
                            <!--<a href="/biatlon/79087-darina-blashko-u-b-atlon-mene-nadiha-ul-sbyu-royselann.html" title="Дарина Блашко: «У біатлоні мене надихає Ульсбю-Ройселанн»">Дарина Блашко: «У біатлоні мене надихає Ульсбю-Ройселанн»</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3716').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-3716 .entry").remove();');
                                $('#streem_append_block-3716 .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-3716').append(curstr);

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

                                                                            <style>
    .widjetComponent--3717 .post-image img {
        width: 100%;
    }
    .widjetComponent--3717 .post-image a {
        display: block;
    }
    .widjetComponent--3717 .post-content .category a {
        color: #000000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--3717 .post-content .category a:hover {
        color: #000000;
    }
    .widjetComponent--3717 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3717 .widget-title a:hover {
        color: #000000;
    }
    .widjetComponent--3717 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3717 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3717 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3717 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3717 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3717 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3717 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3717">
            <style>
        .widjetComponent--title--3717.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #fff87a;
            text-align: flex-start;
        }
        .widjetComponent--title--3717.widget-title-base span {
            background: #fff87a;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/hokey" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3717 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="/hokey/79106-dn-pro-vasilenkov-roz-rvali-kontrakt-cherez-3-tizhn-p-slya-p-dpisannya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.08.2020/69fc93c8feacbab1b0a6c26bea1fe00b.jpeg&amp;size=320x210" class="wp-post-image" alt="«Дніпро» і Василенков розірвали контракт через 3 тижні після підписання">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/hokey" class="post_term category investing">Хокей</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/hokey/79106-dn-pro-vasilenkov-roz-rvali-kontrakt-cherez-3-tizhn-p-slya-p-dpisannya.html" title="«Дніпро» і Василенков розірвали контракт через 3 тижні після підписання">«Дніпро» і Василенков розірвали контракт через 3 тижні після підписання</a>
                            <!--<a href="/hokey/79106-dn-pro-vasilenkov-roz-rvali-kontrakt-cherez-3-tizhn-p-slya-p-dpisannya.html" title="«Дніпро» і Василенков розірвали контракт через 3 тижні після підписання">«Дніпро» і Василенков розірвали контракт через 3 тижні після...</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="/hokey/79091-noviy-vid-sportu-hokey-na-rolikah.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.08.2020/831d6b5dd5fd575ee17d0b0a7f365882.png&amp;size=320x210" class="wp-post-image" alt="Новий вид спорту – хокей на роликах">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/hokey" class="post_term category investing">Хокей</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/hokey/79091-noviy-vid-sportu-hokey-na-rolikah.html" title="Новий вид спорту – хокей на роликах">Новий вид спорту – хокей на роликах</a>
                            <!--<a href="/hokey/79091-noviy-vid-sportu-hokey-na-rolikah.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="/hokey/79089-naykuryozn-sha-shayba-v-hoke-scho-vstanovila-rekord.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.08.2020/6059748675717fe857516337ad796fcd.jpeg&amp;size=320x210" class="wp-post-image" alt="Найкурйозніша шайба в хокеї, що встановила рекорд">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/hokey" class="post_term category investing">Хокей</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/hokey/79089-naykuryozn-sha-shayba-v-hoke-scho-vstanovila-rekord.html" title="Найкурйозніша шайба в хокеї, що встановила рекорд">Найкурйозніша шайба в хокеї, що встановила рекорд</a>
                            <!--<a href="/hokey/79089-naykuryozn-sha-shayba-v-hoke-scho-vstanovila-rekord.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="/hokey/79086-nhl-viznachilis-us-pari-pley-off-kubka-stenl.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.08.2020/c77e84d83421646d78dc316c0ba5c7a2.jpeg&amp;size=320x210" class="wp-post-image" alt="НХЛ: визначились усі пари плей-офф Кубка Стенлі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/hokey" class="post_term category investing">Хокей</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/hokey/79086-nhl-viznachilis-us-pari-pley-off-kubka-stenl.html" title="НХЛ: визначились усі пари плей-офф Кубка Стенлі">НХЛ: визначились усі пари плей-офф Кубка Стенлі</a>
                            <!--<a href="/hokey/79086-nhl-viznachilis-us-pari-pley-off-kubka-stenl.html" title="НХЛ: визначились усі пари плей-офф Кубка Стенлі">НХЛ: визначились усі пари плей-офф Кубка Стенлі</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3717').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-3717 .entry").remove();');
                                $('#streem_append_block-3717 .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-3717').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-1831-8 row-k-style" id="row-k-style-1831-8">
            <div class="row-k-width-1831-8 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3718 .post-image img {
        width: 100%;
    }
    .widjetComponent--3718 .post-image a {
        display: block;
    }
    .widjetComponent--3718 .post-content .category a {
        color: #000000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3718 .post-content .category a:hover {
        color: #000000;
    }
    .widjetComponent--3718 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3718 .widget-title a:hover {
        color: #000000;
    }
    .widjetComponent--3718 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3718 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3718 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3718 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3718 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3718 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3718 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3718">
            <style>
        .widjetComponent--title--3718.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #fff87a;
            text-align: flex-start;
        }
        .widjetComponent--title--3718.widget-title-base span {
            background: #fff87a;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/mma" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3718 widget-title-base">
        <span>MMA</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="/mma/87232-dzhess-ka-andrade-rozpov-la-yak-peremogti-valentinu-shevchenko.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.12.2020/7000cc74edd08852e3304cb7a65efe48.jpeg&amp;size=320x210" class="wp-post-image" alt="Джессіка Андраде розповіла, як перемогти Валентину Шевченко">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/mma" class="post_term category investing">ММА</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/mma/87232-dzhess-ka-andrade-rozpov-la-yak-peremogti-valentinu-shevchenko.html" title="Джессіка Андраде розповіла, як перемогти Валентину Шевченко">Джессіка Андраде розповіла, як перемогти Валентину Шевченко</a>
                            <!--<a href="/mma/87232-dzhess-ka-andrade-rozpov-la-yak-peremogti-valentinu-shevchenko.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="/mma/87092-dana-uayt-postavila-p-d-sumn-v-slova-dzhonsa-kom-s-ne-perev-ryayut-nayavn-st-marihuani.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.12.2020/9e6dfad41c76022367bcdfd451b56ecf.jpeg&amp;size=320x210" class="wp-post-image" alt="Дана Уайт поставила під сумнів слова Джонса: Комісії не перевіряють наявність марихуани">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/mma" class="post_term category investing">ММА</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/mma/87092-dana-uayt-postavila-p-d-sumn-v-slova-dzhonsa-kom-s-ne-perev-ryayut-nayavn-st-marihuani.html" title="Дана Уайт поставила під сумнів слова Джонса: Комісії не перевіряють наявність марихуани">Дана Уайт поставила під сумнів слова Джонса: Комісії не перевіряють наявність...</a>
                            <!--<a href="/mma/87092-dana-uayt-postavila-p-d-sumn-v-slova-dzhonsa-kom-s-ne-perev-ryayut-nayavn-st-marihuani.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="/mma/87091-bellator-vede-peregovori-z-edd-hern-schodo-organ-zac-b-yki-m-zh-kr-som-k-borgom-ta-ket-teylor.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.12.2020/38c5f8bb04df9547a271146a58320e79.jpeg&amp;size=320x210" class="wp-post-image" alt="Беллатор веде переговори з Едді Херні щодо організації бійки між Крісом Кіборгом та Кеті Тейлор">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/mma" class="post_term category investing">ММА</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/mma/87091-bellator-vede-peregovori-z-edd-hern-schodo-organ-zac-b-yki-m-zh-kr-som-k-borgom-ta-ket-teylor.html" title="Беллатор веде переговори з Едді Херні щодо організації бійки між Крісом Кіборгом та Кеті Тейлор">Беллатор веде переговори з Едді Херні щодо організації бійки між Крісом...</a>
                            <!--<a href="/mma/87091-bellator-vede-peregovori-z-edd-hern-schodo-organ-zac-b-yki-m-zh-kr-som-k-borgom-ta-ket-teylor.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="/mma/87049-rey-longo-trener-sterl-ng-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.12.2020/2683edbfd0a6f84fd91045f07693a1bd.jpeg&amp;size=320x210" class="wp-post-image" alt="Рей Лонго (тренер стерлінгів)">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/mma" class="post_term category investing">ММА</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/mma/87049-rey-longo-trener-sterl-ng-v.html" title="Рей Лонго (тренер стерлінгів)">Рей Лонго (тренер стерлінгів)</a>
                            <!--<a href="/mma/87049-rey-longo-trener-sterl-ng-v.html" title="Рей Лонго (тренер стерлінгів)">Рей Лонго (тренер стерлінгів)</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3718').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-3718 .entry").remove();');
                                $('#streem_append_block-3718 .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-3718').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-1831-9 row-k-style" id="row-k-style-1831-9">
            <div class="row-k-width-1831-9 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--3719 .post-image img {
        width: 100%;
    }
    .widjetComponent--3719 .post-image a {
        display: block;
    }
    .widjetComponent--3719 .post-content .category a {
        color: #000000;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--3719 .post-content .category a:hover {
        color: #000000;
    }
    .widjetComponent--3719 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--3719 .widget-title a:hover {
        color: #000000;
    }
    .widjetComponent--3719 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--3719 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--3719 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3719 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--3719 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--3719 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--3719 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--3719">
            <style>
        .widjetComponent--title--3719.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #fff87a;
            text-align: flex-start;
        }
        .widjetComponent--title--3719.widget-title-base span {
            background: #fff87a;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/Футзал" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--3719 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="/Футзал/79081-kap-tan-zb-rno-ukra-ni-z-futzalu-vanyak-pereyshov-v-ros-ys-kiy-orgh-m.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.08.2020/9290b2574d53ca935564400e03f7b1bc.jpeg&amp;size=320x210" class="wp-post-image" alt="Капітан збірної України з футзалу Іваняк перейшов в російський «Оргхім»">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/Футзал" class="post_term category investing">Футзал</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/Футзал/79081-kap-tan-zb-rno-ukra-ni-z-futzalu-vanyak-pereyshov-v-ros-ys-kiy-orgh-m.html" title="Капітан збірної України з футзалу Іваняк перейшов в російський «Оргхім»">Капітан збірної України з футзалу Іваняк перейшов в російський «Оргхім»</a>
                            <!--<a href="/Футзал/79081-kap-tan-zb-rno-ukra-ni-z-futzalu-vanyak-pereyshov-v-ros-ys-kiy-orgh-m.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="/Футзал/79221-hersons-kiy-prodeks-m-chemp-on-futzal-na-ekstra-l-ga-zavershena-dostrokovo.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.08.2020/e2510fec837d8cb0eb5d21d3ca7f8ff9.jpeg&amp;size=320x210" class="wp-post-image" alt="Херсонський Продексім – чемпіон. Футзальна Екстра-ліга завершена достроково">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/Футзал" class="post_term category investing">Футзал</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/Футзал/79221-hersons-kiy-prodeks-m-chemp-on-futzal-na-ekstra-l-ga-zavershena-dostrokovo.html" title="Херсонський Продексім – чемпіон. Футзальна Екстра-ліга завершена достроково">Херсонський Продексім – чемпіон. Футзальна Екстра-ліга завершена достроково</a>
                            <!--<a href="/Футзал/79221-hersons-kiy-prodeks-m-chemp-on-futzal-na-ekstra-l-ga-zavershena-dostrokovo.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="/Футзал/79222-u-fa-zm-niv-dati-provedennya-kval-f-kac-vro-2022-z-futzalu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.08.2020/68acbbc772a0081b59c73ddb945eabb2.jpeg&amp;size=320x210" class="wp-post-image" alt="УЄФА змінив дати проведення кваліфікації Євро-2022 з футзалу">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/Футзал" class="post_term category investing">Футзал</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/Футзал/79222-u-fa-zm-niv-dati-provedennya-kval-f-kac-vro-2022-z-futzalu.html" title="УЄФА змінив дати проведення кваліфікації Євро-2022 з футзалу">УЄФА змінив дати проведення кваліфікації Євро-2022 з футзалу</a>
                            <!--<a href="/Футзал/79222-u-fa-zm-niv-dati-provedennya-kval-f-kac-vro-2022-z-futzalu.html" title="УЄФА змінив дати проведення кваліфікації Євро-2022 з футзалу">УЄФА змінив дати проведення кваліфікації Євро-2022 з футзалу</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="/Футзал/79223-f-nal-chotir-oh-kubka-ukra-ni-z-futzalu-proyde-v-zapor-zhzh.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.08.2020/09381a4db8b1d7009e77a233e1de21ae.jpeg&amp;size=320x210" class="wp-post-image" alt="Фінал чотирьох Кубка України з футзалу пройде в Запоріжжі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/Футзал" class="post_term category investing">Футзал</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/Футзал/79223-f-nal-chotir-oh-kubka-ukra-ni-z-futzalu-proyde-v-zapor-zhzh.html" title="Фінал чотирьох Кубка України з футзалу пройде в Запоріжжі">Фінал чотирьох Кубка України з футзалу пройде в Запоріжжі</a>
                            <!--<a href="/Футзал/79223-f-nal-chotir-oh-kubka-ukra-ni-z-futzalu-proyde-v-zapor-zhzh.html" title="Фінал чотирьох Кубка України з футзалу пройде в Запоріжжі">Фінал чотирьох Кубка України з футзалу пройде в Запоріжжі</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-3719').length > 0) {
                /*const self = this;
                var ws = new WebSocket('wss://playout.mhu.news: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-3719 .entry").remove();');
                                $('#streem_append_block-3719 .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-3719').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-1831-10 row-k-style" id="row-k-style-1831-10">
            <div class="row-k-width-1831-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>
    
        
        <a href="#" id="go-top"><i class="fas fa-arrow-up"></i></a>

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


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


                                                                        addStyle("/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="/admin/axios.min.js"></script>
            <script src="https://cdn.jsdelivr.net/npm/vue"></script>
            <script src="/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>