<!--::result::time::02:26:27::App\Service\Components\Text\T04::-->
<!--::result::time::02:26:27::work: 0.0142 s::App\Service\Components\Text\T04::-->
<!--::result::time::02:26:27::App\Service\Components\Text\T04::-->
<!--::result::time::02:26:27::work: 0.0013 s::App\Service\Components\Text\T04::-->
<!--::result::time::02:26:27::App\Service\Components\Text\T04::-->
<!--::result::time::02:26:27::work: 0.121 s::App\Service\Components\Text\T04::-->
<!--::result::time::02:26:27::App\Service\Components\Text\T04::-->
<!--::result::time::02:26:27::getChildsMapIds work: 0.007 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::SELECT getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::work category: 4667,4731,4734,4736,4737,4744,4745::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::work count: 8::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::SELECT work: 0.002 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::POST getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::POST work: 0.0061 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::count work: 8 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::foreach work: 0.0273 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::getChildsMapIds work: 0.0009 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::SELECT getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::work category: 4742::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::work count: 1::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::SELECT work: 0.0009 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::POST getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::POST work: 0.0016 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::count work: 1 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::foreach work: 0.0055 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::getChildsMapIds work: 0 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::SELECT getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::work category: 4737::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::work count: 6::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::SELECT work: 0.0008 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::POST getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::POST work: 0.0026 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::count work: 6 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::foreach work: 0.0153 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::getChildsMapIds work: 0.0007 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::SELECT getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::work category: 4725::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::work count: 3::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::SELECT work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::POST getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::POST work: 0.0031 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::count work: 3 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::foreach work: 0.0099 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::work: 0.1582 s::App\Service\Components\Text\T04::-->
<!--::result::time::02:26:27::App\Service\Components\Text\T04::-->
<!--::result::time::02:26:27::getChildsMapIds work: 0.006 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::SELECT getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::work category: 4627,4722,4723,4725,4726,4727,4728,4746::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::work count: 3::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::SELECT work: 0.0009 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::POST getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::POST work: 0.0019 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::count work: 3 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::foreach work: 0.007 s::getPagesByCategoryLimit::-->
<!--::result::time::02:26:27::work: 0.0285 s::App\Service\Components\Text\T04::-->
<!--::result::time::02:26:27::work: 0.3467 s::-->
<!--::result::time::02:26:27::render work: 0.0627 s::-->
<!DOCTYPE html>
<html class="default-style" lang="ua">
    <head>
        <meta charset="UTF-8">
                <title>Військова журналістика Новини з фронту ЗСУ Збройні сили України російська агресія Новини України</title>

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

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

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

        <!--<link rel="stylesheet" href="/admin/vendor/libs/perfect-scrollbar/perfect-scrollbar.css">-->
        <link rel="stylesheet" href="/assets-param/style/font">
        <link rel="stylesheet" href="/assets-param/style/option">
                
        
                <style>
            .row-k-width-2424-0 {width:100%;max-width: initial;}
.row-k-style-2424-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-2424-1 {width:95%}
.row-k-style-2424-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-2424-2 {width:100%;max-width: initial;}
.row-k-style-2424-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-2425-0 {width:100%;max-width: initial;}
.row-k-style-2425-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-2425-1 {width:100%;max-width: initial;}
.row-k-style-2425-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-2425-2 {width:100%;max-width: initial;}
.row-k-style-2425-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-2425-3 {width:95%}
.row-k-style-2425-3 {background: linear-gradient(#fff,#fff)}

        </style>
                <style>
            .row-k-style {
                transition: all 0.3s ease;
            }
            .row-k-style.fixed-menu-bar {
                position: fixed;
                z-index: 9999;
                width: 100%;
                top: 0;
                padding: 5px;
                box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
            }
        </style>
    
                    <link href="https://cdn.jsdelivr.net/npm/video.js@6.6.2/dist/video-js.css" rel="stylesheet">
            <link href="https://cdn.jsdelivr.net/npm/vue-video-player@5.0.0/src/custom-theme.css" rel="stylesheet">
            <link href="https://unpkg.com/vue-slick-carousel@1.0.6/dist/vue-slick-carousel.css" rel="stylesheet">
            <link href="https://unpkg.com/vue-slick-carousel@1.0.6/dist/vue-slick-carousel-theme.css" rel="stylesheet">
            <link href="https://cdn.ukraine-inform.com/assets/video/videojs-vtt-thumbnails.css" rel="stylesheet">
                                                                		            <link rel="preload" href="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.09.2023/cf6f6ae2b2c63317b2db413251fbee3a.jpeg&size=850x560&ios=false" as="image">
			<meta property="og:title" content="Оперативна інформація станом на 10.00 27 вересня 2023 року щодо російського вторгнення">
			<meta property="og:description" content="Речник Генерального штабу Збройних Сил України Павло Ковальчук Слава Україні! Розпочалася п’ятсот вісімдесят перша доба широкомасштабної збройної агресії російської федерації проти України. Російські окупанти не перестають ігнорувати міжнародне гуманітарне право, обстрілюють не лише позиції українських...">
			<meta property="og:url" content="https://dnipro-inform.com/news-operativna-informaciya/130426-operativna-nformac-ya-stanom-na-10-00-27-veresnya-2023-roku-schodo-ros-ys-kogo-vtorgnennya.html">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.09.2023/cf6f6ae2b2c63317b2db413251fbee3a.jpeg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.09.2023/cf6f6ae2b2c63317b2db413251fbee3a.jpeg&size=1000<&ios=false">
			<meta property="og:site_name" content="Військова журналістика Новини з фронту ЗСУ Збройні сили України російська агресія Новини України">
			
            
            </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-2424-0 row-k-style" id="row-k-style-2424-0">
            <div class="row-k-width-2424-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style></style>
<header class="top hover new-nav" id="header-main" style="visibility: visible;">
    <div class="header_banner_container">
        <div class="header_banner_inner">
            <div class="header_banner_flag_9" style="height: 30px;white-space: nowrap;position: relative;/* width: 80%; */">
                 <div class="header_banner_accordion">
                                              <a href="/auth/login" style="padding-top: 4px;margin-right: 15px;">Увійти</a>
                        <a href="/auth/register">Зареєструватися</a>
                                     </div>
                 <div class="header_banner_accordion" style="    float: right;    margin-right: 121px;    position: absolute;    right: 0;">
                                            <a href="/autors" style="padding-top: 4px;margin-right: 15px;">Автори</a>
                        
                                    </div>
            </div>
        </div>
        
    </div>
    <div class="header-utility-nav">
        <div class="inner">
            <ul class="social-nav">
                <li class="social-item"><a href="https://www.facebook.com/press.zsu" target="_blank"
                                           rel="noopener noreferrer" title="Facebook"><span
                        class="social-icon fa fa-facebook social-link-1"></span></a></li>
                <li class="social-item"><a href="https://www.youtube.com/#" target="_blank"
                                           rel="noopener noreferrer" title="YouTube"><span
                        class="social-icon fa fa-youtube social-link-2"></span></a></li>
            </ul>
        </div>
    </div>
    <div class="header-main-nav-wrapper">
        <div class="header-inner">
            <div id="nav-burger" class="hide-on-mobile-nav-open" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div>
            <a class="logo" href="https://press-zsu.com" target=""> 
            <img src="/7_2.png" alt="press" title="press" style="    width: auto;    margin-right: 20px;"> <span style="width: auto;font-size: 14px;min-width: auto;text-transform: uppercase;"><span style="    font-style: initial;    margin: 0;    padding: 0;">Військова журналістика</span><br>
Новини з фронту</span> <!--<img src="/7.png" alt="press" title="press" style="width: auto;margin-left: 20px;">--></a>
            <nav class="main">
                <ul>
                    <li class="mobile-back"><a href="#"><i class="fa fa-chevron-left"></i>Повернутись</a></li>
                    <li class="mobile-home"><a href="/">Головна</a></li>
                    <li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li>
                    <li class="desktop-blank"></li>
                    <li class="parent top-level"><a href="/video" tabindex="0"
                                                    aria-expanded="false">Новини<span class="mobile-arrow"><i
                            class="fa fa-chevron-right"></i></span></a>
                        <div class="level2-container pin-right">
                            <ul class="level2">
                                <ul class="parent">
                                    <li class=""><a href="/video-novini-z-frontu"
                                                    tabindex="0"><span class="main">Новини з фронту</span></a></li>
                                    <li class=""><a href="/video-zbroyni-sili-ukraini"
                                                    tabindex="0"><span class="main">Збройні сили України</span></a></li>
                                    <li class=""><a href="/video-operativna-informaciya"
                                                    tabindex="0"><span class="main">Оперативна інформація</span></a></li>
                                    <li class=""><a href="/video-prezident-ukrayini" tabindex="0"><span
                                            class="main">Президент України</span></a></li>
                                    <li class=""><a href="/video-oblichchya-geroyiv"
                                                    tabindex="0"><span class="main">Обличчя героїв</span></a></li>
                                    <li class=""><a href="/video-volonteri" tabindex="0"><span
                                            class="main">Волонтери</span></a></li>
                                </ul>
                            </ul>
                        </div>
                    </li>
                    <li class="parent top-level"><a href="/press-zsu-contacts" tabindex="0"
                                                    aria-expanded="false">Контакти</a></li>
                </ul>
                <div class="nav-search-icon" tabindex="0">
                    <i class="fa fa-search"></i>
                </div>
                <div class="nav-search">
                    <form action="/news" method="post">
                        <label for="desktop-search" class="sr-only">Пошук</label>
                        <input id="desktop-search" name="Search[query]" title="Search" aria-label="Search" type="search" autocomplete="off" maxlength="256">
                        <button style="background: transparent;display: inline-block;" type="submit" class="search-icon" tabindex="0"><i class="fa fa-search" aria-label="Пошук"></i></button>
                        <span class="close-icon" tabindex="0"><i class="desktop-search-close" aria-label="Пошук"></i></span>
                    </form>
                </div>
                <div class="level2-backdrop">
                    <div class="backdrop-image"></div>
                </div>
            </nav>
        </div>
    </div>
    <div id="mobile-overlay"></div>
    <div id="nav-drawer">
        <div class="drawer-inner">
            <div id="nav-burger" class="internal" aria-role="button" aria-label="toggle navigation">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="search-wrap">
                <form action="/news" method="post">
                    <label for="mobile-search" class="sr-only">Search</label>
                    <input style="height: 37px" id="mobile-search" type="search" title="Search">
                    <span id="search-main-icon"><i class="fa fa-search"></i></span>
                    <a href="#" class="skin-search-go">Пошук</a>
                </form>
            </div>
            <nav>
                <div class="primary">
                    <ul>
                        <li class="mobile-back"><a href="#"><i class="fa fa-chevron-left"></i>Повернутись</a></li>
                        <li class="mobile-home"><a href="/">Головна</a></li>
                        <li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li>
                        <li class="desktop-blank"></li>
                        <li class="parent top-level"><a href="/video" tabindex="0"
                                                        aria-expanded="false">Новини<span class="mobile-arrow"><i
                                class="fa fa-chevron-right"></i></span></a>
                            <div class="level2-container pin-right">
                                <ul class="level2">
                                    <ul class="parent">
                                        <li class=""><a href="/video-novini-z-frontu"
                                                        tabindex="0"><span class="main">Новини з фронту</span></a></li>
                                        <li class=""><a href="/video-zbroyni-sili-ukraini"
                                                        tabindex="0"><span class="main">Збройні сили України</span></a></li>
                                        <li class=""><a href="/video-operativna-informaciya"
                                                        tabindex="0"><span class="main">Оперативна інформація</span></a></li>
                                        <li class=""><a href="/video-prezident-ukrayini" tabindex="0"><span
                                                class="main">Президент України</span></a></li>
                                        <li class=""><a href="/video-oblichchya-geroyiv"
                                                        tabindex="0"><span class="main">Обличчя героїв</span></a></li>
                                        <li class=""><a href="/video-volonteri" tabindex="0"><span
                                                class="main">Волонтери</span></a></li>
                                    </ul>
                                </ul>
                            </div>
                        </li>
                        <li class="parent top-level"><a href="/press-zsu-contacts" tabindex="0"
                                                        aria-expanded="false">Контакти</a></li>
                    </ul>
                </div>
                <div class="social">
                    <ul class="social-nav">
                        <li class="social-item"><a href="https://www.facebook.com/#" target="_blank" rel="noopener noreferrer" title="Facebook">
                            <span class="social-icon fa fa-facebook social-link-1"></span></a></li>
                        <li class="social-item"><a href="https://www.youtube.com/#" target="_blank" rel="noopener noreferrer" title="YouTube">
                            <span class="social-icon fa fa-youtube social-link-2"></span></a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
</header>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        (function (window) {
            $(document).ready(function () {
                // STATE ------------------------------------------------------------------------------------------------------
                var isOverMainNav = false;
                var $header = $("#header-main");
                var $html = $("html");
                var lastScrollTop = 0;
                var delta = {up: 200, down: 2};
                var resizeTimer;

                // FUNCTIONS --------------------------------------------------------------------------------------------------
                /**
                 * Toggles the open/close state of the mobile nav and the fade state of the overlay
                 */
                function toggleMobileNav() {
                    $html.toggleClass("nav-open");
                    $("#mobile-overlay").fadeToggle(200);
                }

                /**
                 * Hides or shows the down arrows depending on if mobile menu icon is visible or not
                 */
                function processChevronDown() {
                    $("nav.main .fa-chevron-down").hide();

                    if ($("#nav-burger").is(":hidden")) {
                        $("nav.main li.parent.top-level .fa-chevron-down").show();
                    } else {
                        $("nav.main li.parent.top-level .fa-chevron-down").hide();
                    }
                }

                /**
                 * Turns on hover state for current item and header
                 * @param {Object} currentItem jquery object of nav item
                 */
                function overMainNav(currentItem) {
                    //resets
                    isOverMainNav = true;
                    $(".main .top-level.hover").removeClass("hover");
                    $("#header-main .main").removeClass("parent");

                    currentItem.addClass("hover");
                    currentItem.closest(".main").addClass("hover");
                    $("#header-main").addClass("hover"); //.addClass("border");

                    $("nav.main > ul > li.top-level.parent").on(
                        "scroll touchmove mousewheel",
                        function (e) {
                            e.preventDefault();
                            e.stopPropagation();
                            return false;
                        }
                    );
                    setTimeout(function () {
                        $("#header-main .main").addClass("already-open");
                    }, 150);
                }

                /**
                 * Removes the hover state for main menu items
                 */
                function offMainNav() {
                    isOverMainNav = false;
                    setTimeout(function () {
                        if (!isOverMainNav) {
                            $("#header-main .main").removeClass("already-open");
                        }
                    }, 100);
                    setTimeout(function () {
                        if (!isOverMainNav) {
                            $("#header-main .hover").removeClass("hover");
                            $("#header-main").removeClass("border");
                            $(".top-level.hover").removeClass("hover");
                        }
                    }, 200);
                }

                /**
                 * Display the desktop version of the search controls
                 */
                function showSearch() {
                    var searchOverlayWidth = $(".header-inner .main").outerWidth(true);
                    var searchOverlayRight = -60;
                    var isIE11 = !!navigator.userAgent.match(/Trident.*rv\:11\./);
                    if (isIE11) {
                        var navMainWidth = $("nav.main").width();
                        var navSearchWidth = $(".nav-search").width();
                        searchOverlayRight = -1 * (navMainWidth - navSearchWidth + 10);
                    }
                    $(".nav-search-icon").hide();
                    $(".nav-search").show().animate({right: searchOverlayRight});
                    $(".nav-search").width(searchOverlayWidth);
                }

                /**
                 * Hides the desktop version of the search controls
                 */
                function hideSearch() {
                    var searchOverlayWidth = $(".header-inner .main").outerWidth(true);
                    $(".nav-search").hide().animate({right: -Math.abs(searchOverlayWidth + 200)});
                    $(".nav-search-icon").show();
                }

                /**
                 * Toggles the focus state of the mobile search controls
                 */
                function toggleMobileSearch() {
                    $(".search-wrap").toggleClass("focus");
                }

                /**
                 * Sets the position of level 2 container elements based on the horizontal space available
                 */
                function setLevel2Position() {
                    $("nav.main .level2-container").each(function () {
                        var w = Math.floor(document.body.getBoundingClientRect().right - $(this).parent("li")[0].getBoundingClientRect().left - 10);
                        var thisWidth = $(this).outerWidth();
                        if (w < thisWidth) $(this).addClass("pin-right");
                        else $(this).removeClass("pin-right");
                    });
                }

                /**
                 * Sets the class of the header based on the window scroll position
                 */
                function calculateHeaderClass() {
                    var y = window.pageYOffset;
                    if (y - delta.down > lastScrollTop) {
                        //keep track of tucked
                        if (y > 1) {
                            $header.addClass("tucked");
                        }
                        lastScrollTop = y;
                    } else if (y + delta.up < lastScrollTop || y < delta.down) {
                        $header.removeClass("tucked");
                        lastScrollTop = y;
                    }

                    if (y < delta.down) {
                        //keep track of top
                        $header.addClass("top");
                        top = true;
                    } else if (y > delta.down) {
                        $header.removeClass("top");
                        // close the banner accordion if we scroll down and the banner was open
                        if ($("body").hasClass("header-banner-is-open")) {
                            $(".header_banner_accordion").click();
                        }
                        top = false;
                    }

                    if (y - delta.down > lastScrollTop || y + delta.up < lastScrollTop)
                        //keep track only outside of delta range
                        lastScrollTop = y;

                }

                // this function is used to go back to the parent level on the mobile menu
                function closeMobileNavWithDelay(delay) {
                    $(".mobile-back, .mobile-level1-placeholder").hide();
                    $(".show-active li").hide("slide", {direction: "right"}, delay);
                    $(".top-level").show("slide", {direction: "left"}, delay);
                    $(".mobile-home").show("slide", {direction: "left"}, delay);
                }

                // EVENTS -----------------------------------------------------------------------------------------------------

                // when the mobile menu icon is clicked, hide all of the down arrows used in the desktop menu
                $("#nav-burger").on("click", function () {
                    $("#nav-drawer .fa-chevron-down").hide();
                    $("body").addClass("fixed");
                    toggleMobileNav();
                });

                // when the mobile menu close (X) icon is clicked, show all of the down arrows used in the desktop menu
                $("#nav-burger.internal").on("click", function () {
                    $("#nav-drawer .fa-chevron-down").show();
                    $("body").removeClass("fixed");
                    closeMobileNavWithDelay(0);
                    toggleMobileNav();
                });

                // resize events for the mobile menu
                $(window).on("resize", function () {
                    if ($('nav.main').is(":visible") && $html.hasClass("nav-open")) {
                        toggleMobileNav();
                        closeMobileNavWithDelay(0);
                        $("body").removeClass("fixed");
                    } else {
                        // reset the position of level 2 menus when the screen is resized
                        //(they move left or right aligned depending horizontal space available)
                        clearTimeout(resizeTimer);
                        resizeTimer = setTimeout(function () {
                            setLevel2Position();
                        }, 250);
                    }

                    processChevronDown();
                });

                // Hover/focus events for top level menu items
                $("nav.main > ul > li.top-level").on('mouseenter focusin',
                    function () {
                        overMainNav($(this));
                    }
                );
                $("nav.main > ul > li.top-level").on('mouseleave focusout',
                    function () {
                        offMainNav();
                    }
                );

                // When the mouse leaves the document window, turn off the main nav
                $(document).mouseleave(function () {
                    offMainNav();
                });

                $(".nav-search-icon").on("click keypress", function (e) {
                    if (e.type === "keypress" && e.which === 13 || e.type === "click") {
                        showSearch();
                    }
                });

                $(".close-icon").on("click keypress", function (e) {
                    if (e.type === "keypress" && e.which === 13 || e.type === "click") {
                        hideSearch();
                    }
                });

                // Mobile menu primary link click event
                $(".drawer-inner .primary > ul > li > a").on("click", function (e) {
                    var hasChildren = $(this).parent().hasClass("parent");
                    if (
                        $(this).parent().hasClass("mobile-level1-placeholder") ||
                        $(this).parent().hasClass("mobile-back") ||
                        $(this).attr("href") === "/" ||
                        !hasChildren
                    ) {
                        return;
                    }

                    // Remove href from second level entries.
                    $("ul.level2 > li > a").removeAttr("href");

                    e.preventDefault();

                    $("#nav-drawer .social").hide();

                    $(".primary").hide();

                    $(".top-level").hide();

                    var menuToShow = $(this).parent().find("> .level2-container > ul");
                    $(this).parent().find("ul, li").show();
                    menuToShow.addClass("show-active");

                    var activeParent = $(this);
                    $(".mobile-level1-placeholder a").text(activeParent.text());
                    // First-level with children must be clickable. Overriding hard-coded href # in Menu.txt for placeholder.
                    $(".mobile-level1-placeholder a").attr("href", activeParent.attr("href"));
                    $(".mobile-level1-placeholder").show();
                    $(".mobile-back").show();
                    $(".mobile-home").hide();

                    var menuContainer = $("#nav-drawer nav .primary");
                    menuToShow.clone().appendTo(menuContainer);

                    $(".primary").show("slide", {direction: "right"}, 200);

                    $("#nav-drawer .social").delay(200).fadeIn();
                });

                // Mobile menu back button click event
                $(".mobile-back").on("click", function () {
                    const delay = 200;
                    closeMobileNavWithDelay(delay);
                });

                $(".mobile-back a").on("click", function (e) {
                    e.preventDefault();
                });

                // Focus and blur events for the mobile search controls
                $("#header-main input[type=search]").on('focus blur', function () {
                    toggleMobileSearch();
                });

                $('#search-main-icon').on('click', function () {
                    $('#mobile-search').focus();
                });

                // INITIAL ACTIONS --------------------------------------------------------------------------------------------
                processChevronDown();
                setLevel2Position();

                $("nav.main .top-level .level2 > li > a").attr("tabindex", -1);

                // PW_KYMST-1325: Add external link icons in menu
                $("#header-main > div > nav.main ul li a, #header-main > div > div > nav > div.primary > ul li a").each(function () {
                    var a = this;
                    if (a.hostname !== window.location.hostname && a.target === "_blank") {
                        $(a).append('<i class="fas fa-external-link-alt"></i>');
                    }
                });

                // Initially hide the Home button on the primary mobile menu
                $("div.primary > ul > li.top-level a:contains('Home')").hide();

                // Initially hide the mobile-arrow elements for top level elements in the mobile menu that are not parents
                $(".drawer-inner .top-level:not(.parent)").find(".mobile-arrow").remove();


                // If there is a jquery header object, set up the window scroll event, set the header visible and set its class
                // Cases where there might not be a header include landing page style layouts
                if ($header.length > 0) {

                    window.onscroll = function () {
                        calculateHeaderClass();
                    };

                    $header.css("visibility", "visible");
                    calculateHeaderClass();
                }
            });
        })(window);
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2425-0 row-k-style" id="row-k-style-2425-0">
            <div class="row-k-width-2425-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style></style>
<div id="dnn_ContentPaneBanner" class="paneMarker">
    <div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3202">
        <div class="empty-container base-container">
            <div id="dnn_ctr3202_ContentPane">
                <div id="featArticles" class="featArticles alist">
                    <div id="dnn_ctr3202_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
                        <div id="dnn_ctr3202_Dashboard_ph">
                            <div id="featArticles" class="featArticles alist">
                                <div class="story-slider-wrap posts-base">
                                    <div class="banner-slider">
                                        <div class="banner-item">
                                            <div class="featStory item item-1 item-3254563" style="padding-top: 10px;padding-bottom: 0;">
                                                <div class="content-wrap">
                                                    <figure class="post-video">
                                                        <div class="dgov-grid dgov-grid-bleed dgov-align-center dgov-justify-space-between" style="padding-top: 25px;">
                                                            <div class="dgov-col-sm-5 dgov-order-sm-1" style="position: relative;" posts-base-element="ye" outtype="1" filter="5" countposts="1">
                                                                <div class="image-wrap story-img-wrap dgov-card dgov-card-3 text-right"
                                                                     style="position: absolute;width: 100%;height: 100%;top: 0;"
                                                                     data-videomp4="[!data-videomp4!]"
                                                                     data-videoid="[!data-videoid!]"
                                                                     data-videohls="[!data-videohls!]"
                                                                     data-link="[!data-link!]"
                                                                     data-videothumbnails="[!data-videothumbnails!]"
                                                                     data-videoanimation="[!data-videoanimation!]">
                                                                    <div class="image-wrap-wrap" style="min-height: 380px;">
                                                                        <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.09.2023/cf6f6ae2b2c63317b2db413251fbee3a.jpeg&size=850x560)"></div>
                                                                        <img class="story-img" alt="Оперативна інформація станом на 10.00 27 вересня 2023 року щодо російського вторгнення" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.09.2023/cf6f6ae2b2c63317b2db413251fbee3a.jpeg&size=850x560">
                                                                    </div>
                                                                </div>
                                                                <figcaption style="width: 100%;background: rgb(0 0 0 / 15%);min-height: 380px;">
                                                                    <span class="content-type">
                                                                        <a class="content-type-text" href="/"><span></span></a>
                                                                        <time data-dateago="27.09.2023" data-dateap="27.09.2023">27.09.2023</time>
                                                                    </span>
                                                                    <h2 class="title" style="font-size: 1.2rem"><span>Оперативна інформація станом на 10.00 27 вересня 2023 року щодо російського вторгнення</span></h2>
                                                                    <p class="summary">


Речник Генерального штабу Збройних Сил України Павло Ковальчук
&nbsp;Слава Україні! Розпочалася п&rsquo;ятсот вісімдесят перша доба широкомасштабної збройної агресії російської федерації пр</p>
                                                                </figcaption>
                                                                <a class="link-overlay" href="/news-operativna-informaciya/130426-operativna-nformac-ya-stanom-na-10-00-27-veresnya-2023-roku-schodo-ros-ys-kogo-vtorgnennya.html"><span class="sr-only">Оперативна інформація станом на 10.00 27 вересня 2023 року щодо російського вторгнення</span></a>
                                                            </div>
                                                            <div class="dgov-col-sm-7 dgov-order-sm-2">
                                                                <div class="dgov-grid" posts-base-element="ye" outtype="1" filter="6" countposts="4" style="margin: 40px 15px 15px 15px;">
                                                                    <div class="dgov-col-sm-6">
                                                                        <div class="item item-2 item-3252968 item-even">
                                                                            <figure class="post-video">
                                                                                <div class="" style="margin:0" data-videomp4="https://media.ukraine-inform.com/upload/video/27.09.2023/4ce182bc79f1ac5126abb7e96db417e2/7ae07593847fb557eb78689121d34405.mp4"
                                                                                     data-videoid="5666"
                                                                                     data-videohls="https://media.ukraine-inform.com/upload/video/27.09.2023/4ce182bc79f1ac5126abb7e96db417e2/sprite_hls_manifest.m3u8"
                                                                                     data-link="/video-prezident-ukrayini/130428-zvernennya-volodimira-zelens-kogo-naprik-nc-580-go-dnya-v-yni.html"
                                                                                     data-videothumbnails="https://media.ukraine-inform.com/upload/video/27.09.2023/4ce182bc79f1ac5126abb7e96db417e2/timeline"
                                                                                     data-videoanimation="https://media.ukraine-inform.com/upload/video/27.09.2023/4ce182bc79f1ac5126abb7e96db417e2/gif/video1.webp">
                                                                                    <div class="dgov-col-12 dgov-col-xs-12 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-12">
                                                                                        <figcaption style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/27.09.2023/4ce182bc79f1ac5126abb7e96db417e2/032202620b4ca37ba70f8b5e98a6f105_poster.jpg&size=851x561);background-size: cover;height: 177px;margin: 0 0.9rem 0 0;">
                                                                                            <span class="category">
                                                                                                <a class="content-type-text" href="/" style="font-size: 12px;margin-left: 0;"><span></span></a>
                                                                                            </span>
                                                                                            <h3 class="title" style="font-weight: 300;font-size: 16px;color:#fff"><span>Звернення Володимира Зеленського наприкінці 580-го дня війни</span></h3>
                                                                                            <p class="summary hide">


