<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content=" &#x430;&#x432;&#x442;&#x43E;&#x43C;&#x43E;&#x431;&#x438;&#x43B;&#x44F;. &#x41A;&#x443;&#x43F;&#x438;&#x442;&#x44C; &#x437;&#x430;&#x43F;&#x447;&#x430;&#x441;&#x442;&#x438; &#x434;&#x43B;&#x44F; &#x430;&#x432;&#x442;&#x43E;&#x43C;&#x43E;&#x431;&#x438;&#x43B;&#x44F; &#x432; &#x438;&#x43D;&#x442;&#x435;&#x440;&#x43D;&#x435;&#x442; &#x43C;&#x430;&#x433;&#x430;&#x437;&#x438;&#x43D;&#x435; &quot;&#x414;&#x435;&#x441;&#x44F;&#x442;&#x43A;&#x430;&quot; | www.x10.com.ua" />
    <link rel="icon" type="image/x-icon" href="/Images/X10icon.ai.png">
    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css"
          integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w"
          crossorigin="anonymous">
    <link href="/lib/horsey/dist/horsey.css" rel="stylesheet" />


    <link rel="stylesheet" href="/Css/styles.css">
    <link rel="stylesheet" media="screen and (max-width: 1000px)" href="/Css/styles_1000.css">
    <link rel="stylesheet" media="screen and (max-width: 850px)" href="/Css/styles_850.css">
    <link rel="stylesheet" media="screen and (max-width: 750px)" href="/Css/styles_750.css">
    <link rel="stylesheet" media="screen and (max-width: 600px)" href="/Css/styles_600.css" />
    <link rel="stylesheet" media="screen and (max-width: 450px)" href="/Css/styles_450.css">
    <title>&#x41A;&#x443;&#x43F;&#x438;&#x442;&#x44C; &#x437;&#x430;&#x43F;&#x447;&#x430;&#x441;&#x442;&#x438;  &#x430;&#x432;&#x442;&#x43E;&#x43C;&#x43E;&#x431;&#x438;&#x43B;&#x44F; &#x432; &#x438;&#x43D;&#x442;&#x435;&#x440;&#x43D;&#x435;&#x442; &#x43C;&#x430;&#x433;&#x430;&#x437;&#x438;&#x43D;&#x435; &quot;&#x414;&#x435;&#x441;&#x44F;&#x442;&#x43A;&#x430;&quot; | www.x10.com.ua</title>
</head>

