        <div class="fon-1">
            <div class="container fon-1-center1">
                <!--<div class="banner-area banner-logo pt-20 pb-40">
                    <div class="banner-slider-active">
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/1.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/2.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/3.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/4.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/5.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/6.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/7.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/8.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/9.png" alt="banner"></a>
                        </div>
                    </div>
                </div>-->
                <div class="banner-area pb-0">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="category-menu-wrap mb-30">
                                    <h3 class="text-dark">
                                        Виробники
                                    </h3>
                                    <div class="category-menu hidecat" style="display: block; position: inherit;">
                                        <nav>
                                            <ul>
                                                <li class="cr-dropdown"><a href="/weishaupt">Weishaupt</a></li>
                                                <li class="cr-dropdown"><a href="/dinel">Dinel</a></li>
                                                <li class="cr-dropdown"><a href="/inoxpa">Inoxpa</a></li>
                                                <li class="cr-dropdown"><a href="/process-data">Process Data</a></li>
                                                <li class="cr-dropdown"><a href="/burkert">Burkert</a></li>
                                                <li class="cr-dropdown"><a href="/belimo">Belimo</a></li>
                                                <li class="cr-dropdown"><a href="/ksr-kuebler">KSR Kuebler</a></li>
                                                <li class="cr-dropdown"><a href="/wika">Wika</a></li>
                                                <li class="cr-dropdown"><a href="/ecolab">Ecolab</a></li>
                                                <li class="cr-dropdown"><a href="/ifm-electronic">IFM electronic</a></li>
                                                <li class="cr-dropdown"><a href="/lenze">Lenze</a></li>
                                                <li class="cr-dropdown"><a href="/samson">Samson</a></li>
                                                <li class=" cr-dropdown m-0"><a href="/on" class="bg-danger pb-1 pt-3 border-radious text-center text-uppercase"><h5 class="text-white">В наявності</h5></a></li>
                                            </ul>
                                        </nav>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-9">
                                <div class="row">
                                    <div class="col-lg-4 col-md-4">
                                        <div class="banner-wrap mb-30 res-white-overly-xs res-white-overly-md">
                                            <a href="/datchiki">
                                                <img src="/img/banner/banner-15.png" alt="banner">
                                                <div class="banner-content-10">
                                                    <h3 class="category-h2" data-blade="text">Датчики</h3>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                        <div class="banner-wrap mb-30 res-white-overly-xs res-white-overly-md">
                                            <a href="/gorelki">
                                                <img src="/img/banner/banner-23.png" alt="banner">
                                                <div class="banner-content-10">
                                                    <h3 class="category-h2" data-blade="text">Пальники</h3>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                        <div class="banner-wrap mb-30 res-white-overly-xs res-white-overly-md">
                                            <a href="/klapan">
                                                <img src="/img/banner/banner-21.png" alt="banner">
                                                <div class="banner-content-10">
                                                    <h3  class="category-h2" data-blade="text">Клапани</h3>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                        <div class="banner-wrap mb-30 res-white-overly-xs res-white-overly-md">
                                            <a href="/preobrozovateli">
                                                <img src="/img/banner/banner-22.png" alt="banner">
                                                <div class="banner-content-10">
                                                    <h3  class="category-h2" data-blade="text">Перетворювачі провідності</h3>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                        <div class="banner-wrap mb-30 res-white-overly-xs res-white-overly-md">
                                            <a href="/rashodomery/type">
                                                <img src="/img/banner/banner-24.png" alt="banner">
                                                <div class="banner-content-10">
                                                    <h3  class="category-h2 " style="padding: 30px 0 15px" data-blade="text">Витратоміри</h3>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                        <div class="banner-wrap mb-30">
                                            <a href="/preobrazovateli-chastoty/type">
                                                <img src="/img/banner/banner-25.png" alt="banner">
                                                <div class="banner-content-10">
                                                    <h3  class="category-h2" style="padding: 30px 0 15px" data-blade="text">Перетворювачі частоти</h3>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="banner-wrap res-white-overly-xs res-white-overly-md">
                                    <a href="/iolink">
                                        <img src="/img/banner/banner-26.png" alt="banner">
                                        <div class="banner-content-10">
                                            <h3  class="category-h2" data-blade="text">IO-Link рішення для заводської автоматизації </h3>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--<div class="product-area pt-0 pb-0">
                    <div class="container">
                        <div class="section-title-tab-wrap">
                            <div class="row">
                                <div class="col-xl-6 col-lg-4 col-md-4 col-sm-4">
                                    <div class="section-title-5">
                                        <h2 style="line-height: 1;">В наявності</h2>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-4 col-md-4 col-sm-4">
                                    <div class="text-right">
                                        <a href="#" class="btn btn-danger text-white">Посмотреть весь асортимент в наличии</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-content jump">
                            <div id="product-6" class="tab-pane active">
                                <div class="product-slider-active owl-carousel">
                                    <div class="product-wrap product-border-3 product-img-zoom mb-20">
                                        <div class="product-img">
                                            <a href="#"><img src="/img/product/pro-hm5-1.jpg" alt="product"></a>
                                        </div>
                                        <div class="product-content product-content-padding">
                                            <div class="product-content product-content-padding">
                                                <h4 class="text-center"><a href="#">Горелки газовые</a></h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-wrap product-border-3 product-img-zoom mb-20">
                                        <div class="product-img">
                                            <a href="#"><img src="/img/product/pro-hm5-2.jpg" alt="product"></a>
                                        </div>
                                        <div class="product-content product-content-padding">
                                            <div class="product-content product-content-padding">
                                                <h4 class="text-center"><a href="#">Горелки газовые</a></h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-wrap product-border-3 product-img-zoom mb-20">
                                        <div class="product-img">
                                            <a href="#"><img src="/img/product/pro-hm5-3.jpg" alt="product"></a>
                                        </div>
                                        <div class="product-content product-content-padding">
                                            <div class="product-content product-content-padding">
                                                <h4 class="text-center"><a href="#">Горелки газовые</a></h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-wrap product-border-3 product-img-zoom mb-20">
                                        <div class="product-img">
                                            <a href="#"><img src="/img/product/pro-hm5-4.jpg" alt="product"></a>
                                        </div>
                                        <div class="product-content product-content-padding">
                                            <div class="product-content product-content-padding">
                                                <h4 class="text-center"><a href="#">Горелки газовые</a></h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-wrap product-border-3 product-img-zoom mb-20">
                                        <div class="product-img">
                                            <a href="#"><img src="/img/product/pro-hm5-5.jpg" alt="product"></a>
                                        </div>
                                        <div class="product-content product-content-padding">
                                            <div class="product-content product-content-padding">
                                                <h4 class="text-center"><a href="#">Горелки газовые</a></h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>-->
            </div>
            <!--<div class="container-fluid">
                <div class="banner-area banner-logo pt-50 pb-0">
                    <div class="banner-slider-active">
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/1.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/2.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/3.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/4.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/5.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/6.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/7.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/8.png" alt="banner"></a>
                        </div>
                        <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                            <a href="#"><img src="/img/banner/9.png" alt="banner"></a>
                        </div>
                    </div>
                </div>
            </div>-->
        </div>