&laquo;Провів сьогодні Ставку. Кілька головних питань. Перше &ndash; конкретна ситуація на фронті, наші наступальні дії, оборонні операції. Важливі доповіді по сходу, півдню, також по знищен</p>
                                                                                            <a class="btn btn-primary btn-primary-ghost hide" href="/video-prezident-ukrayini/130428-zvernennya-volodimira-zelens-kogo-naprik-nc-580-go-dnya-v-yni.html"> Більше</a>
                                                                                            <a class="link-overlay" href="/video-prezident-ukrayini/130428-zvernennya-volodimira-zelens-kogo-naprik-nc-580-go-dnya-v-yni.html"><span class="sr-only">Звернення Володимира Зеленського наприкінці 580-го дня війни</span></a>
                                                                                        </figcaption>
                                                                                    </div>
                                                                                </div>
                                                                            </figure>
                                                                            <div class="clearfix"></div>
                                                                        </div>
                                                                    </div>
                                                                
                                                                    <div class="dgov-col-sm-6">
                                                                        <div class="item item-2 item-3252968 item-even">
                                                                            <figure class="post-video">
                                                                                <div class="" style="margin:0" data-videomp4="[!data-videomp4!]"
                                                                                     data-videoid="[!data-videoid!]"
                                                                                     data-videohls="[!data-videohls!]"
                                                                                     data-link="[!data-link!]"
                                                                                     data-videothumbnails="[!data-videothumbnails!]"
                                                                                     data-videoanimation="[!data-videoanimation!]">
                                                                                    <div class="dgov-col-12 dgov-col-xs-12 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-12">
                                                                                        <figcaption style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.09.2023/6408cb5376be5a3d56f80abadf93ff53.jpeg&size=851x561);background-size: cover;height: 177px;margin: 0 0.9rem 0 0;">
                                                                                            <span class="category">
                                                                                                <a class="content-type-text" href="/" style="font-size: 12px;margin-left: 0;"><span></span></a>
                                                                                            </span>
                                                                                            <h3 class="title" style="font-weight: 300;font-size: 16px;color:#fff"><span>Оперативна інформація станом на 10.00 17.09.2023 щодо російського вторгнення</span></h3>
                                                                                            <p class="summary hide">


Речник Генерального штабу Збройних Сил України Павло Ковальчук.
Слава Україні! Розпочалася п&rsquo;ятсот сімдесят перша доба широкомасштабної збройної агресії російської федерації проти Укр</p>
                                                                                            <a class="btn btn-primary btn-primary-ghost hide" href="/news-operativna-informaciya/130276-operativna-nformac-ya-stanom-na-10-00-17-09-2023-schodo-ros-ys-kogo-vtorgnennya.html"> Більше</a>
                                                                                            <a class="link-overlay" href="/news-operativna-informaciya/130276-operativna-nformac-ya-stanom-na-10-00-17-09-2023-schodo-ros-ys-kogo-vtorgnennya.html"><span class="sr-only">Оперативна інформація станом на 10.00 17.09.2023 щодо російського вторгнення</span></a>
                                                                                        </figcaption>
                                                                                    </div>
                                                                                </div>
                                                                            </figure>
                                                                            <div class="clearfix"></div>
                                                                        </div>
                                                                    </div>
                                                                
                                                                    <div class="dgov-col-sm-6">
                                                                        <div class="item item-2 item-3252968 item-even">
                                                                            <figure class="post-video">
                                                                                <div class="" style="margin:0" data-videomp4="[!data-videomp4!]"
                                                                                     data-videoid="[!data-videoid!]"
                                                                                     data-videohls="[!data-videohls!]"
                                                                                     data-link="[!data-link!]"
                                                                                     data-videothumbnails="[!data-videothumbnails!]"
                                                                                     data-videoanimation="[!data-videoanimation!]">
                                                                                    <div class="dgov-col-12 dgov-col-xs-12 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-12">
                                                                                        <figcaption style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.09.2023/8f3e1969866f5617e834f029f9148909.jpeg&size=851x561);background-size: cover;height: 177px;margin: 0 0.9rem 0 0;">
                                                                                            <span class="category">
                                                                                                <a class="content-type-text" href="/" style="font-size: 12px;margin-left: 0;"><span></span></a>
                                                                                            </span>
                                                                                            <h3 class="title" style="font-weight: 300;font-size: 16px;color:#fff"><span>Оперативна інформація станом на 10.00 16 вересня 2023 року щодо російського вторгнення</span></h3>
                                                                                            <p class="summary hide">


Речник Генерального штабу Збройних Сил України Павло Ковальчук
Слава Україні! Розпочалася п&rsquo;ятсот сімдесята доба широкомасштабної збройної агресії російської федерації проти України.
</p>
                                                                                            <a class="btn btn-primary btn-primary-ghost hide" href="/news-operativna-informaciya/130275-operativna-nformac-ya-stanom-na-10-00-16-veresnya-2023-roku-schodo-ros-ys-kogo-vtorgnennya.html"> Більше</a>
                                                                                            <a class="link-overlay" href="/news-operativna-informaciya/130275-operativna-nformac-ya-stanom-na-10-00-16-veresnya-2023-roku-schodo-ros-ys-kogo-vtorgnennya.html"><span class="sr-only">Оперативна інформація станом на 10.00 16 вересня 2023 року щодо російського вторгнення</span></a>
                                                                                        </figcaption>
                                                                                    </div>
                                                                                </div>
                                                                            </figure>
                                                                            <div class="clearfix"></div>
                                                                        </div>
                                                                    </div>
                                                                
                                                                    <div class="dgov-col-sm-6">
                                                                        <div class="item item-2 item-3252968 item-even">
                                                                            <figure class="post-video">
                                                                                <div class="" style="margin:0" data-videomp4="https://media.ukraine-inform.com/upload/video/15.09.2023/c53933e153a95a4a2934b853fd8163a9/42dc0737e6159d23486564617daed852.mp4"
                                                                                     data-videoid="5653"
                                                                                     data-videohls="https://media.ukraine-inform.com/upload/video/15.09.2023/c53933e153a95a4a2934b853fd8163a9/sprite_hls_manifest.m3u8"
                                                                                     data-link="/video-prezident-ukrayini/130253-zvernennya-volodimira-zelens-kogo-naprik-nc-568-go-dnya-v-yni.html"
                                                                                     data-videothumbnails="https://media.ukraine-inform.com/upload/video/15.09.2023/c53933e153a95a4a2934b853fd8163a9/timeline"
                                                                                     data-videoanimation="https://media.ukraine-inform.com/upload/video/15.09.2023/c53933e153a95a4a2934b853fd8163a9/gif/video1.webp">
                                                                                    <div class="dgov-col-12 dgov-col-xs-12 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-12">
                                                                                        <figcaption style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/15.09.2023/c53933e153a95a4a2934b853fd8163a9/02fe30b4e6f02e0371cb900b04816942_poster.jpg&size=851x561);background-size: cover;height: 177px;margin: 0 0.9rem 0 0;">
                                                                                            <span class="category">
                                                                                                <a class="content-type-text" href="/" style="font-size: 12px;margin-left: 0;"><span></span></a>
                                                                                            </span>
                                                                                            <h3 class="title" style="font-weight: 300;font-size: 16px;color:#fff"><span>Звернення Володимира Зеленського наприкінці 568-го дня війни</span></h3>
                                                                                            <p class="summary hide">


&laquo;Хороший результат є сьогодні в нашій співпраці з Міжнародним кримінальним судом. Результат, який точно наближає відповідальність за російські злочини війни. В Україні запрацював польо</p>
                                                                                            <a class="btn btn-primary btn-primary-ghost hide" href="/video-prezident-ukrayini/130253-zvernennya-volodimira-zelens-kogo-naprik-nc-568-go-dnya-v-yni.html"> Більше</a>
                                                                                            <a class="link-overlay" href="/video-prezident-ukrayini/130253-zvernennya-volodimira-zelens-kogo-naprik-nc-568-go-dnya-v-yni.html"><span class="sr-only">Звернення Володимира Зеленського наприкінці 568-го дня війни</span></a>
                                                                                        </figcaption>
                                                                                    </div>
                                                                                </div>
                                                                            </figure>
                                                                            <div class="clearfix"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </figure>
                                                </div>

                                            </div>
                                            <div class="featStoryImg">
                                                <div class="image-wrap">
                                                    <div class="image-replacement" style="background-image: url([!image!])"></div>
                                                    <img alt="" src="[!image!]">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2425-1 row-k-style" id="row-k-style-2425-1">
            <div class="row-k-width-2425-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style></style>
<div class="slice-angle slice-angle-gray slice-angle-down-top">
    <div class="page-wrap staggered-cutout">
        <div id="ContentPanePage84" class="row staggered-cutout-84">
            <div id="dnn_ContentPanePage8X" class="paneMarker col-lg-8">
                <div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3203">
                    <div class="empty-container base-container">
                        <div id="dnn_ctr3203_ContentPane">
                            <!-- Start_Module_3203 -->
                            <h2 class="tab-title">
                                <a href="/news">Новини<i class="fas fa-chevron-right"></i></a>
                            </h2>
                            <div id="dnn_ctr3203_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
                                <div id="dnn_ctr3203_Dashboard_ph">
                                    <div id="storyListing-3203">
                                        <div id="alist" class="alist stories News-list">
                                            <div class="alist-inner alist-more-here">
                                                <div class="feature-template">
                                                    <div class="feature-template-container" posts-base-element="ye" outtype="2" categorytype="5" countposts="8" category="4667">
                                                        <div class="listing-dashboard-with-preview listing-with-preview item explore-item posts-base">
                                                            <figure class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" data-videomp4="https://media.ukraine-inform.com/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/89d14464990adc2e72efe1e1871f8f13.mp4" 