<body>
    <div id="search_container">
        <form class="search_form" method="get" action="/Home/TextSearch">
            <div id="search_container_search_area">
                <input id="search_container_input" type="text" name="term">
                <div id="search_container_btn">
                    <img src="/Images/search-loop.png" onclick="SubmitTextSerchForm();">
                    <input id="submitSearchBtn" type="submit" hidden />

                </div>
                <div onclick="closeSearchContainer()" id="search_container_close_btn">
                    <img src="/Images/close_icon.png">
                </div>
            </div>
        </form>
    </div>

    <div class="header_container">
        <div class="header">
            <div class="header_left_side">
                <img id="sidebar_icon" onclick="openSlideMenu()" src="/Images/sidebar_icon.png" alt="sidebar icon">
                <!-- sidebar menu start -->
                <div id="side-menu" class="side-nav">
                    <a href="#" class="btn-close" onclick="closeSlideMenu()">&times;</a>
                        <a class="side-menu-item" href="/1/%D0%B0%D0%B2%D1%82%D0%BE%D0%B7%D0%B0%D0%BF%D1%87%D0%B0%D1%81%D1%82%D0%B8">
                            <div>
                                <img src="\Images\eyd20c2w.png">
                                <p>&#x410;&#x412;&#x422;&#x41E;&#x417;&#x410;&#x41F;&#x427;&#x410;&#x421;&#x422;&#x418;</p>
                            </div>
                        </a>
                        <a class="side-menu-item" href="/3/%D0%BC%D0%B0%D1%81%D0%BB%D0%B0,-%D0%B6%D0%B8%D0%B4%D0%BA%D0%BE%D1%81%D1%82%D0%B8-%D0%B8-%D0%B0%D0%B2%D1%82%D0%BE%D1%85%D0%B8%D0%BC%D0%B8%D1%8F">
                            <div>
                                <img src="\Images\nlz11crz.png">
                                <p>&#x41C;&#x410;&#x421;&#x41B;&#x410;, &#x416;&#x418;&#x414;&#x41A;&#x41E;&#x421;&#x422;&#x418; &#x418; &#x410;&#x412;&#x422;&#x41E;&#x425;&#x418;&#x41C;&#x418;&#x42F;</p>
                            </div>
                        </a>

                </div>
                <!-- sidebar menu end -->

                <a class="header_logo_a" href="/">
                    <img id="header_logo" src="/Images/logo_transparent.png">
                </a>
            </div>
            <div class="search_area" onclick="openSearchContainer()">
                <p id="search_placeholder">Поиск по названию, коду</p>
                <img id="search_loop_icon" src="/Images/search-loop.png">
            </div>
            <div class="header_menu">
                <ul>
                    <li>
                        <img id="search_icon" class="header_icon" onclick="openSearchContainer()" src="/Images/search-loop.png">
                    </li>
                    <li>
                        <a href="/Home/PageNotReady">
                            <img id="account_icon" src="/Images/account.png">
                            <span id="account_text">Личный кабинет</span>
                        </a>
                    </li>
                    <li>
                        <a href="/Home/PageNotReady">
                            <img id="garage_icon" src="/Images/garage.png">
                            <span id="garage_text">Мой гараж</span>
                        </a>
                    </li>
                    <li>
                        <a href="/Home/PageNotReady">
                            <img id="heart_icon" src="/Images/heart_icon.png" title="Понравившиеся товары">
                        </a>
                    </li>
                    <li>
                        <a href="/Home/ShoppingCart">
                            <img id="cart_icon" src="/Images/cart_icon.png" title="Корзина">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="top_menu">
            <ul class="top_menu_list">
                    <a href="/1/%D0%B0%D0%B2%D1%82%D0%BE%D0%B7%D0%B0%D0%BF%D1%87%D0%B0%D1%81%D1%82%D0%B8">
                        <li class="top_menu_list_item">&#x410;&#x412;&#x422;&#x41E;&#x417;&#x410;&#x41F;&#x427;&#x410;&#x421;&#x422;&#x418;</li>
                    </a>
                    <a href="/3/%D0%BC%D0%B0%D1%81%D0%BB%D0%B0,-%D0%B6%D0%B8%D0%B4%D0%BA%D0%BE%D1%81%D1%82%D0%B8-%D0%B8-%D0%B0%D0%B2%D1%82%D0%BE%D1%85%D0%B8%D0%BC%D0%B8%D1%8F">
                        <li class="top_menu_list_item">&#x41C;&#x410;&#x421;&#x41B;&#x410;, &#x416;&#x418;&#x414;&#x41A;&#x41E;&#x421;&#x422;&#x418; &#x418; &#x410;&#x412;&#x422;&#x41E;&#x425;&#x418;&#x41C;&#x418;&#x42F;</li>
                    </a>

            </ul>
            <div class="help_center_container">
                <a id="help_center_link" href="#">Служба поддержки</a>
            </div>
        </div>
    </div>

    



<div class="head_img_container">
    <img class="head_img" src="/Images/DefaultImages/default_categoryImage.png"/>