data-videoid="5625" 
data-videohls="https://media.ukraine-inform.com/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/sprite_hls_manifest.m3u8" 
data-link="/video-zbroyni-sili-ukraini/130001-v-ta-mo-z-svyatom-nezalezhnost-ukra-no.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/gif/video1.webp">
                                                                    <div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
                                                                        <div class="image-wrap"><!---->
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/0a22c635e957e46afa95eb3afedd8976_poster.jpg&size=850x560);"></div>
                                                                                <img alt="" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/0a22c635e957e46afa95eb3afedd8976_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
                                                                        <figcaption>
                                                                            <span class="category">
                                                                                <a href="/" class="content-type-text feature content-type-800">
                                                                                    <span></span>
                                                                                </a>
                                                                                <span class="separator">|</span> <time data-dateago="24.08.2023" data-dateap="24.08.2023">24.08.2023</time>
                                                                            </span>
                                                                            <h3 class="title"><span>Вітаємо зі святом незалежності, Україно!</span></h3>
                                                                            <p class="summary hidden-xs hidden-xxs">


Разом ми здатні до великих здобутків, перемоги, і майбутнє належить нам!
Слава Україні! Героям слава!
115 окрема механізована бригада Збройних Сил України
&nbsp;


&nbsp;

</p>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a href="/video-zbroyni-sili-ukraini/130001-v-ta-mo-z-svyatom-nezalezhnost-ukra-no.html" class="link-overlay"><span class="sr-only">Вітаємо зі святом незалежності, Україно!</span></a>
                                                                </div>
                                                            </figure>
                                                            <div style="clear: both;"></div>
                                                        </div>
                                                    
                                                        <div class="listing-dashboard-with-preview listing-with-preview item explore-item posts-base">
                                                            <figure class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" data-videomp4="https://media.ukraine-inform.com/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/4816565810266d99a58c63bbad479ebd.mp4" 
data-videoid="5613" 
data-videohls="https://media.ukraine-inform.com/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/sprite_hls_manifest.m3u8" 
data-link="/video-zbroyni-sili-ukraini/129826-bazova-p-dgotovka-b-yc-v-osnovn-etapi.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/gif/video1.webp">
                                                                    <div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
                                                                        <div class="image-wrap"><!---->
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/8f695c50e68af0e949811f3a13105f86_poster.jpg&size=850x560);"></div>
                                                                                <img alt="" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/8f695c50e68af0e949811f3a13105f86_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
                                                                        <figcaption>
                                                                            <span class="category">
                                                                                <a href="/" class="content-type-text feature content-type-800">
                                                                                    <span></span>
                                                                                </a>
                                                                                <span class="separator">|</span> <time data-dateago="17.08.2023" data-dateap="17.08.2023">17.08.2023</time>
                                                                            </span>
                                                                            <h3 class="title"><span>Базова підготовка бійців: основні етапи</span></h3>
                                                                            <p class="summary hidden-xs hidden-xxs">


Навчитися військової справи з нуля за 35 днів, освоїти нову для себе професію та захистити рідну країну – це все про базову військовий вишкіл в навчальному центрі. 
 
Інструктор майстер-се</p>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a href="/video-zbroyni-sili-ukraini/129826-bazova-p-dgotovka-b-yc-v-osnovn-etapi.html" class="link-overlay"><span class="sr-only">Базова підготовка бійців: основні етапи</span></a>
                                                                </div>
                                                            </figure>
                                                            <div style="clear: both;"></div>
                                                        </div>
                                                    
                                                        <div class="listing-dashboard-with-preview listing-with-preview item explore-item posts-base">
                                                            <figure class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" data-videomp4="https://media.ukraine-inform.com/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/11a0b909a152ddb7f6c9ee2ad0848322.mp4" 
data-videoid="5612" 
data-videohls="https://media.ukraine-inform.com/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/sprite_hls_manifest.m3u8" 
data-link="/video-zbroyni-sili-ukraini/129825-znachennya-ta-proces-boyovogo-zlagodzhennya-v-ys-kovih-p-drozd-l-v.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/gif/video1.webp">
                                                                    <div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
                                                                        <div class="image-wrap"><!---->
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/e44b48881de8fd3fd75d6e2c127d07e6_poster.jpg&size=850x560);"></div>
                                                                                <img alt="" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/e44b48881de8fd3fd75d6e2c127d07e6_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
                                                                        <figcaption>
                                                                            <span class="category">
                                                                                <a href="/" class="content-type-text feature content-type-800">
                                                                                    <span></span>
                                                                                </a>
                                                                                <span class="separator">|</span> <time data-dateago="16.08.2023" data-dateap="16.08.2023">16.08.2023</time>
                                                                            </span>
                                                                            <h3 class="title"><span>Значення та процес бойового злагодження військових підрозділів</span></h3>
                                                                            <p class="summary hidden-xs hidden-xxs">


Після обов&rsquo;язкового проходження всіма мобілізованими базової, а деякими з них ще й фахової підготовки починається найскладніший етап навчання &ndash; бойове злагодження військових підр</p>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a href="/video-zbroyni-sili-ukraini/129825-znachennya-ta-proces-boyovogo-zlagodzhennya-v-ys-kovih-p-drozd-l-v.html" class="link-overlay"><span class="sr-only">Значення та процес бойового злагодження військових підрозділів</span></a>
                                                                </div>
                                                            </figure>
                                                            <div style="clear: both;"></div>
                                                        </div>
                                                    
                                                        <div class="listing-dashboard-with-preview listing-with-preview item explore-item posts-base">
                                                            <figure class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" data-videomp4="https://media.ukraine-inform.com/upload/video/16.08.2023/2afa85756ae5ce8584a75d26327c9f9b/24d6e5966da0277b5ec5e9ae92f017b3.mp4" 
data-videoid="5611" 
data-videohls="https://media.ukraine-inform.com/upload/video/16.08.2023/2afa85756ae5ce8584a75d26327c9f9b/sprite_hls_manifest.m3u8" 
data-link="/video-zbroyni-sili-ukraini/129824-yak-pracyu-teritor-al-niy-centr-komplektuvannya-ta-soc-al-no-p-dtrimki.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/16.08.2023/2afa85756ae5ce8584a75d26327c9f9b/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/16.08.2023/2afa85756ae5ce8584a75d26327c9f9b/gif/video1.webp">
                                                                    <div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
                                                                        <div class="image-wrap"><!---->
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/16.08.2023/2afa85756ae5ce8584a75d26327c9f9b/a966c907676f34e55c7cc872ed77ad05_poster.jpg&size=850x560);"></div>
                                                                                <img alt="" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/16.08.2023/2afa85756ae5ce8584a75d26327c9f9b/a966c907676f34e55c7cc872ed77ad05_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
                                                                        <figcaption>
                                                                            <span class="category">
                                                                                <a href="/" class="content-type-text feature content-type-800">
                                                                                    <span></span>
                                                                                </a>
                                                                                <span class="separator">|</span> <time data-dateago="16.08.2023" data-dateap="16.08.2023">16.08.2023</time>
                                                                            </span>
                                                                            <h3 class="title"><span>Як працює Територіальний центр комплектування та соціальної підтримки?</span></h3>
                                                                            <p class="summary hidden-xs hidden-xxs">


Працівники Територіального центру комплектування та соціальної підтримки Дарницького району сьогодні мають вручити повістки за адресами проживання військовозобов&rsquo;язаних. Приходячи до г</p>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a href="/video-zbroyni-sili-ukraini/129824-yak-pracyu-teritor-al-niy-centr-komplektuvannya-ta-soc-al-no-p-dtrimki.html" class="link-overlay"><span class="sr-only">Як працює Територіальний центр комплектування та соціальної підтримки?</span></a>
                                                                </div>
                                                            </figure>
                                                            <div style="clear: both;"></div>
                                                        </div>
                                                    
                                                        <div class="listing-dashboard-with-preview listing-with-preview item explore-item posts-base">
                                                            <figure class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" data-videomp4="https://media.ukraine-inform.com/upload/video/07.07.2023/fdaa6a8ab73f0112fe447fa35c9177b3/edaa1d55739bc7365ca13213734c7d06.mp4" 
data-videoid="5520" 
data-videohls="https://media.ukraine-inform.com/upload/video/07.07.2023/fdaa6a8ab73f0112fe447fa35c9177b3/sprite_hls_manifest.m3u8" 
data-link="/video-zbroyni-sili-ukraini/129041-persh-v-dkrit-trenuvannya-chlen-v-nac-onal-no-zb-rno-ukra-ni-yaka-v-z-me-uchast-v-grah-neskorenih.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/07.07.2023/fdaa6a8ab73f0112fe447fa35c9177b3/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/07.07.2023/fdaa6a8ab73f0112fe447fa35c9177b3/gif/video1.webp">
                                                                    <div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
                                                                        <div class="image-wrap"><!---->
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/07.07.2023/fdaa6a8ab73f0112fe447fa35c9177b3/2073e152fde313d1c61b2adb8fa5c6a3_poster.jpg&size=850x560);"></div>
                                                                                <img alt="" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/07.07.2023/fdaa6a8ab73f0112fe447fa35c9177b3/2073e152fde313d1c61b2adb8fa5c6a3_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
                                                                        <figcaption>
                                                                            <span class="category">
                                                                                <a href="/video-zbroyni-sili-ukraini" class="content-type-text feature content-type-800">
                                                                                    <span>Збройні сили України</span>
                                                                                </a>
                                                                                <span class="separator">|</span> <time data-dateago="07.07.2023" data-dateap="07.07.2023">07.07.2023</time>
                                                                            </span>
                                                                            <h3 class="title"><span>Перші відкриті тренування членів національної збірної України, яка візьме участь в Іграх Нескорених</span></h3>
                                                                            <p class="summary hidden-xs hidden-xxs">


Відбулися перші відкриті тренування членів національної збірної України, яка візьме участь в Іграх Нескорених у Дюссельдорфі
5 липня збірна України &laquo;Ігор Нескорених&raquo; провела сво</p>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a href="/video-zbroyni-sili-ukraini/129041-persh-v-dkrit-trenuvannya-chlen-v-nac-onal-no-zb-rno-ukra-ni-yaka-v-z-me-uchast-v-grah-neskorenih.html" class="link-overlay"><span class="sr-only">Перші відкриті тренування членів національної збірної України, яка візьме участь в Іграх Нескорених</span></a>
                                                                </div>
                                                            </figure>
                                                            <div style="clear: both;"></div>
                                                        </div>
                                                    
                                                        <div class="listing-dashboard-with-preview listing-with-preview item explore-item posts-base">
                                                            <figure class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" data-videomp4="https://media.ukraine-inform.com/upload/video/25.06.2023/7dd1b4b9a25cf1c2122d0c44a5b4896d/5883829e9f8152f6fc4146640e237a10.mp4" 
data-videoid="5476" 
data-videohls="https://media.ukraine-inform.com/upload/video/25.06.2023/7dd1b4b9a25cf1c2122d0c44a5b4896d/sprite_hls_manifest.m3u8" 
data-link="/video-zbroyni-sili-ukraini/128722-profes-yno-psiholog-chniy-v-db-r-bazoviy-etap-dlya-kozhnogo-v-ys-kovosluzhbovcya.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/25.06.2023/7dd1b4b9a25cf1c2122d0c44a5b4896d/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/25.06.2023/7dd1b4b9a25cf1c2122d0c44a5b4896d/gif/video1.webp">
                                                                    <div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
                                                                        <div class="image-wrap"><!---->
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/25.06.2023/7dd1b4b9a25cf1c2122d0c44a5b4896d/923642aaa389be9b1404b32983c6771c_poster.jpg&size=850x560);"></div>
                                                                                <img alt="" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/25.06.2023/7dd1b4b9a25cf1c2122d0c44a5b4896d/923642aaa389be9b1404b32983c6771c_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
                                                                        <figcaption>
                                                                            <span class="category">
                                                                                <a href="/video-zbroyni-sili-ukraini" class="content-type-text feature content-type-800">
                                                                                    <span>Збройні сили України</span>
                                                                                </a>
                                                                                <span class="separator">|</span> <time data-dateago="25.06.2023" data-dateap="25.06.2023">25.06.2023</time>
                                                                            </span>
                                                                            <h3 class="title"><span>Професійно-психологічний відбір – базовий етап для кожного військовослужбовця</span></h3>
                                                                            <p class="summary hidden-xs hidden-xxs">


Професійно-психологічний відбір &ndash; базовий етап для кожного війсковослужбовця
Кожен військовослужбовець ЗСУ проходить обов&rsquo;язкову базову підготовку та вдосконалює свої навички пі</p>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a href="/video-zbroyni-sili-ukraini/128722-profes-yno-psiholog-chniy-v-db-r-bazoviy-etap-dlya-kozhnogo-v-ys-kovosluzhbovcya.html" class="link-overlay"><span class="sr-only">Професійно-психологічний відбір – базовий етап для кожного військовослужбовця</span></a>
                                                                </div>
                                                            </figure>
                                                            <div style="clear: both;"></div>
                                                        </div>
                                                    
                                                        <div class="listing-dashboard-with-preview listing-with-preview item explore-item posts-base">
                                                            <figure class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" data-videomp4="https://media.ukraine-inform.com/upload/video/02.06.2023/a1fb925ed4727b953ec2f2791196cc0a/406ef05c674ad8bb99cd6ea04bdb010f.mp4" 
data-videoid="5363" 
data-videohls="https://media.ukraine-inform.com/upload/video/02.06.2023/a1fb925ed4727b953ec2f2791196cc0a/sprite_hls_manifest.m3u8" 
data-link="/video-novini-z-frontu/127979-b-yc-artiler-ys-kogo-div-z-onu-ta-roti-ptrk-115-to-brigadi-zsu-znischuyut-okupant-v-na-shod-kra-ni.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.06.2023/a1fb925ed4727b953ec2f2791196cc0a/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/02.06.2023/a1fb925ed4727b953ec2f2791196cc0a/gif/video1.webp">
                                                                    <div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
                                                                        <div class="image-wrap"><!---->
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.06.2023/a1fb925ed4727b953ec2f2791196cc0a/916f163c8f85431d8aae32e50a74134c_poster.jpg&size=850x560);"></div>
                                                                                <img alt="" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.06.2023/a1fb925ed4727b953ec2f2791196cc0a/916f163c8f85431d8aae32e50a74134c_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
                                                                        <figcaption>
                                                                            <span class="category">
                                                                                <a href="/video-novini-z-frontu" class="content-type-text feature content-type-800">
                                                                                    <span>Новини з фронту</span>
                                                                                </a>
                                                                                <span class="separator">|</span> <time data-dateago="02.06.2023" data-dateap="02.06.2023">02.06.2023</time>
                                                                            </span>
                                                                            <h3 class="title"><span>Бійці артилерійського дивізіону та роти ПТРК 115-тої бригади ЗСУ знищують окупантів на сході країни</span></h3>
                                                                            <p class="summary hidden-xs hidden-xxs">


Вже понад рік наші бійці активно протидіють ворогу. Ще з того часу наші герої стали на захист Батьківщини, не даючи можливості окупанту завершити свої плани, та щодня нищать ворога, ризикуюч</p>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a href="/video-novini-z-frontu/127979-b-yc-artiler-ys-kogo-div-z-onu-ta-roti-ptrk-115-to-brigadi-zsu-znischuyut-okupant-v-na-shod-kra-ni.html" class="link-overlay"><span class="sr-only">Бійці артилерійського дивізіону та роти ПТРК 115-тої бригади ЗСУ знищують окупантів на сході країни</span></a>
                                                                </div>
                                                            </figure>
                                                            <div style="clear: both;"></div>
                                                        </div>
                                                    
                                                        <div class="listing-dashboard-with-preview listing-with-preview item explore-item posts-base">
                                                            <figure class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" data-videomp4="https://media.ukraine-inform.com/upload/video/29.05.2023/6e158a2f335708810c5dadddce677eca/3897960edea50d8e2ec1455f0c63921e.mp4" 
data-videoid="5340" 
data-videohls="https://media.ukraine-inform.com/upload/video/29.05.2023/6e158a2f335708810c5dadddce677eca/sprite_hls_manifest.m3u8" 
data-link="/video-zbroyni-sili-ukraini/127793-sau-krab---tehn-ka-peremogi.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/29.05.2023/6e158a2f335708810c5dadddce677eca/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/29.05.2023/6e158a2f335708810c5dadddce677eca/gif/video1.webp">
                                                                    <div class="dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container">
                                                                        <div class="image-wrap"><!---->
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/29.05.2023/6e158a2f335708810c5dadddce677eca/51df001a13ee5fd6570f83e133c02d9d_poster.jpg&size=850x560);"></div>
                                                                                <img alt="" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/29.05.2023/6e158a2f335708810c5dadddce677eca/51df001a13ee5fd6570f83e133c02d9d_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8">
                                                                        <figcaption>
                                                                            <span class="category">
                                                                                <a href="/video-zbroyni-sili-ukraini" class="content-type-text feature content-type-800">
                                                                                    <span>Збройні сили України</span>
                                                                                </a>
                                                                                <span class="separator">|</span> <time data-dateago="29.05.2023" data-dateap="29.05.2023">29.05.2023</time>
                                                                            </span>
                                                                            <h3 class="title"><span>САУ КРАБ - ТЕХНІКА ПЕРЕМОГИ</span></h3>
                                                                            <p class="summary hidden-xs hidden-xxs">


Польські САУ &laquo;Краб&raquo; підсилили обороноздатність України. Маневреність, швидкострільність, а головне точність допомогли утилізовувати російську техніку на фронті.

</p>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a href="/video-zbroyni-sili-ukraini/127793-sau-krab---tehn-ka-peremogi.html" class="link-overlay"><span class="sr-only">САУ КРАБ - ТЕХНІКА ПЕРЕМОГИ</span></a>
                                                                </div>
                                                            </figure>
                                                            <div style="clear: both;"></div>
                                                        </div>
                                                    </div> <!---->
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <style>
                                        #alist .listing-with-preview {
                                            margin: 7px 0 23px;
                                            padding: 20px 0 0;
                                            border-top: 1px solid #ebebeb;
                                        }

                                        #alist .listing-with-preview {
                                            border-top: none;
                                            padding: 0;
                                            margin-top: 0;
                                        }

                                        #alist .listing-with-preview .image-container {
                                            display: block;
                                        }


                                        #alist {
                                            margin-bottom: 2rem;
                                        }

                                        #alist .item {
                                            margin: 7px 0 23px;
                                            padding: 20px 0 0;
                                            border-top: 1px solid #ebebeb;
                                        }

                                        #alist .item:first-child {
                                            padding: 0px 0 0;
                                            border-top: none;
                                        }

                                        #alist figcaption .category a {
                                            display: inline-block;
                                            margin-bottom: 0;
                                            font-size: 14px;
                                            color: #355e93;
                                            text-transform: uppercase;
                                            letter-spacing: 1px;
                                            border-bottom: 1px solid rgba(53, 94, 147, 0);
                                            -webkit-transition: border .25s ease;
                                            -moz-transition: border .25s ease;
                                            -ms-transition: border .25s ease;
                                            -o-transition: border .25s ease;
                                            transition: border .25s ease;
                                            text-decoration: none;
                                        }

                                        #alist figcaption .category a:hover {
                                            border-bottom: 1px solid rgba(53, 94, 147, 1);
                                        }

                                        #alist figcaption .category a.fact-sheet:hover {
                                            border-bottom: 1px solid rgba(53, 94, 147, 0);
                                        }

                                        #alist figcaption .category .separator {
                                            color: #355e93;
                                            opacity: .5;
                                            margin: 0 8px 0 6px;
                                        }

                                        #alist figcaption .summary {
                                            font-size: 14px;
                                            margin: 0;
                                        }

                                        #alist .video-duration {
                                            display: none;
                                        }

                                        #alist figcaption time {
                                            display: inline-block;
                                            font-size: 14px;
                                            margin: 5px 0;
                                            color: #717171;
                                            padding: 0;
                                            min-width: 100px;
                                        }

                                        #alist .item figcaption h3.title {
                                            font-size: 1.6rem;
                                            font-family: 'Crimson Text', serif;
                                            font-weight: 500;
                                            line-height: 1.1em;
                                            margin-bottom: 8px;
                                        }

                                        #alist .item figcaption h3.title a {
                                            display: block;
                                            padding-left: 0px;
                                            border-left: 0px solid #fff;
                                            transition: all 0.15s linear;
                                            padding-right: 14px;
                                        }

                                        #alist .item figcaption h3.title a:hover {
                                            color: #355e93;
                                            padding-left: 10px;
                                            padding-right: 0px;
                                            border-left: 4px solid #254267;
                                            text-decoration: none;
                                        }

                                        #alist .item .image-wrap {
                                            margin-right: 0;
                                            margin-top: 8px;
                                        }

                                        #alist .item .image-wrap a {
                                            display: block;
                                            position: relative;
                                            padding-top: 66%;
                                            overflow: hidden;
                                            border: 1px solid #adadad;
                                        }

                                        #alist .item .image-replacement {
                                            background-color: rgba(255, 255, 255, .05);
                                            background-repeat: no-repeat;
                                            text-decoration: none;
                                            position: absolute;
                                            top: 0;
                                            right: 0;
                                            left: 0;
                                            bottom: 0;
                                            background-size: cover;
                                            background-position: 50% 50%;
                                        }

                                        #alist .item .image-wrap img {
                                            position: absolute;
                                            left: -9999px;
                                        }

                                        #alist .item figcaption {
                                            margin-left: 20px;
                                        }

                                        #alist .item figcaption h3.title a.card-edit-span {
                                            position: absolute;
                                            top: -15px;
                                            right: 0;
                                            padding: 0;
                                        }

                                        #alist .service-source {
                                            display: inline-block;
                                            position: relative;
                                            font-size: 17px;
                                            text-transform: uppercase;
                                            font-weight: bold;
                                            background: #355e93;
                                            color: #fff;
                                            padding: 2px 7px;
                                            margin: 0;
                                        }

                                        #alist .service-source.service-army {
                                            background: #376251;
                                        }

                                        #alist .service-source.service-marinecorps {
                                            background: #990F00;
                                        }

                                        #alist .service-source.service-navy {
                                            background: #88743A;
                                        }

                                        #alist .service-source.service-airforce {
                                            background: #144A75;
                                        }

                                        #alist .service-source.service-spaceforce {
                                            background: #D2D5D2;
                                            color: #2C588F;
                                        }

                                        #alist .service-source.service-coastguard {
                                            background: #327AB7;
                                        }

                                        #alist .service-source.service-nationalguard {
                                            background: #000000;
                                        }


                                        @media (max-width: 575px) {
                                            #alist .item figcaption {
                                                margin-left: 0;
                                                margin-top: 8px;
                                            }

                                            #alist .listing-with-preview {
                                                margin: 7px 0 12px;
                                                padding: 15px 0 0;
                                            }
                                        }

                                        #alist .listing-with-preview .image-wrap-wrap {
                                            display: block;
                                            position: relative;
                                            padding-top: 66%;
                                            overflow: hidden;
                                            border: 1px solid #adadad;
                                        }

                                        #alist .listing-with-preview figcaption .category {
                                            display: block;
                                            position: absolute;
                                            z-index: 2;
                                        }

                                        #alist .listing-with-preview figcaption h3.title {
                                            font-size: 1.2rem;
                                            font-family: 'Crimson Text', serif;
                                            font-weight: 500;
                                            line-height: 1.1em;
                                            margin-bottom: 8px;
                                            padding-top: 28px;
                                        }

                                        #alist .listing-with-preview figcaption h3.title span {
                                            display: block;
                                            padding-left: 0px;
                                            border-left: 0px solid #fff;
                                            transition: all 0.15s linear;
                                            padding-right: 14px;
                                        }

                                        #alist .listing-with-preview figcaption h3.title span i.fas {
                                            font-size: 18px;
                                            position: relative;
                                            bottom: 1px;
                                            left: 5px;
                                            border-left: none;
                                            padding-left: 0;
                                            display: inline;
                                        }

                                        #alist .listing-with-preview:hover figcaption h3.title span {
                                            color: #355e93;
                                            padding-left: 10px;
                                            padding-right: 0px;
                                            border-left: 4px solid #254267;
                                            text-decoration: none;
                                        }

                                        #alist .listing-with-preview a.link-overlay {
                                            position: absolute;
                                            z-index: 1;
                                            top: 0;
                                            right: 0;
                                            bottom: 0;
                                            left: 0;
                                            overflow: hidden;
                                            text-indent: 200%;
                                            white-space: nowrap;
                                            visibility: visible;
                                            background: transparent;
                                        }

                                        #alist .listing-with-preview .image-wrap .edit-link {
                                            display: block;
                                            width: 25px;
                                            position: absolute;
                                            z-index: 11;
                                            top: 15px;
                                            right: 15px;
                                        }

                                        #alist .listing-with-preview .image-wrap .edit-link a {
                                            display: block;
                                            position: relative;
                                            width: 30px;
                                            height: 30px;
                                            bottom: auto;
                                            padding: 4px;
                                            line-height: 16px;
                                            text-align: center;
                                            background-color: rgba(255, 255, 255, .3);
                                            border-radius: 5px;
                                            border: solid rgba(0, 0, 0, 0.4) 1px;
                                        }

                                        #alist .listing-with-preview .image-wrap .edit-link a img {
                                            left: 0;
                                            position: relative;
                                        }
                                    </style>

                                    <style>
                                        .feature-template .dgov-grid.feature-template-container .hidden-item {
                                            display: none;
                                        }

                                        .feature-grid.alist.stories .feature-template .item a.title,
                                        .feature-grid.alist.stories .feature-template .item a.title:link {
                                            font-size: 1.4rem;
                                        }

                                        .more-row {
                                            display: flex;
                                            align-items: center;
                                            flex-direction: column;
                                            padding: 15px;
                                        }

                                        /* Note: this relates to lack of encapsulation where
                                            Dashboard applies .list class to parent container.  Would be better
                                            to have an event so that the card code 'knows' the card is in 'list'
                                            mode.  This rule isn't needed however, but is documentation since this
                                            may be an issue if the structure changes to include future features.
                                            Special rule is in story-card, may be moved or similar for other types
                                            of cards.    */
                                        .alist.stories.list .feature-template .feature-template-container {
                                            display: block;
                                        }


                                        .more-row {
                                            display: flex;
                                            align-items: center;
                                            flex-direction: column;
                                            padding: 15px;
                                        }

                                        /*.feature-template-container {
                                            display: flex;
                                            flex-direction: row;
                                        }*/
                                    </style>

                                    <style>
                                        .no-pointer-events {
                                            pointer-events: none;
                                        }
                                        #homePress .content-type-text {
                                            font-size: 12px;
                                        }
                                        #homePress h2.tab-title a {
                                            font-size: 18px;
                                        }
                                        #services-list figcaption h3 {
                                            font-size: 16px;
                                        }
                                    </style>
                                </div>


                            </div><!-- End_Module_3203 --></div>
                    </div><!--end of empty container -->


                </div>
            </div>

            <div id="dnn_ContentPagePageX4" class="paneMarkerAlt col-lg-4">
                <div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3204">
                    <div class="empty-container base-container">
                        <div id="dnn_ctr3204_ContentPane"><!-- Start_Module_3204 -->
                            <div id="dnn_ctr3204_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
                                <div id="dnn_ctr3204_Dashboard_ph">
                                    <div id="homePress" class="explore-list homePress alist">
                                        <h2 class="tab-title"><a href="/operativna-informaciya">Оперативна інформація<i class="fas fa-chevron-right"></i></a></h2>
                                        <div class="alist-inner">
                                            <div class="dgov-grid dgov-grid-bleed" posts-base-element="ye" outtype="2" categorytype="5" countposts="1" category="4742">
                                                <div class="dgov-col-md-12">
                                                    <div class="item item-3254514">
                                                        <figure>
                                                            <span class="hide"><hr></span>
                                                            <figcaption>
                                                                <span class="category">
                                                                    <a class="content-type-text" href="/"><span></span></a>
                                                                </span>
                                                                <h3 class="title"><span>Оперативна інформація станом на 10.00 26 вересня 2023 року щодо російського вторгнення</span>
                                                                </h3>
                                                                <a class="link-overlay" href="/news-operativna-informaciya/130425-operativna-nformac-ya-stanom-na-10-00-26-veresnya-2023-roku-schodo-ros-ys-kogo-vtorgnennya.html">
                                                                    <span class="sr-only">Оперативна інформація станом на 10.00 26 вересня 2023 року щодо російського вторгнення</span>
                                                                </a>
                                                            </figcaption>
                                                        </figure>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3205">
                    <div class="empty-container base-container">
                        <div id="dnn_ctr3205_ContentPane">
                            <div style="margin-bottom: 2rem">
                                <div id="dnn_ctr3205_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
                                    <div id="dnn_ctr3205_Dashboard_ph">
                                        <div id="services-list" class="explore-list services-list alist">
                                            <h2 class="tab-title"><a href="/video-novini-z-frontu">Новини з фронту <i class="fas fa-chevron-right"></i></a></h2>
                                            <div class="alist-inner">
                                                <div class="dgov-grid" posts-base-element="ye" outtype="2" categorytype="5" countposts="6" category="4737">
                                                    <div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-1 fts-col-odd">
                                                        <div class="item item-3254524 item-odd">
                                                            <figure style="margin: 0;" class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" style="margin: 0;" data-videomp4="https://media.ukraine-inform.com/upload/video/02.06.2023/a1fb925ed4727b953ec2f2791196cc0a/406ef05c674ad8bb99cd6ea04bdb010f.mp4" 
data-videoid="5363" 
data-videohls="https://media.ukraine-inform.com/upload/video/02.06.2023/a1fb925ed4727b953ec2f2791196cc0a/sprite_hls_manifest.m3u8" 
data-link="/video-novini-z-frontu/127979-b-yc-artiler-ys-kogo-div-z-onu-ta-roti-ptrk-115-to-brigadi-zsu-znischuyut-okupant-v-na-shod-kra-ni.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.06.2023/a1fb925ed4727b953ec2f2791196cc0a/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/02.06.2023/a1fb925ed4727b953ec2f2791196cc0a/gif/video1.webp">
                                                                    <div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
                                                                        <div class="image-wrap">
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.06.2023/a1fb925ed4727b953ec2f2791196cc0a/916f163c8f85431d8aae32e50a74134c_poster.jpg&size=850x560)"></div>
                                                                                <img alt="Бійці артилерійського дивізіону та роти ПТРК 115-тої бригади ЗСУ знищують окупантів на сході країни" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.06.2023/a1fb925ed4727b953ec2f2791196cc0a/916f163c8f85431d8aae32e50a74134c_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
                                                                        <figcaption>
                                                                            <h3 class="title"><span>Бійці артилерійського дивізіону та роти ПТРК 115-тої бригади ЗСУ знищують окупантів на сході країни</span></h3>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a class="link-overlay" href="/video-novini-z-frontu/127979-b-yc-artiler-ys-kogo-div-z-onu-ta-roti-ptrk-115-to-brigadi-zsu-znischuyut-okupant-v-na-shod-kra-ni.html" target="_blank" rel="noopener"><span class="sr-only">Бійці артилерійського дивізіону та роти ПТРК 115-тої бригади ЗСУ знищують окупантів на сході країни</span></a>
                                                                </div>
                                                            </figure>
                                                        </div>
                                                    </div>
                                                
                                                    <div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-1 fts-col-odd">
                                                        <div class="item item-3254524 item-odd">
                                                            <figure style="margin: 0;" class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" style="margin: 0;" data-videomp4="https://media.ukraine-inform.com/upload/video/28.03.2023/5b8903113f4078af37576d321e26753d/21d2f1f7f16557d37a657504e1d27888.mp4" 
data-videoid="5073" 
data-videohls="https://media.ukraine-inform.com/upload/video/28.03.2023/5b8903113f4078af37576d321e26753d/sprite_hls_manifest.m3u8" 
data-link="/video-novini-z-frontu/124570-vdoma-y-r-dn-st-ni-l-kuyut.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/28.03.2023/5b8903113f4078af37576d321e26753d/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/28.03.2023/5b8903113f4078af37576d321e26753d/gif/video1.webp">
                                                                    <div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
                                                                        <div class="image-wrap">
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/28.03.2023/5b8903113f4078af37576d321e26753d/78cc1381a5cc94443aedbb18bf4b6d81_poster.jpg&size=850x560)"></div>
                                                                                <img alt="ВДОМА Й РІДНІ СТІНИ ЛІКУЮТЬ" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/28.03.2023/5b8903113f4078af37576d321e26753d/78cc1381a5cc94443aedbb18bf4b6d81_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
                                                                        <figcaption>
                                                                            <h3 class="title"><span>ВДОМА Й РІДНІ СТІНИ ЛІКУЮТЬ</span></h3>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a class="link-overlay" href="/video-novini-z-frontu/124570-vdoma-y-r-dn-st-ni-l-kuyut.html" target="_blank" rel="noopener"><span class="sr-only">ВДОМА Й РІДНІ СТІНИ ЛІКУЮТЬ</span></a>
                                                                </div>
                                                            </figure>
                                                        </div>
                                                    </div>
                                                
                                                    <div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-1 fts-col-odd">
                                                        <div class="item item-3254524 item-odd">
                                                            <figure style="margin: 0;" class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" style="margin: 0;" data-videomp4="https://media.ukraine-inform.com/upload/video/02.01.2023/5207d3d08021954b968bed92d22e1a65/6bfe34c4cf88a4d576a6f0a6ba78ffbe.mp4" 
data-videoid="4718" 
data-videohls="https://media.ukraine-inform.com/upload/video/02.01.2023/5207d3d08021954b968bed92d22e1a65/sprite_hls_manifest.m3u8" 
data-link="/video-novini-z-frontu/120047-vo-ni-115-brigadi-zsu-vzyali-v-polon-chmob-ka-z-donec-ka-cherez-m-syac-p-slya-mob-l-zac-toy-potrapiv-na-boyov-pozic-ale-probuv-tam-us-ogo-dva-dn.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.01.2023/5207d3d08021954b968bed92d22e1a65/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/02.01.2023/5207d3d08021954b968bed92d22e1a65/gif/video1.webp">
                                                                    <div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
                                                                        <div class="image-wrap">
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.01.2023/5207d3d08021954b968bed92d22e1a65/bf0a62bf94cafdd624436705ebdefa18_poster.jpg&size=850x560)"></div>
                                                                                <img alt="Воїни 115 бригади ЗСУ взяли в полон чмобіка з Донецька. Через місяць після мобілізації той потрапив на бойові позиції, але пробув там усього два дні" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.01.2023/5207d3d08021954b968bed92d22e1a65/bf0a62bf94cafdd624436705ebdefa18_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
                                                                        <figcaption>
                                                                            <h3 class="title"><span>Воїни 115 бригади ЗСУ взяли в полон чмобіка з Донецька. Через місяць після мобілізації той потрапив на бойові позиції, але пробув там усього два дні</span></h3>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a class="link-overlay" href="/video-novini-z-frontu/120047-vo-ni-115-brigadi-zsu-vzyali-v-polon-chmob-ka-z-donec-ka-cherez-m-syac-p-slya-mob-l-zac-toy-potrapiv-na-boyov-pozic-ale-probuv-tam-us-ogo-dva-dn.html" target="_blank" rel="noopener"><span class="sr-only">Воїни 115 бригади ЗСУ взяли в полон чмобіка з Донецька. Через місяць після мобілізації той потрапив на бойові позиції, але пробув там усього два дні</span></a>
                                                                </div>
                                                            </figure>
                                                        </div>
                                                    </div>
                                                
                                                    <div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-1 fts-col-odd">
                                                        <div class="item item-3254524 item-odd">
                                                            <figure style="margin: 0;" class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" style="margin: 0;" data-videomp4="https://media.ukraine-inform.com/upload/video/02.01.2023/a8b5784094458ce8c91a5a7fc9c00000/f1b20b12e824aa76e98917e55c505cc6.mp4" 