</div>

    <form method="post" id="select_vehicle_form" style="display:none;" action="/Home/SelectVehicle?returnUrl=%2F%25D0%25B7%25D0%25B0%25D0%25BF%25D1%2587%25D0%25B0%25D1%2581%25D1%2582%25D0%25B8-%25D0%25BF%25D0%25BE-%25D0%25BA%25D0%25B0%25D1%2582%25D0%25B5%25D0%25B3%25D0%25BE%25D1%2580%25D0%25B8%25D1%258F%25D0%25BC">


        <div class="select_vehicle_container">
            <select class="select_vehicle_dropdown" onchange="OnCarYearChange();" id="car_year_list" data-val="true" data-val-required="The ManufactureYear field is required." name="ManufactureYear">
                <option class="select_vehicle_dropdown_item">Выберите год</option>
            </select>
            <select class="select_vehicle_dropdown" id="car_brand_list" onchange="OnCarBrandChange();" data-val="true" data-val-required="The Id field is required." name="Brand.Id">
                <option class="select_vehicle_dropdown_item">Выберите марку</option>
            </select>
            <select class="select_vehicle_dropdown" id="car_model_list" data-val="true" data-val-required="The Id field is required." name="CarModel.Id">
                <option class="select_vehicle_dropdown_item">Выберите модель</option>
            </select>
            <button type="submit" id="select_vehicle_btn">Go</button>

        </div>
    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8CP7iJSoEFdAlz9o-MsXqEMuxhO66lK5_7_-gXQaqm7jE9huwbsYAGLOJ79o6VuduqohfGUyLtDBw2b8Yy-Y3jiJpSU3oqvD1dTV2jkX0Bx-dWhrqxHPGNXPKPkoiHs75oY2heJlhwHiH17xRqTzyj4" /></form>


    <div class="user_step_links_container">
        <a href="/">Главная</a> > <a href="/%D0%B7%D0%B0%D0%BF%D1%87%D0%B0%D1%81%D1%82%D0%B8-%D0%BF%D0%BE-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F%D0%BC">Поиск по категориям</a>
    </div>
        <script>
            document.getElementById('select_vehicle_form').style.display = 'block';
        </script>


    <div id="category_scrollable_list" class="main_category_list_small_icons">
            <div class="category_small_container_small_icons">
                <a data-categoryLink="&#x410;&#x412;&#x422;&#x41E;&#x417;&#x410;&#x41F;&#x427;&#x410;&#x421;&#x422;&#x418;" href="/Home/SearchBySubcategory?categoryId=1&amp;customUrl=%D0%B0%D0%B2%D1%82%D0%BE%D0%B7%D0%B0%D0%BF%D1%87%D0%B0%D1%81%D1%82%D0%B8">
                    <img class="category_small_img" src="\Images\eyd20c2w.png" alt="category image">
                    <p>&#x410;&#x412;&#x422;&#x41E;&#x417;&#x410;&#x41F;&#x427;&#x410;&#x421;&#x422;&#x418;</p>
                </a>
            </div>
            <div class="category_small_container_small_icons">
                <a data-categoryLink="&#x41C;&#x410;&#x421;&#x41B;&#x410;, &#x416;&#x418;&#x414;&#x41A;&#x41E;&#x421;&#x422;&#x418; &#x418; &#x410;&#x412;&#x422;&#x41E;&#x425;&#x418;&#x41C;&#x418;&#x42F;" href="/Home/SearchBySubcategory?categoryId=3&amp;customUrl=%D0%BC%D0%B0%D1%81%D0%BB%D0%B0,-%D0%B6%D0%B8%D0%B4%D0%BA%D0%BE%D1%81%D1%82%D0%B8-%D0%B8-%D0%B0%D0%B2%D1%82%D0%BE%D1%85%D0%B8%D0%BC%D0%B8%D1%8F">
                    <img class="category_small_img" src="\Images\nlz11crz.png" alt="category image">
                    <p>&#x41C;&#x410;&#x421;&#x41B;&#x410;, &#x416;&#x418;&#x414;&#x41A;&#x41E;&#x421;&#x422;&#x418; &#x418; &#x410;&#x412;&#x422;&#x41E;&#x425;&#x418;&#x41C;&#x418;&#x42F;</p>
                </a>
            </div>
    </div>

    <div>
            <div id="&#x410;&#x412;&#x422;&#x41E;&#x417;&#x410;&#x41F;&#x427;&#x410;&#x421;&#x422;&#x418;" class="category_grid_head_text">
                <p class="category_grid_head_text_main">&#x410;&#x412;&#x422;&#x41E;&#x417;&#x410;&#x41F;&#x427;&#x410;&#x421;&#x422;&#x418;</p>
            </div>
            <div class="category_middle_grid_container">

                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/5/%D0%B2%D1%8B%D1%85%D0%BB%D0%BE%D0%BF%D0%BD%D0%B0%D1%8F-%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0">
                            <img class="category_middle_img" src="\Images\aqa2gvil.jpg" alt="category image">
                            <p>&#x412;&#x42B;&#x425;&#x41B;&#x41E;&#x41F;&#x41D;&#x410;&#x42F; &#x421;&#x418;&#x421;&#x422;&#x415;&#x41C;&#x410;</p>
                            <p>(4)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/6/%D0%B4%D0%B2%D0%B8%D0%B3%D0%B0%D1%82%D0%B5%D0%BB%D1%8C">
                            <img class="category_middle_img" src="\Images\hciztxz5.jpg" alt="category image">
                            <p>&#x414;&#x412;&#x418;&#x413;&#x410;&#x422;&#x415;&#x41B;&#x42C;</p>
                            <p>(17)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/7/%D0%B7%D0%B0%D0%B6%D0%B8%D0%B3%D0%B0%D0%BD%D0%B8%D0%B5">
                            <img class="category_middle_img" src="\Images\do0gr3xc.jpg" alt="category image">
                            <p>&#x417;&#x410;&#x416;&#x418;&#x413;&#x410;&#x41D;&#x418;&#x415;</p>
                            <p>(4)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/9/%D0%BA%D0%BE%D0%BD%D0%B4%D0%B8%D1%86%D0%B8%D0%BE%D0%BD%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5">
                            <img class="category_middle_img" src="\Images\abrrdz2w.jpg" alt="category image">
                            <p>&#x41A;&#x41E;&#x41D;&#x414;&#x418;&#x426;&#x418;&#x41E;&#x41D;&#x418;&#x420;&#x41E;&#x412;&#x410;&#x41D;&#x418;&#x415;</p>
                            <p>(2)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/10/%D0%BA%D1%83%D0%B7%D0%BE%D0%B2">
                            <img class="category_middle_img" src="\Images\nlqessnv.jpg" alt="category image">
                            <p>&#x41A;&#x423;&#x417;&#x41E;&#x412;</p>
                            <p>(3)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/14/%D0%BE%D1%82%D0%BE%D0%BF%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5">
                            <img class="category_middle_img" src="\Images\wcfqdpqn.jpg" alt="category image">
                            <p>&#x41E;&#x422;&#x41E;&#x41F;&#x41B;&#x415;&#x41D;&#x418;&#x415;</p>
                            <p>(1)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/15/%D0%BE%D1%85%D0%BB%D0%B0%D0%B6%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5">
                            <img class="category_middle_img" src="\Images\upequpdm.jpg" alt="category image">
                            <p>&#x41E;&#x425;&#x41B;&#x410;&#x416;&#x414;&#x415;&#x41D;&#x418;&#x415;</p>
                            <p>(9)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/16/%D0%BF%D0%BD%D0%B5%D0%B2%D0%BC%D0%B0%D1%82%D0%B8%D0%BA%D0%B0">
                            <img class="category_middle_img" src="\Images\yzawl211.jpg" alt="category image">
                            <p>&#x41F;&#x41D;&#x415;&#x412;&#x41C;&#x410;&#x422;&#x418;&#x41A;&#x410;</p>
                            <p>(2)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/17/%D0%BF%D0%BE%D0%B4%D0%B2%D0%B5%D1%81%D0%BA%D0%B0">
                            <img class="category_middle_img" src="\Images\2uy2tgrd.jpg" alt="category image">
                            <p>&#x41F;&#x41E;&#x414;&#x412;&#x415;&#x421;&#x41A;&#x410;</p>
                            <p>(19)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/18/%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D0%BE%D0%B9-%D0%BF%D1%80%D0%B8%D0%B2%D0%BE%D0%B4">
                            <img class="category_middle_img" src="\Images\wilmf0n2.jpg" alt="category image">
                            <p>&#x420;&#x415;&#x41C;&#x415;&#x41D;&#x41D;&#x41E;&#x419; &#x41F;&#x420;&#x418;&#x412;&#x41E;&#x414;</p>
                            <p>(7)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/19/%D1%80%D1%83%D0%BB%D0%B5%D0%B2%D0%BE%D0%B5-%D1%83%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5">
                            <img class="category_middle_img" src="\Images\a435lgnn.jpg" alt="category image">
                            <p>&#x420;&#x423;&#x41B;&#x415;&#x412;&#x41E;&#x415; &#x423;&#x41F;&#x420;&#x410;&#x412;&#x41B;&#x415;&#x41D;&#x418;&#x415;</p>
                            <p>(7)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/20/%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0-%D1%81%D1%86%D0%B5%D0%BF%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F">
                            <img class="category_middle_img" src="\Images\bdk3euj4.jpg" alt="category image">
                            <p>&#x421;&#x418;&#x421;&#x422;&#x415;&#x41C;&#x410; &#x421;&#x426;&#x415;&#x41F;&#x41B;&#x415;&#x41D;&#x418;&#x42F;</p>
                            <p>(8)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/21/%D1%81%D1%82%D0%B0%D1%80%D1%82%D0%B5%D1%80%D1%8B-%D0%B8-%D0%B3%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80%D1%8B">
                            <img class="category_middle_img" src="\Images\fe5h5ive.jpg" alt="category image">
                            <p>&#x421;&#x422;&#x410;&#x420;&#x422;&#x415;&#x420;&#x42B; &#x418; &#x413;&#x415;&#x41D;&#x415;&#x420;&#x410;&#x422;&#x41E;&#x420;&#x42B;</p>
                            <p>(6)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/23/%D1%82%D0%BE%D0%BF%D0%BB%D0%B8%D0%B2%D0%BD%D0%B0%D1%8F-%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0">
                            <img class="category_middle_img" src="\Images\v0of0qz5.jpg" alt="category image">
                            <p>&#x422;&#x41E;&#x41F;&#x41B;&#x418;&#x412;&#x41D;&#x410;&#x42F; &#x421;&#x418;&#x421;&#x422;&#x415;&#x41C;&#x410;</p>
                            <p>(6)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/24/%D1%82%D0%BE%D1%80%D0%BC%D0%BE%D0%B7%D0%BD%D0%B0%D1%8F-%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0">
                            <img class="category_middle_img" src="\Images\4aebo3xb.jpg" alt="category image">
                            <p>&#x422;&#x41E;&#x420;&#x41C;&#x41E;&#x417;&#x41D;&#x410;&#x42F; &#x421;&#x418;&#x421;&#x422;&#x415;&#x41C;&#x410;</p>
                            <p>(10)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/25/%D1%82%D1%80%D0%B0%D0%BD%D1%81%D0%BC%D0%B8%D1%81%D1%81%D0%B8%D1%8F">
                            <img class="category_middle_img" src="\Images\ti4i5xvy.jpg" alt="category image">
                            <p>&#x422;&#x420;&#x410;&#x41D;&#x421;&#x41C;&#x418;&#x421;&#x421;&#x418;&#x42F;</p>
                            <p>(10)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/27/%D1%82%D1%83%D1%80%D0%B1%D0%BE%D0%BD%D0%B0%D0%B3%D0%BD%D0%B5%D1%82%D0%B0%D1%82%D0%B5%D0%BB%D1%8C">
                            <img class="category_middle_img" src="\Images\bfmhjz4i.jpg" alt="category image">
                            <p>&#x422;&#x423;&#x420;&#x411;&#x41E;&#x41D;&#x410;&#x413;&#x41D;&#x415;&#x422;&#x410;&#x422;&#x415;&#x41B;&#x42C;</p>
                            <p>(1)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/28/%D1%84%D0%B8%D0%BB%D1%8C%D1%82%D1%80%D1%8B">
                            <img class="category_middle_img" src="\Images\1xsawwpj.jpg" alt="category image">
                            <p>&#x424;&#x418;&#x41B;&#x42C;&#x422;&#x420;&#x42B;</p>
                            <p>(6)</p>
                        </a>
                    </div>
                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/29/%D1%8D%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%B8%D0%BA%D0%B0">
                            <img class="category_middle_img" src="\Images\d4yaihim.jpg" alt="category image">
                            <p>&#x42D;&#x41B;&#x415;&#x41A;&#x422;&#x420;&#x418;&#x41A;&#x410;</p>
                            <p>(6)</p>
                        </a>
                    </div>
            </div>
            <div id="&#x41C;&#x410;&#x421;&#x41B;&#x410;, &#x416;&#x418;&#x414;&#x41A;&#x41E;&#x421;&#x422;&#x418; &#x418; &#x410;&#x412;&#x422;&#x41E;&#x425;&#x418;&#x41C;&#x418;&#x42F;" class="category_grid_head_text">
                <p class="category_grid_head_text_main">&#x41C;&#x410;&#x421;&#x41B;&#x410;, &#x416;&#x418;&#x414;&#x41A;&#x41E;&#x421;&#x422;&#x418; &#x418; &#x410;&#x412;&#x422;&#x41E;&#x425;&#x418;&#x41C;&#x418;&#x42F;</p>
            </div>
            <div class="category_middle_grid_container">

                    <div class="category_middle_box">
                        <a href="/%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8E/12/%D0%BC%D0%B0%D1%81%D0%BB%D0%B0-%D0%B8-%D0%B0%D0%B2%D1%82%D0%BE%D1%85%D0%B8%D0%BC%D0%B8%D1%8F">
                            <img class="category_middle_img" src="\Images\4pg3cgkw.png" alt="category image">
                            <p>&#x41C;&#x410;&#x421;&#x41B;&#x410; &#x418; &#x410;&#x412;&#x422;&#x41E;&#x425;&#x418;&#x41C;&#x418;&#x42F;</p>
                            <p>(10)</p>
                        </a>
                    </div>
            </div>
    </div>



    <script>

        document.onreadystatechange = function () {
            if (document.readyState == "complete") {

                UpdateCarYearList();
                window.addEventListener('scroll', stickIt);
                //registre scroll to category events
                let items = document.querySelectorAll('.category_small_container_small_icons>a')
                items.forEach(function (item) { item.addEventListener('click', ScrollToCategory); });

            }
        }

    </script>

















    <div class="footer">
        <div>
            <p class="footer_col_header">Пользователям</p>
            <a href="#" class="footer_col_text">Служба поддержки</a>
            <a href="#" class="footer_col_text">Личный кабинет</a>
            <a href="#" class="footer_col_text">Отследить заказ</a>
            <a href="#" class="footer_col_text">Правила возврата</a>
        </div>
        <div>
            <p class="footer_col_header">Информация</p>
            <a href="#" class="footer_col_text">Про нас</a>
        </div>
        <div>
            <p class="footer_col_header">Контакты</p>
            <a href="#" class="footer_col_text">
                <address class="footer_col_text">
                    <a href="http://x10.com.ua">x10.com.ua</a>
                </address>
            </a>
            <a href="#" class="footer_col_text">Контакт-центр: +38 (063) 424-30-64</a>
            <a href="#" class="footer_col_text">Email: info@x10.com</a>

        </div>
    </div>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.16.0/jquery.validate.min.js"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/jquery.validation.unobtrusive/3.2.6/jquery.validate.unobtrusive.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
            integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>

    <script src="/lib/horsey/dist/horsey.js"></script>
    <script src="/Scripts/ApiRequests.js"></script>
    <script src="/Scripts/locations.js"></script>
    <script src="/Scripts/script.js"></script>
    

    <script>

        function SubmitTextSerchForm() {
            document.getElementById('submitSearchBtn').click();
        }

        GetSuggestions();

        function GetSuggestions() {

            srcData = $.ajax({
                url: "/Home/GetProductSubcategoriesNames",
                method: "GET",
            }).done(function (data) {
                horsey(document.querySelector('#search_container_input'), {
                    source: [{ list: data }]
                });

                horsey.cache = false;
            });
        }


    </script>

</body>

</html>