data-videoid="4717" 
data-videohls="https://media.ukraine-inform.com/upload/video/02.01.2023/a8b5784094458ce8c91a5a7fc9c00000/sprite_hls_manifest.m3u8" 
data-link="/video-novini-z-frontu/120045-artiler-ya-vi-naykrasch-vluchnim-postr-lom-bogi-v-yni-115-brigadi-zsu-v-dpravili-na-koncert-kobzona-ork-v-yak-zavazhali-nash-y-p-hot.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.01.2023/a8b5784094458ce8c91a5a7fc9c00000/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/02.01.2023/a8b5784094458ce8c91a5a7fc9c00000/gif/video1.webp">
                                                                    <div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
                                                                        <div class="image-wrap">
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.01.2023/a8b5784094458ce8c91a5a7fc9c00000/9edb30799ef2d883edfa122baea342c4_poster.jpg&size=850x560)"></div>
                                                                                <img alt="Артилерія – ви найкращі! Влучним пострілом боги війни 115 бригади ЗСУ відправили на концерт кобзона орків, які заважали нашій піхоті" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.01.2023/a8b5784094458ce8c91a5a7fc9c00000/9edb30799ef2d883edfa122baea342c4_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
                                                                        <figcaption>
                                                                            <h3 class="title"><span>Артилерія – ви найкращі! Влучним пострілом боги війни 115 бригади ЗСУ відправили на концерт кобзона орків, які заважали нашій піхоті</span></h3>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a class="link-overlay" href="/video-novini-z-frontu/120045-artiler-ya-vi-naykrasch-vluchnim-postr-lom-bogi-v-yni-115-brigadi-zsu-v-dpravili-na-koncert-kobzona-ork-v-yak-zavazhali-nash-y-p-hot.html" target="_blank" rel="noopener"><span class="sr-only">Артилерія – ви найкращі! Влучним пострілом боги війни 115 бригади ЗСУ відправили на концерт кобзона орків, які заважали нашій піхоті</span></a>
                                                                </div>
                                                            </figure>
                                                        </div>
                                                    </div>
                                                
                                                    <div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-1 fts-col-odd">
                                                        <div class="item item-3254524 item-odd">
                                                            <figure style="margin: 0;" class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" style="margin: 0;" data-videomp4="https://media.ukraine-inform.com/upload/video/24.12.2022/cc8eb8213af6dda0b6e69ac8b8bd5366/fb45f146af84f25f0260a7874ff8ead5.mp4" 
data-videoid="4644" 
data-videohls="https://media.ukraine-inform.com/upload/video/24.12.2022/cc8eb8213af6dda0b6e69ac8b8bd5366/sprite_hls_manifest.m3u8" 
data-link="/video-novini-z-frontu/119509-yaroslav-uzhe-vtret-v-arm-govorit-scho-davno-v-dchuv-yak-zbroyn-sili-ukra-ni-zm-nilisya-v-kraschu-storonu.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/24.12.2022/cc8eb8213af6dda0b6e69ac8b8bd5366/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/24.12.2022/cc8eb8213af6dda0b6e69ac8b8bd5366/gif/video1.webp">
                                                                    <div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
                                                                        <div class="image-wrap">
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.12.2022/cc8eb8213af6dda0b6e69ac8b8bd5366/6f55fc6c790592a0f0bcdf5ab19d5af7_poster.jpg&size=850x560)"></div>
                                                                                <img alt="Ярослав уже втретє в армії. Говорить, що давно відчув як Збройні Сили України змінилися в кращу сторону" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.12.2022/cc8eb8213af6dda0b6e69ac8b8bd5366/6f55fc6c790592a0f0bcdf5ab19d5af7_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
                                                                        <figcaption>
                                                                            <h3 class="title"><span>Ярослав уже втретє в армії. Говорить, що давно відчув як Збройні Сили України змінилися в кращу сторону</span></h3>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a class="link-overlay" href="/video-novini-z-frontu/119509-yaroslav-uzhe-vtret-v-arm-govorit-scho-davno-v-dchuv-yak-zbroyn-sili-ukra-ni-zm-nilisya-v-kraschu-storonu.html" target="_blank" rel="noopener"><span class="sr-only">Ярослав уже втретє в армії. Говорить, що давно відчув як Збройні Сили України змінилися в кращу сторону</span></a>
                                                                </div>
                                                            </figure>
                                                        </div>
                                                    </div>
                                                
                                                    <div class="dgov-col-xs-12 dgov-col-sm-6 dgov-col-lg-12 fts-col-1 fts-col-odd">
                                                        <div class="item item-3254524 item-odd">
                                                            <figure style="margin: 0;" class="post-video">
                                                                <div class="dgov-grid dgov-grid-bleed" style="margin: 0;" data-videomp4="https://media.ukraine-inform.com/upload/video/23.12.2022/dd4ad651d65d0b2eda927fcd26e753a0/254f41a3bf709691623a8ea0581865c7.mp4" 
data-videoid="4641" 
data-videohls="https://media.ukraine-inform.com/upload/video/23.12.2022/dd4ad651d65d0b2eda927fcd26e753a0/sprite_hls_manifest.m3u8" 
data-link="/video-novini-z-frontu/119466-zvernennya-volodimira-zelens-kogo-naprik-nc-303-go-dnya-v-yni.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/23.12.2022/dd4ad651d65d0b2eda927fcd26e753a0/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/23.12.2022/dd4ad651d65d0b2eda927fcd26e753a0/gif/video1.webp">
                                                                    <div class="dgov-hidden-xxs dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-4 fts-col-img">
                                                                        <div class="image-wrap">
                                                                            <div class="image-wrap-wrap">
                                                                                <div class="image-replacement" style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/23.12.2022/dd4ad651d65d0b2eda927fcd26e753a0/7cd2ad097f3799de50288a8cdfbad79e_poster.jpg&size=850x560)"></div>
                                                                                <img alt="Звернення Володимира Зеленського наприкінці 303-го дня війни" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/23.12.2022/dd4ad651d65d0b2eda927fcd26e753a0/7cd2ad097f3799de50288a8cdfbad79e_poster.jpg&size=850x560">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-8 fts-col-copy">
                                                                        <figcaption>
                                                                            <h3 class="title"><span>Звернення Володимира Зеленського наприкінці 303-го дня війни</span></h3>
                                                                        </figcaption>
                                                                    </div>
                                                                    <a class="link-overlay" href="/video-novini-z-frontu/119466-zvernennya-volodimira-zelens-kogo-naprik-nc-303-go-dnya-v-yni.html" target="_blank" rel="noopener"><span class="sr-only">Звернення Володимира Зеленського наприкінці 303-го дня війни</span></a>
                                                                </div>
                                                            </figure>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="DnnModule DnnModule-DNN_HTML DnnModule-5914">
                    <div class="sidebar-section sidebar-search-section">
                        <div class="bluebox-title">
                            <h2 class="tab-title"><a href="/news-oblichchya-geroyiv">Обличчя героїв</a></h2>
                        </div>
                        <div class="sidebar-section-inner" posts-base-element="ye" outtype="2" categorytype="5" countposts="3" category="4725">
                            <div id="dnn_ctr5914_ContentPane" style="margin-bottom: 25px;"><!-- Start_Module_5914 -->
                                <style>
                                    .sidebar-section {
                                        margin-left: 2rem;
                                    }

                                    .vet a img {
                                        transition: all 0.25s;
                                    }

                                    .vet a:hover img {
                                        transform: scale(1.1);
                                    }

                                    @media screen and (max-width: 1199px) {
                                        .sidebar-section {
                                            margin-left: 0rem;
                                        }
                                    }
                                </style>
                                <div class="vet post-video">
                                    <div id="dnn_ctr5914_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
                                        <div id="dnn_ctr5914_HtmlModule_lblContent" class="Normal" data-videomp4="https://media.ukraine-inform.com/upload/video/27.05.2023/4b837edefcf512ac5f9066abe842666d/a7073782808135acc03ed16fecd29095.mp4" 
data-videoid="5334" 
data-videohls="https://media.ukraine-inform.com/upload/video/27.05.2023/4b837edefcf512ac5f9066abe842666d/sprite_hls_manifest.m3u8" 
data-link="/video-oblichchya-geroyiv/127748-gero-chniy-v-ys-kosluzhbovec-115-brigadi-zsu-rozpov-v-pro-znischennya-vorozho-tehn-ki.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/27.05.2023/4b837edefcf512ac5f9066abe842666d/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/27.05.2023/4b837edefcf512ac5f9066abe842666d/gif/video1.webp">
                                            <a href="/video-oblichchya-geroyiv/127748-gero-chniy-v-ys-kosluzhbovec-115-brigadi-zsu-rozpov-v-pro-znischennya-vorozho-tehn-ki.html" target="_blank">
                                                <img class="logo" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/27.05.2023/4b837edefcf512ac5f9066abe842666d/7856e114c24670dcf7f1b524d5d1ea1e_poster.jpg&size=850x560" alt="Героїчний військослужбовець 115 бригади ЗСУ розповів про знищення ворожої техніки">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div id="dnn_ctr5914_ContentPane" style="margin-bottom: 25px;"><!-- Start_Module_5914 -->
                                <style>
                                    .sidebar-section {
                                        margin-left: 2rem;
                                    }

                                    .vet a img {
                                        transition: all 0.25s;
                                    }

                                    .vet a:hover img {
                                        transform: scale(1.1);
                                    }

                                    @media screen and (max-width: 1199px) {
                                        .sidebar-section {
                                            margin-left: 0rem;
                                        }
                                    }
                                </style>
                                <div class="vet post-video">
                                    <div id="dnn_ctr5914_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
                                        <div id="dnn_ctr5914_HtmlModule_lblContent" class="Normal" data-videomp4="https://media.ukraine-inform.com/upload/video/21.03.2023/55cc23236e36378b699224bcd52cb14e/8016b01c35750c59437dfc5f12e8362e.mp4" 
data-videoid="5026" 
data-videohls="https://media.ukraine-inform.com/upload/video/21.03.2023/55cc23236e36378b699224bcd52cb14e/sprite_hls_manifest.m3u8" 
data-link="/video-prezident-ukrayini/124157-maksim-115-brigada.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/21.03.2023/55cc23236e36378b699224bcd52cb14e/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/21.03.2023/55cc23236e36378b699224bcd52cb14e/gif/video1.webp">
                                            <a href="/video-prezident-ukrayini/124157-maksim-115-brigada.html" target="_blank">
                                                <img class="logo" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/21.03.2023/55cc23236e36378b699224bcd52cb14e/33137734c1ec03e608694b6df4bbd5ae_poster.jpg&size=850x560" alt="Максим, 115 бригада">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div id="dnn_ctr5914_ContentPane" style="margin-bottom: 25px;"><!-- Start_Module_5914 -->
                                <style>
                                    .sidebar-section {
                                        margin-left: 2rem;
                                    }

                                    .vet a img {
                                        transition: all 0.25s;
                                    }

                                    .vet a:hover img {
                                        transform: scale(1.1);
                                    }

                                    @media screen and (max-width: 1199px) {
                                        .sidebar-section {
                                            margin-left: 0rem;
                                        }
                                    }
                                </style>
                                <div class="vet post-video">
                                    <div id="dnn_ctr5914_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
                                        <div id="dnn_ctr5914_HtmlModule_lblContent" class="Normal" data-videomp4="https://media.ukraine-inform.com/upload/video/02.01.2023/a42c949ef230eb1fd34d860eb2223a2f/6130e147c5478ee88e8b2e501be2e825.mp4" 
data-videoid="4720" 
data-videohls="https://media.ukraine-inform.com/upload/video/02.01.2023/a42c949ef230eb1fd34d860eb2223a2f/sprite_hls_manifest.m3u8" 
data-link="/video-prezident-ukrayini/120050-115-okrema-mehan-zovana-brigada-zsu-koli-artiler-ya-b-tochno-v-c-l-ce-zavzhdi-oznacha-scho-des-poblizu-pracyu-p-drozd-l-bezp-lotnih-l-tal-nih-aparat-v.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.01.2023/a42c949ef230eb1fd34d860eb2223a2f/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/02.01.2023/a42c949ef230eb1fd34d860eb2223a2f/gif/video1.webp">
                                            <a href="/video-prezident-ukrayini/120050-115-okrema-mehan-zovana-brigada-zsu-koli-artiler-ya-b-tochno-v-c-l-ce-zavzhdi-oznacha-scho-des-poblizu-pracyu-p-drozd-l-bezp-lotnih-l-tal-nih-aparat-v.html" target="_blank">
                                                <img class="logo" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.01.2023/a42c949ef230eb1fd34d860eb2223a2f/ba3c72b543fcfa100b418f38102f8240_poster.jpg&size=850x560" alt="115 окрема механізована бригада ЗСУ : Коли артилерія б’є точно в ціль, це завжди означає, що десь поблизу працює підрозділ безпілотних літальних апаратів">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2425-2 row-k-style" id="row-k-style-2425-2">
            <div class="row-k-width-2425-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style></style>
<div id="dnn_ContentPaneFullBleed1" class="staggered-cutout">
    <div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-3206">
        <div class="empty-container base-container">
            <div id="dnn_ctr3206_ContentPane"><!-- Start_Module_3206 -->
                <style>
                    .experience-slider-wrap .exp-img-wrap {
                        background: transparent;
                    }

                    .experience-slider-wrap .experience-slider .slick-dots li {
                        background-color: #fff;
                    }

                    .experience-slider-wrap .experience-slider .slick-dots li.slick-active {
                        background-color: #ff9900;
                    }

                    h2.tab-title.multimedia-tab-title {
                        margin-bottom: 15px;
                    }

                    .experience-slider-wrap .slick-track {
                        transform: translate3d(0, 0, 0) !important;
                    }
                </style>
                <div id="experience" class="experience home-section full">
                    <div class="content-wrap">
                        <h2 class="tab-title multimedia-tab-title"><a href="/video">Відео <i class="fas fa-chevron-right"></i></a></h2>
                        <div id="dnn_ctr3206_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC">
                            <div id="dnn_ctr3206_Dashboard_ph">
                                <div id="experience-wrap-3206" class="aframe adash">
                                    <div class="experience-slider-wrap  slider-total-3">
                                        <div class="dgov-grid">
                                            <div class="dgov-col-md-9 dgov-col-bleed">
                                                <div class="slider-progress">
                                                    <div class="progress"></div>
                                                </div>
                                                <div class="experience-slider-3206 experience-slider" posts-base-element="ye" outtype="2" categorytype="5" countposts="3" category="4627">

                                                    <!-- EXPERIENCE ITEM -->
                                                    <div class="experience-item post-video"
                                                         data-thumbsrc="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/0a22c635e957e46afa95eb3afedd8976_poster.jpg&size=850x560"
                                                         data-thumbalt="Вітаємо зі святом незалежності, Україно!."
                                                         data-thumbfocus=""
                                                         tabindex="0">
                                                        <div class="item item-2044767" data-videomp4="https://media.ukraine-inform.com/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/89d14464990adc2e72efe1e1871f8f13.mp4" 
data-videoid="5625" 
data-videohls="https://media.ukraine-inform.com/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/sprite_hls_manifest.m3u8" 
data-link="/video-zbroyni-sili-ukraini/130001-v-ta-mo-z-svyatom-nezalezhnost-ukra-no.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/gif/video1.webp">
                                                            <figure>
                                                                <div class="exp-img-wrap dgov-card dgov-card-3"
                                                                     onclick="(function() { window.location.href='/video-zbroyni-sili-ukraini/130001-v-ta-mo-z-svyatom-nezalezhnost-ukra-no.html'; })()">

                                                                    <a href="/video-zbroyni-sili-ukraini/130001-v-ta-mo-z-svyatom-nezalezhnost-ukra-no.html">
                                                                        <span class="sr-only">Вітаємо зі святом незалежності, Україно!</span>
                                                                        <div class="exp-img" alt=""
                                                                             style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/0a22c635e957e46afa95eb3afedd8976_poster.jpg&size=850x560); background-size: cover; "/>
                                                                        <figcaption>
                                                                            <div class="main-caption">
                                                                                <h2 class="title">Вітаємо зі святом незалежності, Україно!</h2>
                                                                            </div>
                                                                            <p class="summary">


Разом ми здатні до великих здобутків, перемоги, і майбутнє належить нам!
Слава Україні! Героям слава!
115 окрема механізована бригада Збройних Сил України
&nbsp;


&nbsp;

</p>
                                                                            <div class="bgfade"></div>
                                                                        </figcaption>
                                                                    </a>
                                                                </div>
                                                            </figure>
                                                        </div>
                                                        <div class="experience-img hide">
                                                            <div class="image-wrap">
                                                                <a class="experience-link"
                                                                   href="/video-zbroyni-sili-ukraini/130001-v-ta-mo-z-svyatom-nezalezhnost-ukra-no.html">
                                                                    <div class="zoom-bg image-replacement"
                                                                         style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/0a22c635e957e46afa95eb3afedd8976_poster.jpg&size=850x560)"></div>
                                                                    <img alt="Вітаємо зі святом незалежності, Україно!"
                                                                         src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.08.2023/2f946094e0a976ed821ff6fcf8cdc408/0a22c635e957e46afa95eb3afedd8976_poster.jpg&size=850x560"/>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                

                                                    <!-- EXPERIENCE ITEM -->
                                                    <div class="experience-item post-video"
                                                         data-thumbsrc="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/8f695c50e68af0e949811f3a13105f86_poster.jpg&size=850x560"
                                                         data-thumbalt="Базова підготовка бійців: основні етапи."
                                                         data-thumbfocus=""
                                                         tabindex="0">
                                                        <div class="item item-2044767" data-videomp4="https://media.ukraine-inform.com/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/4816565810266d99a58c63bbad479ebd.mp4" 
data-videoid="5613" 
data-videohls="https://media.ukraine-inform.com/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/sprite_hls_manifest.m3u8" 
data-link="/video-zbroyni-sili-ukraini/129826-bazova-p-dgotovka-b-yc-v-osnovn-etapi.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/gif/video1.webp">
                                                            <figure>
                                                                <div class="exp-img-wrap dgov-card dgov-card-3"
                                                                     onclick="(function() { window.location.href='/video-zbroyni-sili-ukraini/129826-bazova-p-dgotovka-b-yc-v-osnovn-etapi.html'; })()">

                                                                    <a href="/video-zbroyni-sili-ukraini/129826-bazova-p-dgotovka-b-yc-v-osnovn-etapi.html">
                                                                        <span class="sr-only">Базова підготовка бійців: основні етапи</span>
                                                                        <div class="exp-img" alt=""
                                                                             style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/8f695c50e68af0e949811f3a13105f86_poster.jpg&size=850x560); background-size: cover; "/>
                                                                        <figcaption>
                                                                            <div class="main-caption">
                                                                                <h2 class="title">Базова підготовка бійців: основні етапи</h2>
                                                                            </div>
                                                                            <p class="summary">


Навчитися військової справи з нуля за 35 днів, освоїти нову для себе професію та захистити рідну країну – це все про базову військовий вишкіл в навчальному центрі. 
 
Інструктор майстер-се</p>
                                                                            <div class="bgfade"></div>
                                                                        </figcaption>
                                                                    </a>
                                                                </div>
                                                            </figure>
                                                        </div>
                                                        <div class="experience-img hide">
                                                            <div class="image-wrap">
                                                                <a class="experience-link"
                                                                   href="/video-zbroyni-sili-ukraini/129826-bazova-p-dgotovka-b-yc-v-osnovn-etapi.html">
                                                                    <div class="zoom-bg image-replacement"
                                                                         style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/8f695c50e68af0e949811f3a13105f86_poster.jpg&size=850x560)"></div>
                                                                    <img alt="Базова підготовка бійців: основні етапи"
                                                                         src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/17.08.2023/c17565714144ba50e511c80f9145c8b4/8f695c50e68af0e949811f3a13105f86_poster.jpg&size=850x560"/>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                

                                                    <!-- EXPERIENCE ITEM -->
                                                    <div class="experience-item post-video"
                                                         data-thumbsrc="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/e44b48881de8fd3fd75d6e2c127d07e6_poster.jpg&size=850x560"
                                                         data-thumbalt="Значення та процес бойового злагодження військових підрозділів."
                                                         data-thumbfocus=""
                                                         tabindex="0">
                                                        <div class="item item-2044767" data-videomp4="https://media.ukraine-inform.com/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/11a0b909a152ddb7f6c9ee2ad0848322.mp4" 
data-videoid="5612" 
data-videohls="https://media.ukraine-inform.com/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/sprite_hls_manifest.m3u8" 
data-link="/video-zbroyni-sili-ukraini/129825-znachennya-ta-proces-boyovogo-zlagodzhennya-v-ys-kovih-p-drozd-l-v.html" 
data-videothumbnails="https://media.ukraine-inform.com/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/timeline" 
data-videoanimation="https://media.ukraine-inform.com/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/gif/video1.webp">
                                                            <figure>
                                                                <div class="exp-img-wrap dgov-card dgov-card-3"
                                                                     onclick="(function() { window.location.href='/video-zbroyni-sili-ukraini/129825-znachennya-ta-proces-boyovogo-zlagodzhennya-v-ys-kovih-p-drozd-l-v.html'; })()">

                                                                    <a href="/video-zbroyni-sili-ukraini/129825-znachennya-ta-proces-boyovogo-zlagodzhennya-v-ys-kovih-p-drozd-l-v.html">
                                                                        <span class="sr-only">Значення та процес бойового злагодження військових підрозділів</span>
                                                                        <div class="exp-img" alt=""
                                                                             style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/e44b48881de8fd3fd75d6e2c127d07e6_poster.jpg&size=850x560); background-size: cover; "/>
                                                                        <figcaption>
                                                                            <div class="main-caption">
                                                                                <h2 class="title">Значення та процес бойового злагодження військових підрозділів</h2>
                                                                            </div>
                                                                            <p class="summary">


Після обов&rsquo;язкового проходження всіма мобілізованими базової, а деякими з них ще й фахової підготовки починається найскладніший етап навчання &ndash; бойове злагодження військових підр</p>
                                                                            <div class="bgfade"></div>
                                                                        </figcaption>
                                                                    </a>
                                                                </div>
                                                            </figure>
                                                        </div>
                                                        <div class="experience-img hide">
                                                            <div class="image-wrap">
                                                                <a class="experience-link"
                                                                   href="/video-zbroyni-sili-ukraini/129825-znachennya-ta-proces-boyovogo-zlagodzhennya-v-ys-kovih-p-drozd-l-v.html">
                                                                    <div class="zoom-bg image-replacement"
                                                                         style="background-image: url(https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/e44b48881de8fd3fd75d6e2c127d07e6_poster.jpg&size=850x560)"></div>
                                                                    <img alt="Значення та процес бойового злагодження військових підрозділів"
                                                                         src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/16.08.2023/6230d128f21dd5e86aa3d26bab6418c4/e44b48881de8fd3fd75d6e2c127d07e6_poster.jpg&size=850x560"/>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="dgov-col-md-3 dgov-col-bleed">
                                                <div class="experience-nav-3206 experience-nav"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <script>
                                    document.addEventListener("DOMContentLoaded", function () {
                                        var expNav = '.experience-nav-3206';
                                        var expMain = '.experience-slider-3206';
                                        var expWrap = '.experience-wrap-3206';

                                        console.log($(expMain + ' .experience-item'));
                                        $(expMain + ' .experience-item').each(function () {
                                            var $item = $(this);
                                            console.log($item);
                                            $(expNav).append($("<div class='experience-nav-item' tabindex='0'><div " +
                                                "class='exp-img' style='background-image:url(" +
                                                $item.data('thumbsrc') +
                                                ");" + $item.data('thumbfocus') + "' /></div>"));

                                            $title = $item.find('.main-caption');
                                            $fade = $item.find('.bgfade');
                                            $fade.height($title.height() + 50);

                                            $item.on('keyup',
                                                function (event) {
                                                    if (event.keyCode === 13 || event.keyCode === 32) {
                                                        $item.find('.experience-link').click();
                                                    }
                                                });
                                        });

                                        $(document).ready(function () {
                                            var time = 10;
                                            var $bar,
                                                $slick,
                                                isPause,
                                                tick,
                                                percentTime;

                                            $slick = $(expMain);
                                            $slick.slick({
                                                slidesToShow: 1,
                                                slidesToScroll: 1,
                                                arrows: true,
                                                dots: true,
                                                fade: true,
                                                asNavFor: expNav,
                                                prevArrow: '<i class="fa fa-chevron-left carousel-previous"></i>',
                                                nextArrow: '<i class="fa fa-chevron-right carousel-next"></i>'
                                            })
                                                .on("beforeChange", function () {
                                                    startProgressbar();
                                                });
                                            ;
                                            console.log($slick);

                                            $(expNav).slick({
                                                slidesToShow: 3,
                                                slidesToScroll: 1,
                                                asNavFor: expMain,
                                                dots: false,
                                                vertical: true,
                                                focusOnSelect: true,
                                                centerPadding: 0,
                                                centerMode: true,
                                                arrows: true,
                                                infinite: true,
                                                useTransform: false,
                                                responsive: {
                                                    breakpoint: 992,
                                                    settings: "unslick",
                                                },
                                                prevArrow: '<div class="arrow-container left"><i class="fa fa-chevron-up carousel-previous"></i></div>',
                                                nextArrow: '<div class="arrow-container right"><i class="fa fa-chevron-down carousel-next"></i></div>',
                                            })
                                                .on("setPosition", function () {
                                                    setTimeout(function () {
                                                            var $item = $slick.find('.slick-slide .experience-item').first();
                                                            var $list = $(expNav).find('.slick-list');
                                                            var $track = $(expNav).find('.slick-track');
                                                            if ($item.length === 0) return;
                                                            if ($item.height() !== $(expNav).height()) {
                                                                $(expNav).height($item.height());
                                                            }
                                                            $list.height($item.height());
                                                            if ($track.find('.slick-slide').length < 4) {
                                                                // making margin-top the inverse of top so they cancel each other out (e.g. top: -100px, margin top is 100px)
                                                                $track.css({marginTop: (parseInt($track.css('top')) * -1) + "px"});
                                                            }
                                                        },
                                                        0);
                                                });

                                            $bar = $('.slider-progress .progress');

                                            $items = $slick.find('.slick-slide .experience-item');
                                            $items.hover(function () {
                                                    if (window.innerWidth < 991) return;
                                                    $t = $(this);
                                                    $title = $t.find('.main-caption');
                                                    $summary = $t.find('.summary');
                                                    $fade = $t.find('.bgfade');
                                                    sumHeight = $summary.height() + 30 > 185 ? 215 : $summary.height() + 30;
                                                    $title.css({transform: 'translateY(-' + sumHeight + 'px)'}); // add 30px for bottom margin
                                                    $fade.height(sumHeight + $title.height() + 50);
                                                },
                                                function () {
                                                    $t = $(this);
                                                    $title = $t.find('.main-caption');
                                                    $title.css({transform: 'translateY(0)'});
                                                    $fade.height($title.height() + 50);
                                                });

                                            var isMobile = {
                                                Android: function () {
                                                    return navigator.userAgent.match(/Android/i);
                                                },
                                                BlackBerry: function () {
                                                    return navigator.userAgent.match(/BlackBerry/i);
                                                },
                                                iOS: function () {
                                                    return navigator.userAgent.match(/iPhone|iPad|iPod/i);
                                                },
                                                Opera: function () {
                                                    return navigator.userAgent.match(/Opera Mini/i);
                                                },
                                                Windows: function () {
                                                    return navigator.userAgent.match(/IEMobile/i);
                                                },
                                                any: function () {
                                                    return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
                                                }
                                            };

                                            if (isMobile.any()) {

                                            } else {
                                                $(expMain).on({
                                                    mouseenter: function () {
                                                        isPause = true;
                                                    },
                                                    mouseleave: function () {
                                                        isPause = false;
                                                    }
                                                });
                                            }
                                            ;

                                            function startProgressbar() {
                                                resetProgressbar();
                                                percentTime = 0;
                                                isPause = false;
                                                tick = setInterval(interval, 10);
                                            }

                                            function interval() {
                                                if (isPause === false) {
                                                    percentTime += 1 / (time + 0.1);
                                                    $bar.css({
                                                        width: percentTime + "%"
                                                    });
                                                    if (percentTime >= 100) {
                                                        $slick.slick('slickNext');
                                                        startProgressbar();
                                                    }
                                                }
                                            }

                                            function resetProgressbar() {
                                                $bar.css({
                                                    width: 0 + '%'
                                                });
                                                clearTimeout(tick);
                                            }

                                            startProgressbar();
                                        });
                                    });
                                </script>

                            </div>


                        </div>
                    </div>
                </div><!-- End_Module_3206 -->
            </div>
        </div><!--end of empty container -->
    </div>
</div>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2425-3 row-k-style" id="row-k-style-2425-3">
            <div class="row-k-width-2425-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 base-content no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2424-2 row-k-style" id="row-k-style-2424-2">
            <div class="row-k-width-2424-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style></style>
<footer id="footer-main">
    <div classname="utility-nav">
        <ul classname="">
            <li classname=""><a href="/"><span classname="text text-link-12">Головна</span></a>
            </li>
            <li classname=""><a href="/news"><span classname="text text-link-12">Новини</span></a>
            </li>
            <li classname=""><a href="/video"><span classname="text text-link-17">Відео</span></a>
            </li>
            <li classname=""><a href="/press-zsu-contacts"><span classname="text text-link-17">Контакти</span></a>
            </li>
        </ul>
    </div>

    <div classname="social-nav-subscribe-container">
        <div classname="social-nav">
            <ul classname="">
                <li classname=""><a href="https://www.facebook.com/press.zsu" target="_blank" rel="noopener noreferrer"
                                    title="Facebook"><span classname="social-icon fa fa-facebook social-link-6"></span></a>
                </li>
                <li classname=""><a href="https://www.youtube.com/#" target="_blank" rel="noopener noreferrer"
                                    title="YouTube"><span
                        classname="social-icon fa fa-youtube social-link-7"></span></a></li>
            </ul>
        </div>
    </div>
</footer>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            
        
        <a href="#" id="go-top"><i class="fas fa-arrow-up"></i></a>

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


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

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


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


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

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

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

                            function checkoutLoad() {
                                $('body').css('opacity', '0.6');
                                $('.cont-checkout').remove();
                                $.ajax({
                                    type: 'POST',
                                    url: '/helps/get-checkout',
                                    success: function (response) {
                                        $('body').css('opacity', '1');
                                        $('body').append(response)
                                    }
                                });
                            }
                            $('.button-add-checkout').click(function (e) {
                                e.preventDefault();
                                var id = $(this).data('id');
                                var myProduct = [];
                                if(getCookie('my-product-1')) {
                                    myProduct = JSON.parse(getCookie('my-product-1'));
                                    for(var i=0; i<myProduct.length; i++) {
                                        if(myProduct[i]==id) {
                                            checkoutLoad();
                                            return 0;
                                        }
                                    }
                                }
                                myProduct.push(id);
                                setCookie('my-product-1', JSON.stringify(myProduct), 365);
                                checkoutLoad();
                            });
                            $(document).on('click', '.button-add-checkout-final', function (e){
                                e.preventDefault();
                                var _this = $(this);
                                $('body').css('opacity', '0.6');
                                $.ajax({
                                    type: 'POST',
                                    url: '/helps/get-post-player-send-message',
                                    data: {
                                        name: $('#check_name').val(),
                                        city: $('#check_city').val(),
                                        number: $('#check_number').val(),
                                        phone: $('#check_phone').val(),
                                        comment: $('#check_comment').val(),
                                        email: '',
                                        text: $('#check_text').val(),
                                        time: '',
                                        doktor: '',
                                        email_send: _this.data('email'),
                                    },
                                    success: function (response) {
                                        setCookie('my-product-1', JSON.stringify([]), 365);
                                        $('body').css('opacity', '1');
                                        $('.cont-checkout').remove();
                                    }
                                });
                            });
                            $(document).on('click', '.check-close', function (e){
                                e.preventDefault();
                                $('.cont-checkout').remove();
                            });
                            $(document).on('click', '.rem-pr', function (e){
                                e.preventDefault();
                                var id = $(this).data('id');
                                var myProduct = [];
                                if(getCookie('my-product-1')) {
                                    var tmp = JSON.parse(getCookie('my-product-1'));
                                    for(var i=0; i<tmp.length; i++) {
                                        if(tmp[i]!=id)
                                            myProduct.push(tmp[i]);
                                    }
                                }
                                setCookie('my-product-1', JSON.stringify(myProduct), 365);
                                checkoutLoad();
                            });
                        }
                    });
                });
            </script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.6.2/video.min.js"></script>
            <script src="https://cdn.ukraine-inform.com/assets/video/videojs.watermark.js"></script>
            <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>-->
            <script src="https://unpkg.com/@videojs/http-streaming@2.14.2/dist/videojs-http-streaming.min.js"></script>
            
            <script src="https://cdn.ukraine-inform.com/assets/video/videojs-vtt-thumbnails.min.js"></script>

                            <!--player-->

                            <script src="https://cdn.ukraine-inform.com/admin/axios.min.js"></script>
            <!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
            <script src="https://cdn.ukraine-inform.com/admin/vue.js"></script>
            <script src="https://cdn.ukraine-inform.com/assets/video-player/player.js?v=1695943587"></script>
                                                                <script src="https://cdn.ukraine-inform.com/new/slick.min.js"></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>
    
        
<div id="sfwdtba947e" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar"></div><script nonce="f873afe2ed0663514c16b88bf081ed65">/*<![CDATA[*/    if (typeof Sfjs === 'undefined' || typeof Sfjs.loadToolbar === 'undefined') {    Sfjs = (function() {        "use strict";        if ('classList' in document.documentElement) {            var hasClass = function (el, cssClass) { return el.classList.contains(cssClass); };            var removeClass = function(el, cssClass) { el.classList.remove(cssClass); };            var addClass = function(el, cssClass) { el.classList.add(cssClass); };            var toggleClass = function(el, cssClass) { el.classList.toggle(cssClass); };        } else {            var hasClass = function (el, cssClass) { return el.className.match(new RegExp('\\b' + cssClass + '\\b')); };            var removeClass = function(el, cssClass) { el.className = el.className.replace(new RegExp('\\b' + cssClass + '\\b'), ' '); };            var addClass = function(el, cssClass) { if (!hasClass(el, cssClass)) { el.className += " " + cssClass; } };            var toggleClass = function(el, cssClass) { hasClass(el, cssClass) ? removeClass(el, cssClass) : addClass(el, cssClass); };        }        var noop = function() {};        var profilerStorageKey = 'symfony/profiler/';        var addEventListener;        var el = document.createElement('div');        if (!('addEventListener' in el)) {            addEventListener = function (element, eventName, callback) {                element.attachEvent('on' + eventName, callback);            };        } else {            addEventListener = function (element, eventName, callback) {                element.addEventListener(eventName, callback, false);            };        }        var request = function(url, onSuccess, onError, payload, options) {            var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');            options = options || {};            options.maxTries = options.maxTries || 0;            xhr.open(options.method || 'GET', url, true);            xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');            xhr.onreadystatechange = function(state) {                if (4 !== xhr.readyState) {                    return null;                }                if (xhr.status == 404 && options.maxTries > 1) {                    setTimeout(function(){                        options.maxTries--;                        request(url, onSuccess, onError, payload, options);                    }, 1000);                    return null;                }                if (200 === xhr.status) {                    (onSuccess || noop)(xhr);                } else {                    (onError || noop)(xhr);                }            };            xhr.send(payload || '');        };        var getPreference = function(name) {            if (!window.localStorage) {                return null;            }            return localStorage.getItem(profilerStorageKey + name);        };        var setPreference = function(name, value) {            if (!window.localStorage) {                return null;            }            localStorage.setItem(profilerStorageKey + name, value);        };        var requestStack = [];        var extractHeaders = function(xhr, stackElement) {            /* Here we avoid to call xhr.getResponseHeader in order to */            /* prevent polluting the console with CORS security errors */            var allHeaders = xhr.getAllResponseHeaders();            var ret;            if (ret = allHeaders.match(/^x-debug-token:\s+(.*)$/im)) {                stackElement.profile = ret[1];            }            if (ret = allHeaders.match(/^x-debug-token-link:\s+(.*)$/im)) {                stackElement.profilerUrl = ret[1];            }            if (ret = allHeaders.match(/^Symfony-Debug-Toolbar-Replace:\s+(.*)$/im)) {                stackElement.toolbarReplaceFinished = false;                stackElement.toolbarReplace = '1' === ret[1];            }        };        var successStreak = 4;        var pendingRequests = 0;        var renderAjaxRequests = function() {            var requestCounter = document.querySelector('.sf-toolbar-ajax-request-counter');            if (!requestCounter) {                return;            }            requestCounter.textContent = requestStack.length;            var infoSpan = document.querySelector(".sf-toolbar-ajax-info");            if (infoSpan) {                infoSpan.textContent = requestStack.length + ' AJAX request' + (requestStack.length !== 1 ? 's' : '');            }            var ajaxToolbarPanel = document.querySelector('.sf-toolbar-block-ajax');            if (requestStack.length) {                ajaxToolbarPanel.style.display = 'block';            } else {                ajaxToolbarPanel.style.display = 'none';            }            if (pendingRequests > 0) {                addClass(ajaxToolbarPanel, 'sf-ajax-request-loading');            } else if (successStreak < 4) {                addClass(ajaxToolbarPanel, 'sf-toolbar-status-red');                removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');            } else {                removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');                removeClass(ajaxToolbarPanel, 'sf-toolbar-status-red');            }        };        var startAjaxRequest = function(index) {            var tbody = document.querySelector('.sf-toolbar-ajax-request-list');            if (!tbody) {                return;            }            var nbOfAjaxRequest = tbody.rows.length;            if (nbOfAjaxRequest >= 100) {                tbody.deleteRow(0);            }            var request = requestStack[index];            pendingRequests++;            var row = document.createElement('tr');            request.DOMNode = row;            var requestNumberCell = document.createElement('td');            requestNumberCell.textContent = index + 1;            row.appendChild(requestNumberCell);            var profilerCell = document.createElement('td');            profilerCell.textContent = 'n/a';            row.appendChild(profilerCell);            var methodCell = document.createElement('td');            methodCell.textContent = request.method;            row.appendChild(methodCell);            var typeCell = document.createElement('td');            typeCell.textContent = request.type;            row.appendChild(typeCell);            var statusCodeCell = document.createElement('td');            var statusCode = document.createElement('span');            statusCode.textContent = 'n/a';            statusCodeCell.appendChild(statusCode);            row.appendChild(statusCodeCell);            var pathCell = document.createElement('td');            pathCell.className = 'sf-ajax-request-url';            if ('GET' === request.method) {                var pathLink = document.createElement('a');                pathLink.setAttribute('href', request.url);                pathLink.textContent = request.url;                pathCell.appendChild(pathLink);            } else {                pathCell.textContent = request.url;            }            pathCell.setAttribute('title', request.url);            row.appendChild(pathCell);            var durationCell = document.createElement('td');            durationCell.className = 'sf-ajax-request-duration';            durationCell.textContent = 'n/a';            row.appendChild(durationCell);            request.liveDurationHandle = setInterval(function() {                durationCell.textContent = (new Date() - request.start) + 'ms';            }, 100);            row.className = 'sf-ajax-request sf-ajax-request-loading';            tbody.insertBefore(row, null);            var toolbarInfo = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info');            toolbarInfo.scrollTop = toolbarInfo.scrollHeight;            renderAjaxRequests();        };        var finishAjaxRequest = function(index) {            var request = requestStack[index];            clearInterval(request.liveDurationHandle);            if (!request.DOMNode) {                return;            }            if (request.toolbarReplace && !request.toolbarReplaceFinished && request.profile) {                /* Flag as complete because finishAjaxRequest can be called multiple times. */                request.toolbarReplaceFinished = true;                /* Search up through the DOM to find the toolbar's container ID. */                for (var elem = request.DOMNode; elem && elem !== document; elem = elem.parentNode) {                    if (elem.id.match(/^sfwdt/)) {                        Sfjs.loadToolbar(elem.id.replace(/^sfwdt/, ''), request.profile);                        break;                    }                }            }            pendingRequests--;            var row = request.DOMNode;            /* Unpack the children from the row */            var profilerCell = row.children[1];            var methodCell = row.children[2];            var statusCodeCell = row.children[4];            var statusCodeElem = statusCodeCell.children[0];            var durationCell = row.children[6];            if (request.error) {                row.className = 'sf-ajax-request sf-ajax-request-error';                methodCell.className = 'sf-ajax-request-error';                successStreak = 0;            } else {                row.className = 'sf-ajax-request sf-ajax-request-ok';                successStreak++;            }            if (request.statusCode) {                if (request.statusCode < 300) {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status');                } else if (request.statusCode < 400) {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-yellow');                } else {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');                }                statusCodeElem.textContent = request.statusCode;            } else {                statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');            }            if (request.duration) {                durationCell.textContent = request.duration + 'ms';            }            if (request.profilerUrl) {                profilerCell.textContent = '';                var profilerLink = document.createElement('a');                profilerLink.setAttribute('href', request.profilerUrl);                profilerLink.textContent = request.profile;                profilerCell.appendChild(profilerLink);            }            renderAjaxRequests();        };                    if (window.fetch && window.fetch.polyfill === undefined) {                var oldFetch = window.fetch;                window.fetch = function () {                    var promise = oldFetch.apply(this, arguments);                    var url = arguments[0];                    var params = arguments[1];                    var paramType = Object.prototype.toString.call(arguments[0]);                    if (paramType === '[object Request]') {                        url = arguments[0].url;                        params = {                            method: arguments[0].method,                            credentials: arguments[0].credentials,                            headers: arguments[0].headers,                            mode: arguments[0].mode,                            redirect: arguments[0].redirect                        };                    } else {                        url = String(url);                    }                    if (!url.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                        var method = 'GET';                        if (params && params.method !== undefined) {                            method = params.method;                        }                        var stackElement = {                            error: false,                            url: url,                            method: method,                            type: 'fetch',                            start: new Date()                        };                        var idx = requestStack.push(stackElement) - 1;                        promise.then(function (r) {                            stackElement.duration = new Date() - stackElement.start;                            stackElement.error = r.status < 200 || r.status >= 400;                            stackElement.statusCode = r.status;                            stackElement.profile = r.headers.get('x-debug-token');                            stackElement.profilerUrl = r.headers.get('x-debug-token-link');                            stackElement.toolbarReplaceFinished = false;                            stackElement.toolbarReplace = '1' === r.headers.get('Symfony-Debug-Toolbar-Replace');                            finishAjaxRequest(idx);                        }, function (e){                            stackElement.error = true;                            finishAjaxRequest(idx);                        });                        startAjaxRequest(idx);                    }                    return promise;                };            }            if (window.XMLHttpRequest && XMLHttpRequest.prototype.addEventListener) {                var proxied = XMLHttpRequest.prototype.open;                XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {                    var self = this;                    /* prevent logging AJAX calls to static and inline files, like templates */                    var path = url;                    if (url.substr(0, 1) === '/') {                        if (0 === url.indexOf('')) {                            path = url.substr(0);                        }                    }                    else if (0 === url.indexOf('https\u003A\/\/press\u002Dzsu.com')) {                        path = url.substr(21);                    }                    if (!path.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                        var stackElement = {                            error: false,                            url: url,                            method: method,                            type: 'xhr',                            start: new Date()                        };                        var idx = requestStack.push(stackElement) - 1;                        this.addEventListener('readystatechange', function() {                            if (self.readyState == 4) {                                stackElement.duration = new Date() - stackElement.start;                                stackElement.error = self.status < 200 || self.status >= 400;                                stackElement.statusCode = self.status;                                extractHeaders(self, stackElement);                                finishAjaxRequest(idx);                            }                        }, false);                        startAjaxRequest(idx);                    }                    proxied.apply(this, Array.prototype.slice.call(arguments));                };            }                return {            hasClass: hasClass,            removeClass: removeClass,            addClass: addClass,            toggleClass: toggleClass,            getPreference: getPreference,            setPreference: setPreference,            addEventListener: addEventListener,            request: request,            renderAjaxRequests: renderAjaxRequests,            load: function(selector, url, onSuccess, onError, options) {                var el = document.getElementById(selector);                if (el && el.getAttribute('data-sfurl') !== url) {                    request(                        url,                        function(xhr) {                            el.innerHTML = xhr.responseText;                            el.setAttribute('data-sfurl', url);                            removeClass(el, 'loading');                            var pending = pendingRequests;                            for (var i = 0; i < requestStack.length; i++) {                                startAjaxRequest(i);                                if (requestStack[i].duration) {                                    finishAjaxRequest(i);                                }                            }                            /* Revert the pending state in case there was a start called without a finish above. */                            pendingRequests = pending;                            (onSuccess || noop)(xhr, el);                        },                        function(xhr) { (onError || noop)(xhr, el); },                        '',                        options                    );                }                return this;            },            loadToolbar: function(token, newToken) {                newToken = (newToken || token);                this.load(                    'sfwdt' + token,                    'https\u003A\/\/press\u002Dzsu.com\/_wdt\/xxxxxx'.replace(/xxxxxx/, newToken),                    function(xhr, el) {                        /* Do nothing in the edge case where the toolbar has already been replaced with a new one */                        if (!document.getElementById('sfToolbarMainContent-' + newToken)) {                            return;                        }                        /* Evaluate in global scope scripts embedded inside the toolbar */                        var i, scripts = [].slice.call(el.querySelectorAll('script'));                        for (i = 0; i < scripts.length; ++i) {                            eval.call({}, scripts[i].firstChild.nodeValue);                        }                        el.style.display = -1 !== xhr.responseText.indexOf('sf-toolbarreset') ? 'block' : 'none';                        if (el.style.display == 'none') {                            return;                        }                        if (getPreference('toolbar/displayState') == 'none') {                            document.getElementById('sfToolbarMainContent-' + newToken).style.display = 'none';                            document.getElementById('sfToolbarClearer-' + newToken).style.display = 'none';                            document.getElementById('sfMiniToolbar-' + newToken).style.display = 'block';                        } else {                            document.getElementById('sfToolbarMainContent-' + newToken).style.display = 'block';                            document.getElementById('sfToolbarClearer-' + newToken).style.display = 'block';                            document.getElementById('sfMiniToolbar-' + newToken).style.display = 'none';                        }                        /* Handle toolbar-info position */                        var toolbarBlocks = [].slice.call(el.querySelectorAll('.sf-toolbar-block'));                        for (i = 0; i < toolbarBlocks.length; ++i) {                            toolbarBlocks[i].onmouseover = function () {                                var toolbarInfo = this.querySelectorAll('.sf-toolbar-info')[0];                                var pageWidth = document.body.clientWidth;                                var elementWidth = toolbarInfo.offsetWidth;                                var leftValue = (elementWidth + this.offsetLeft) - pageWidth;                                var rightValue = (elementWidth + (pageWidth - this.offsetLeft)) - pageWidth;                                /* Reset right and left value, useful on window resize */                                toolbarInfo.style.right = '';                                toolbarInfo.style.left = '';                                if (elementWidth > pageWidth) {                                    toolbarInfo.style.left = 0;                                }                                else if (leftValue > 0 && rightValue > 0) {                                    toolbarInfo.style.right = (rightValue * -1) + 'px';                                } else if (leftValue < 0) {                                    toolbarInfo.style.left = 0;                                } else {                                    toolbarInfo.style.right = '0px';                                }                            };                        }                        addEventListener(document.getElementById('sfToolbarHideButton-' + newToken), 'click', function (event) {                            event.preventDefault();                            var p = this.parentNode;                            p.style.display = 'none';                            (p.previousElementSibling || p.previousSibling).style.display = 'none';                            document.getElementById('sfMiniToolbar-' + newToken).style.display = 'block';                            setPreference('toolbar/displayState', 'none');                        });                        addEventListener(document.getElementById('sfToolbarMiniToggler-' + newToken), 'click', function (event) {                            event.preventDefault();                            var elem = this.parentNode;                            if (elem.style.display == 'none') {                                document.getElementById('sfToolbarMainContent-' + newToken).style.display = 'none';                                document.getElementById('sfToolbarClearer-' + newToken).style.display = 'none';                                elem.style.display = 'block';                            } else {                                document.getElementById('sfToolbarMainContent-' + newToken).style.display = 'block';                                document.getElementById('sfToolbarClearer-' + newToken).style.display = 'block';                                elem.style.display = 'none'                            }                            setPreference('toolbar/displayState', 'block');                        });                        renderAjaxRequests();                        addEventListener(document.querySelector('.sf-toolbar-ajax-clear'), 'click', function() {                            requestStack = [];                            renderAjaxRequests();                            successStreak = 4;                            document.querySelector('.sf-toolbar-ajax-request-list').innerHTML = '';                        });                        addEventListener(document.querySelector('.sf-toolbar-block-ajax'), 'mouseenter', function (event) {                            var elem = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info');                            elem.scrollTop = elem.scrollHeight;                        });                        addEventListener(document.querySelector('.sf-toolbar-block-ajax > .sf-toolbar-icon'), 'click', function (event) {                            event.preventDefault();                            toggleClass(this.parentNode, 'hover');                        });                        var dumpInfo = document.querySelector('.sf-toolbar-block-dump .sf-toolbar-info');                        if (null !== dumpInfo) {                            addEventListener(dumpInfo, 'sfbeforedumpcollapse', function () {                                dumpInfo.style.minHeight = dumpInfo.getBoundingClientRect().height+'px';                            });                            addEventListener(dumpInfo, 'mouseleave', function () {                                dumpInfo.style.minHeight = '';                            });                        }                    },                    function(xhr) {                        if (xhr.status !== 0) {                            var sfwdt = document.getElementById('sfwdt' + token);                            sfwdt.innerHTML = '\                                <div class="sf-toolbarreset">\                                    <div class="sf-toolbar-icon"><svg width="26" height="28" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 26 28" enable-background="new 0 0 26 28" xml:space="preserve"><path fill="#FFFFFF" d="M13 0C5.8 0 0 5.8 0 13c0 7.2 5.8 13 13 13c7.2 0 13-5.8 13-13C26 5.8 20.2 0 13 0z M20 7.5 c-0.6 0-1-0.3-1-0.9c0-0.2 0-0.4 0.2-0.6c0.1-0.3 0.2-0.3 0.2-0.4c0-0.3-0.5-0.4-0.7-0.4c-2 0.1-2.5 2.7-2.9 4.8l-0.2 1.1 c1.1 0.2 1.9 0 2.4-0.3c0.6-0.4-0.2-0.8-0.1-1.3C18 9.2 18.4 9 18.7 8.9c0.5 0 0.8 0.5 0.8 1c0 0.8-1.1 2-3.3 1.9 c-0.3 0-0.5 0-0.7-0.1L15 14.1c-0.4 1.7-0.9 4.1-2.6 6.2c-1.5 1.8-3.1 2.1-3.8 2.1c-1.3 0-2.1-0.6-2.2-1.6c0-0.9 0.8-1.4 1.3-1.4 c0.7 0 1.2 0.5 1.2 1.1c0 0.5-0.2 0.6-0.4 0.7c-0.1 0.1-0.3 0.2-0.3 0.4c0 0.1 0.1 0.3 0.4 0.3c0.5 0 0.9-0.3 1.2-0.5 c1.3-1 1.7-2.9 2.4-6.2l0.1-0.8c0.2-1.1 0.5-2.3 0.8-3.5c-0.9-0.7-1.4-1.5-2.6-1.8c-0.8-0.2-1.3 0-1.7 0.4C8.4 10 8.6 10.7 9 11.1 l0.7 0.7c0.8 0.9 1.3 1.7 1.1 2.7c-0.3 1.6-2.1 2.8-4.3 2.1c-1.9-0.6-2.2-1.9-2-2.7c0.2-0.6 0.7-0.8 1.2-0.6 c0.5 0.2 0.7 0.8 0.6 1.3c0 0.1 0 0.1-0.1 0.3C6 15 5.9 15.2 5.9 15.3c-0.1 0.4 0.4 0.7 0.8 0.8c0.8 0.3 1.7-0.2 1.9-0.9 c0.2-0.6-0.2-1.1-0.4-1.2l-0.8-0.9c-0.4-0.4-1.2-1.5-0.8-2.8c0.2-0.5 0.5-1 0.9-1.4c1-0.7 2-0.8 3-0.6c1.3 0.4 1.9 1.2 2.8 1.9 c0.5-1.3 1.1-2.6 2-3.8c0.9-1 2-1.7 3.3-1.8C20 4.8 21 5.4 21 6.3C21 6.7 20.8 7.5 20 7.5z"/></svg></div>\                                    An error occurred while loading the web debug toolbar. <a href="https\u003A\/\/press\u002Dzsu.com\/_profiler\/' + newToken + '>Open the web profiler.</a>\                                </div>\                            ';                            sfwdt.setAttribute('class', 'sf-toolbar sf-error-toolbar');                        }                    },                    { maxTries: 5 }                );                return this;            },            toggle: function(selector, elOn, elOff) {                var tmp = elOn.style.display,                    el = document.getElementById(selector);                elOn.style.display = elOff.style.display;                elOff.style.display = tmp;                if (el) {                    el.style.display = 'none' === tmp ? 'none' : 'block';                }                return this;            },            createTabs: function() {                var tabGroups = document.querySelectorAll('.sf-tabs:not([data-processed=true])');                /* create the tab navigation for each group of tabs */                for (var i = 0; i < tabGroups.length; i++) {                    var tabs = tabGroups[i].querySelectorAll(':scope > .tab');                    var tabNavigation = document.createElement('ul');                    tabNavigation.className = 'tab-navigation';                    var selectedTabId = 'tab-' + i + '-0'; /* select the first tab by default */                    for (var j = 0; j < tabs.length; j++) {                        var tabId = 'tab-' + i + '-' + j;                        var tabTitle = tabs[j].querySelector('.tab-title').innerHTML;                        var tabNavigationItem = document.createElement('li');                        tabNavigationItem.setAttribute('data-tab-id', tabId);                        if (hasClass(tabs[j], 'active')) { selectedTabId = tabId; }                        if (hasClass(tabs[j], 'disabled')) { addClass(tabNavigationItem, 'disabled'); }                        tabNavigationItem.innerHTML = tabTitle;                        tabNavigation.appendChild(tabNavigationItem);                        var tabContent = tabs[j].querySelector('.tab-content');                        tabContent.parentElement.setAttribute('id', tabId);                    }                    tabGroups[i].insertBefore(tabNavigation, tabGroups[i].firstChild);                    addClass(document.querySelector('[data-tab-id="' + selectedTabId + '"]'), 'active');                }                /* display the active tab and add the 'click' event listeners */                for (i = 0; i < tabGroups.length; i++) {                    tabNavigation = tabGroups[i].querySelectorAll(':scope > .tab-navigation li');                    for (j = 0; j < tabNavigation.length; j++) {                        tabId = tabNavigation[j].getAttribute('data-tab-id');                        document.getElementById(tabId).querySelector('.tab-title').className = 'hidden';                        if (hasClass(tabNavigation[j], 'active')) {                            document.getElementById(tabId).className = 'block';                        } else {                            document.getElementById(tabId).className = 'hidden';                        }                        tabNavigation[j].addEventListener('click', function(e) {                            var activeTab = e.target || e.srcElement;                            /* needed because when the tab contains HTML contents, user can click */                            /* on any of those elements instead of their parent '<li>' element */                            while (activeTab.tagName.toLowerCase() !== 'li') {                                activeTab = activeTab.parentNode;                            }                            /* get the full list of tabs through the parent of the active tab element */                            var tabNavigation = activeTab.parentNode.children;                            for (var k = 0; k < tabNavigation.length; k++) {                                var tabId = tabNavigation[k].getAttribute('data-tab-id');                                document.getElementById(tabId).className = 'hidden';                                removeClass(tabNavigation[k], 'active');                            }                            addClass(activeTab, 'active');                            var activeTabId = activeTab.getAttribute('data-tab-id');                            document.getElementById(activeTabId).className = 'block';                        });                    }                    tabGroups[i].setAttribute('data-processed', 'true');                }            },            createToggles: function() {                var toggles = document.querySelectorAll('.sf-toggle:not([data-processed=true])');                for (var i = 0; i < toggles.length; i++) {                    var elementSelector = toggles[i].getAttribute('data-toggle-selector');                    var element = document.querySelector(elementSelector);                    addClass(element, 'sf-toggle-content');                    if (toggles[i].hasAttribute('data-toggle-initial') && toggles[i].getAttribute('data-toggle-initial') == 'display') {                        addClass(toggles[i], 'sf-toggle-on');                        addClass(element, 'sf-toggle-visible');                    } else {                        addClass(toggles[i], 'sf-toggle-off');                        addClass(element, 'sf-toggle-hidden');                    }                    addEventListener(toggles[i], 'click', function(e) {                        e.preventDefault();                        if ('' !== window.getSelection().toString()) {                            /* Don't do anything on text selection */                            return;                        }                        var toggle = e.target || e.srcElement;                        /* needed because when the toggle contains HTML contents, user can click */                        /* on any of those elements instead of their parent '.sf-toggle' element */                        while (!hasClass(toggle, 'sf-toggle')) {                            toggle = toggle.parentNode;                        }                        var element = document.querySelector(toggle.getAttribute('data-toggle-selector'));                        toggleClass(toggle, 'sf-toggle-on');                        toggleClass(toggle, 'sf-toggle-off');                        toggleClass(element, 'sf-toggle-hidden');                        toggleClass(element, 'sf-toggle-visible');                        /* the toggle doesn't change its contents when clicking on it */                        if (!toggle.hasAttribute('data-toggle-alt-content')) {                            return;                        }                        if (!toggle.hasAttribute('data-toggle-original-content')) {                            toggle.setAttribute('data-toggle-original-content', toggle.innerHTML);                        }                        var currentContent = toggle.innerHTML;                        var originalContent = toggle.getAttribute('data-toggle-original-content');                        var altContent = toggle.getAttribute('data-toggle-alt-content');                        toggle.innerHTML = currentContent !== altContent ? altContent : originalContent;                    });                    /* Prevents from disallowing clicks on links inside toggles */                    var toggleLinks = toggles[i].querySelectorAll('a');                    for (var j = 0; j < toggleLinks.length; j++) {                        addEventListener(toggleLinks[j], 'click', function(e) {                            e.stopPropagation();                        });                    }                    toggles[i].setAttribute('data-processed', 'true');                }            },            createFilters: function() {                document.querySelectorAll('[data-filters] [data-filter]').forEach(function (filter) {                    var filters = filter.closest('[data-filters]'),                        type = 'choice',                        name = filter.dataset.filter,                        ucName = name.charAt(0).toUpperCase()+name.slice(1),                        list = document.createElement('ul'),                        values = filters.dataset['filter'+ucName] || filters.querySelectorAll('[data-filter-'+name+']'),                        labels = {},                        defaults = null,                        indexed = {},                        processed = {};                    if (typeof values === 'string') {                        type = 'level';                        labels = values.split(',');                        values = values.toLowerCase().split(',');                        defaults = values.length - 1;                    }                    addClass(list, 'filter-list');                    addClass(list, 'filter-list-'+type);                    values.forEach(function (value, i) {                        if (value instanceof HTMLElement) {                            value = value.dataset['filter'+ucName];                        }                        if (value in processed) {                            return;                        }                        var option = document.createElement('li'),                            label = i in labels ? labels[i] : value,                            active = false,                            matches;                        if ('' === label) {                            option.innerHTML = '<em>(none)</em>';                        } else {                            option.innerText = label;                        }                        option.dataset.filter = value;                        option.setAttribute('title', 1 === (matches = filters.querySelectorAll('[data-filter-'+name+'="'+value+'"]').length) ? 'Matches 1 row' : 'Matches '+matches+' rows');                        indexed[value] = i;                        list.appendChild(option);                        addEventListener(option, 'click', function () {                            if ('choice' === type) {                                filters.querySelectorAll('[data-filter-'+name+']').forEach(function (row) {                                    if (option.dataset.filter === row.dataset['filter'+ucName]) {                                        toggleClass(row, 'filter-hidden-'+name);                                    }                                });                                toggleClass(option, 'active');                            } else if ('level' === type) {                                if (i === this.parentNode.querySelectorAll('.active').length - 1) {                                    return;                                }                                this.parentNode.querySelectorAll('li').forEach(function (currentOption, j) {                                    if (j <= i) {                                        addClass(currentOption, 'active');                                        if (i === j) {                                            addClass(currentOption, 'last-active');                                        } else {                                            removeClass(currentOption, 'last-active');                                        }                                    } else {                                        removeClass(currentOption, 'active');                                        removeClass(currentOption, 'last-active');                                    }                                });                                filters.querySelectorAll('[data-filter-'+name+']').forEach(function (row) {                                    if (i < indexed[row.dataset['filter'+ucName]]) {                                        addClass(row, 'filter-hidden-'+name);                                    } else {                                        removeClass(row, 'filter-hidden-'+name);                                    }                                });                            }                        });                        if ('choice' === type) {                            active = null === defaults || 0 <= defaults.indexOf(value);                        } else if ('level' === type) {                            active = i <= defaults;                            if (active && i === defaults) {                                addClass(option, 'last-active');                            }                        }                        if (active) {                            addClass(option, 'active');                        } else {                            filters.querySelectorAll('[data-filter-'+name+'="'+value+'"]').forEach(function (row) {                                toggleClass(row, 'filter-hidden-'+name);                            });                        }                        processed[value] = true;                    });                    if (1 < list.childNodes.length) {                        filter.appendChild(list);                        filter.dataset.filtered = '';                    }                });            }        };    })();    Sfjs.addEventListener(document, 'DOMContentLoaded', function() {        Sfjs.createTabs();        Sfjs.createToggles();    });}/*]]>*/</script><style nonce="55d425ea96a7ef643a07ff8bd7428604">    .sf-minitoolbar {    background-color: #222;    border-top-left-radius: 4px;    bottom: 0;    box-sizing: border-box;    display: none;    height: 36px;    padding: 6px;    position: fixed;    right: 0;    z-index: 99999;}.sf-minitoolbar a {    display: block;}.sf-minitoolbar svg,.sf-minitoolbar img {    max-height: 24px;    max-width: 24px;    display: inline;}.sf-toolbar-clearer {    clear: both;    height: 36px;}.sf-display-none {    display: none;}.sf-toolbarreset * {    box-sizing: content-box;    vertical-align: baseline;    letter-spacing: normal;    width: auto;}.sf-toolbarreset {    background-color: #222;    bottom: 0;    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);    color: #EEE;    font: 11px Arial, sans-serif;    left: 0;    margin: 0;    padding: 0 36px 0 0;    position: fixed;    right: 0;    text-align: left;    text-transform: none;    z-index: 99999;    direction: ltr;    /* neutralize the aliasing defined by external CSS styles */    -webkit-font-smoothing: subpixel-antialiased;    -moz-osx-font-smoothing: auto;}.sf-toolbarreset abbr {    border: dashed #777;    border-width: 0 0 1px;}.sf-toolbarreset svg,.sf-toolbarreset img {    height: 20px;    width: 20px;    display: inline-block;}.sf-toolbarreset .hide-button {    background: #444;    display: block;    position: absolute;    top: 0;    right: 0;    width: 36px;    height: 36px;    cursor: pointer;    text-align: center;}.sf-toolbarreset .hide-button svg {    max-height: 18px;    margin-top: 10px;}.sf-toolbar-block {    cursor: default;    display: block;    float: left;    height: 36px;    margin-right: 0;    white-space: nowrap;    max-width: 15%;}.sf-toolbar-block > a,.sf-toolbar-block > a:hover {    display: block;    text-decoration: none;    background-color: transparent;    color: inherit;}.sf-toolbar-block span {    display: inline-block;}.sf-toolbar-block .sf-toolbar-value {    color: #F5F5F5;    font-size: 13px;    line-height: 36px;    padding: 0;}.sf-toolbar-block .sf-toolbar-label,.sf-toolbar-block .sf-toolbar-class-separator {    color: #AAA;    font-size: 12px;}.sf-toolbar-block .sf-toolbar-info {    border-collapse: collapse;    display: table;    z-index: 100000;}.sf-toolbar-block hr {    border-top: 1px solid #777;    margin: 4px 0;    padding-top: 4px;}.sf-toolbar-block .sf-toolbar-info-piece {    /* this 'border-bottom' trick is needed because 'margin-bottom' doesn't work for table rows */    border-bottom: solid transparent 3px;    display: table-row;}.sf-toolbar-block .sf-toolbar-info-piece-additional,.sf-toolbar-block .sf-toolbar-info-piece-additional-detail {    display: none;}.sf-toolbar-block .sf-toolbar-info-group {    margin-bottom: 4px;    padding-bottom: 2px;    border-bottom: 1px solid #333333;}.sf-toolbar-block .sf-toolbar-info-group:last-child {    margin-bottom: 0;    padding-bottom: 0;    border-bottom: none;}.sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status {    padding: 2px 5px;    margin-bottom: 0;}.sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status + .sf-toolbar-status {    margin-left: 4px;}.sf-toolbar-block .sf-toolbar-info-piece:last-child {    margin-bottom: 0;}div.sf-toolbar .sf-toolbar-block .sf-toolbar-info-piece a {    color: #99CDD8;    text-decoration: underline;}div.sf-toolbar .sf-toolbar-block a:hover {    text-decoration: none;}.sf-toolbar-block .sf-toolbar-info-piece b {    color: #AAA;    display: table-cell;    font-size: 11px;    padding: 4px 8px 4px 0;}.sf-toolbar-block:not(.sf-toolbar-block-dump) .sf-toolbar-info-piece span {    color: #F5F5F5;}.sf-toolbar-block .sf-toolbar-info-piece span {    font-size: 12px;}.sf-toolbar-block .sf-toolbar-info {    background-color: #444;    bottom: 36px;    color: #F5F5F5;    display: none;    padding: 9px 0;    position: absolute;}.sf-toolbar-block .sf-toolbar-info:empty {    visibility: hidden;}.sf-toolbar-block .sf-toolbar-status {    display: inline-block;    color: #FFF;    background-color: #666;    padding: 3px 6px;    margin-bottom: 2px;    vertical-align: middle;    min-width: 15px;    min-height: 13px;    text-align: center;}.sf-toolbar-block .sf-toolbar-status-green {    background-color: #4F805D;}.sf-toolbar-block .sf-toolbar-status-red {    background-color: #B0413E;}.sf-toolbar-block .sf-toolbar-status-yellow {    background-color: #A46A1F;}.sf-toolbar-block.sf-toolbar-status-green {    background-color: #4F805D;    color: #FFF;}.sf-toolbar-block.sf-toolbar-status-red {    background-color: #B0413E;    color: #FFF;}.sf-toolbar-block.sf-toolbar-status-yellow {    background-color: #A46A1F;    color: #FFF;}.sf-toolbar-block-request .sf-toolbar-status {    color: #FFF;    display: inline-block;    font-size: 14px;    height: 36px;    line-height: 36px;    padding: 0 10px;}.sf-toolbar-block-request .sf-toolbar-info-piece a {    background-color: transparent;    text-decoration: none;}.sf-toolbar-block-request .sf-toolbar-info-piece a:hover {    text-decoration: underline;}.sf-toolbar-block-request .sf-toolbar-redirection-status {    font-weight: normal;    padding: 2px 4px;    line-height: 18px;}.sf-toolbar-block-request .sf-toolbar-info-piece span.sf-toolbar-redirection-method {    font-size: 12px;    height: 17px;    line-height: 17px;    margin-right: 5px;}.sf-toolbar-block-ajax .sf-toolbar-icon {    cursor: pointer;}.sf-toolbar-status-green .sf-toolbar-label,.sf-toolbar-status-yellow .sf-toolbar-label,.sf-toolbar-status-red .sf-toolbar-label {    color: #FFF;}.sf-toolbar-status-green svg path,.sf-toolbar-status-green svg .sf-svg-path,.sf-toolbar-status-red svg path,.sf-toolbar-status-red svg .sf-svg-path,.sf-toolbar-status-yellow svg path,.sf-toolbar-status-yellow svg .sf-svg-path {    fill: #FFF;}.sf-toolbar-block-config svg path,.sf-toolbar-block-config svg .sf-svg-path {    fill: #FFF;}.sf-toolbar-block .sf-toolbar-icon {    display: block;    height: 36px;    padding: 0 7px;    overflow: hidden;    text-overflow: ellipsis;}.sf-toolbar-block-request .sf-toolbar-icon {    padding-left: 0;    padding-right: 0;}.sf-toolbar-block .sf-toolbar-icon img,.sf-toolbar-block .sf-toolbar-icon svg {    border-width: 0;    position: relative;    top: 8px;    vertical-align: baseline;}.sf-toolbar-block .sf-toolbar-icon img + span,.sf-toolbar-block .sf-toolbar-icon svg + span {    margin-left: 4px;}.sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-value {    margin-left: 4px;}.sf-toolbar-block:hover,.sf-toolbar-block.hover {    position: relative;}.sf-toolbar-block:hover .sf-toolbar-icon,.sf-toolbar-block.hover .sf-toolbar-icon {    background-color: #444;    position: relative;    z-index: 10002;}.sf-toolbar-block-ajax.hover .sf-toolbar-info {    z-index: 10001;}.sf-toolbar-block:hover .sf-toolbar-info,.sf-toolbar-block.hover .sf-toolbar-info {    display: block;    padding: 10px;    max-width: 480px;    max-height: 480px;    word-wrap: break-word;    overflow: hidden;    overflow-y: auto;}.sf-toolbar-info-piece b.sf-toolbar-ajax-info {    color: #F5F5F5;}.sf-toolbar-ajax-requests {    table-layout: auto;    width: 100%;}.sf-toolbar-ajax-requests td {    background-color: #444;    border-bottom: 1px solid #777;    color: #F5F5F5;    font-size: 12px;    padding: 4px;}.sf-toolbar-ajax-requests tr:last-child td {    border-bottom: 0;}.sf-toolbar-ajax-requests th {    background-color: #222;    border-bottom: 0;    color: #AAA;    font-size: 11px;    padding: 4px;}.sf-ajax-request-url {    max-width: 250px;    line-height: 9px;    overflow: hidden;    text-overflow: ellipsis;}.sf-toolbar-ajax-requests .sf-ajax-request-url a {    text-decoration: none;}.sf-toolbar-ajax-requests .sf-ajax-request-url a:hover {    text-decoration: underline;}.sf-ajax-request-duration {    text-align: right;}.sf-ajax-request-loading {    animation: sf-blink .5s ease-in-out infinite;}@keyframes sf-blink {    0% { background: #222; }    50% { background: #444; }    100% { background: #222; }}.sf-toolbar-block.sf-toolbar-block-dump .sf-toolbar-info {    max-width: none;    width: 100%;    position: fixed;    box-sizing: border-box;    left: 0;}.sf-toolbar-block-dump pre.sf-dump {    background-color: #222;    border-color: #777;    border-radius: 0;    margin: 6px 0 12px 0;}.sf-toolbar-block-dump pre.sf-dump:last-child {    margin-bottom: 0;}.sf-toolbar-block-dump pre.sf-dump .sf-dump-search-wrapper {    margin-bottom: 5px;}.sf-toolbar-block-dump pre.sf-dump span.sf-dump-search-count {    color: #333;    font-size: 12px;}.sf-toolbar-block-dump .sf-toolbar-info-piece {    display: block;}.sf-toolbar-block-dump .sf-toolbar-info-piece .sf-toolbar-file-line {    color: #AAA;    margin-left: 4px;}.sf-toolbar-block-dump .sf-toolbar-info img {    display: none;}/* Responsive Design */.sf-toolbar-icon .sf-toolbar-label,.sf-toolbar-icon .sf-toolbar-value {    display: none;}.sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-label {    display: inline-block;}/* Legacy Design - these styles are maintained to make old panels look   a bit better on the new toolbar */.sf-toolbar-block .sf-toolbar-info-piece-additional-detail {    color: #AAA;    font-size: 12px;}.sf-toolbar-status-green .sf-toolbar-info-piece-additional-detail,.sf-toolbar-status-yellow .sf-toolbar-info-piece-additional-detail,.sf-toolbar-status-red .sf-toolbar-info-piece-additional-detail {    color: #FFF;}@media (min-width: 768px) {    .sf-toolbar-icon .sf-toolbar-label,    .sf-toolbar-icon .sf-toolbar-value {        display: inline;    }    .sf-toolbar-block .sf-toolbar-icon img,    .sf-toolbar-block .sf-toolbar-icon svg {        top: 6px;    }    .sf-toolbar-block-time .sf-toolbar-icon svg,    .sf-toolbar-block-memory .sf-toolbar-icon svg {        display: none;    }    .sf-toolbar-block-time .sf-toolbar-icon svg + span,    .sf-toolbar-block-memory .sf-toolbar-icon svg + span {        margin-left: 0;    }    .sf-toolbar-block .sf-toolbar-icon {        padding: 0 10px;    }    .sf-toolbar-block-time .sf-toolbar-icon {        padding-right: 5px;    }    .sf-toolbar-block-memory .sf-toolbar-icon {        padding-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-icon {        padding-left: 0;        padding-right: 0;    }    .sf-toolbar-block-request .sf-toolbar-label {        margin-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-status + svg {        margin-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-icon svg + .sf-toolbar-label {        margin-left: 0;     }    .sf-toolbar-block-request .sf-toolbar-label + .sf-toolbar-value {        margin-right: 10px;    }    .sf-toolbar-block-request:hover .sf-toolbar-info {        max-width: none;    }    .sf-toolbar-block .sf-toolbar-info-piece b {        font-size: 12px;    }    .sf-toolbar-block .sf-toolbar-info-piece span {        font-size: 13px;    }    .sf-toolbar-block-right {        float: right;        margin-left: 0;        margin-right: 0;    }}@media (min-width: 1024px) {    .sf-toolbar-block .sf-toolbar-info-piece-additional,    .sf-toolbar-block .sf-toolbar-info-piece-additional-detail {        display: inline;    }    .sf-toolbar-block .sf-toolbar-info-piece-additional:empty,    .sf-toolbar-block .sf-toolbar-info-piece-additional-detail:empty {        display: none;    }}/***** Error Toolbar *****/.sf-error-toolbar .sf-toolbarreset {    background: #222;    color: #f5f5f5;    font: 13px/36px Arial, sans-serif;    height: 36px;    padding: 0 15px;    text-align: left;}.sf-error-toolbar .sf-toolbarreset svg {    height: auto;}.sf-error-toolbar .sf-toolbarreset a {    color: #99cdd8;    margin-left: 5px;    text-decoration: underline;}.sf-error-toolbar .sf-toolbarreset a:hover {    text-decoration: none;}.sf-error-toolbar .sf-toolbarreset .sf-toolbar-icon {    float: left;    padding: 5px 0;    margin-right: 10px;}/***** Media query print: Do not print the Toolbar. *****/@media print {    .sf-toolbar {        display: none !important;    }}</style><script nonce="f873afe2ed0663514c16b88bf081ed65">/*<![CDATA[*/    (function () {        Sfjs.loadToolbar('ba947e');    })();/*]]>*/</script>
</body>
</html>