    <div class="fon-1">
        <div class="container fon-1-center1">
            <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="bg-white p-5">
                                <h1 data-blade="text">Клапани</h1>
                                <article class="mt-3">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <a href="/elektromagnityne/type">
                                                <img src="/img/product/General-Purpose-2-2-Solenoids_multimedia_block_slider.jpg" class="w-100">
                                            </a>
                                        </div>
                                        <div class="col-md-6">
                                            <h3><a href="/elektromagnityne/type" data-blade="text">Електромагнітні</a></h3>
                                            <div class="text">
                                                <p data-blade="text">
                                                    Технологічність і різноманіття - те, що відрізняє лінійку електромагнітних клапанів Burkert.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                                <article class="mt-3">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <a href="/otsechnye/type">
                                                <img src="/img/product/Pneumatic-Control_multimedia_block_slider.jpg" class="w-100">
                                            </a>
                                        </div>
                                        <div class="col-md-6">
                                            <h3><a href="/otsechnye/type" data-blade="text">Відсічні</a></h3>
                                            <div class="text">
                                                <p data-blade="text">
                                                    Встановив і забув - це стає можливим завдяки розширеному асортименту клапанів, який включає пневматичні і електричні приводи, а так само вдосконалені технології управління.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                                <article class="mt-3">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <a href="/reguliruyuschie/type">
                                                <img src="/img/product/Angle-Seat-Valve_multimedia_block_slider.jpg" class="w-100">
                                            </a>
                                        </div>
                                        <div class="col-md-6">
                                            <h3><a href="/reguliruyuschie/type" data-blade="text">Що регулюють</a></h3>
                                            <div class="text">
                                                <p data-blade="text">
                                                    Клапани Burkert, що управляють, утворюють унікальну систему приводів, клапанів, позиционеров або контроллерів і бездоганно виконують завдання по управлінню.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                                <article class="mt-3">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <a href="/elektroprivodnye/type">
                                                <img src="/img/product/Globe-Valve-On-Off_multimedia_block_slider.jpg" class="w-100">
                                            </a>
                                        </div>
                                        <div class="col-md-6">
                                            <h3><a href="/elektroprivodnye/type" data-blade="text">Електропровідні</a></h3>
                                            <div class="text">
                                                <p data-blade="text">
                                                    Проста установка і найвища производительность- те, що відрізняє інноваційну лінійку клапанів Burkert, з їх електроприводами і вдосконаленою технологією регулювання.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                                <article class="mt-3">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <a href="/membrannye/type">
                                                <img src="/img/product/10-2-1-diaphragm-valves-on-off_multimedia_block_slider.jpg" class="w-100">
                                            </a>
                                        </div>
                                        <div class="col-md-6">
                                            <h3><a href="/membrannye/type" data-blade="text">Мембранні</a></h3>
                                            <div class="text">
                                                <p>

                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                                <article class="mt-3">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <a href="/odnosedelnye/type">
                                                <img src="/img/product/Tank-bottom-seat-valve-INNOVA-F-INOXPA.jpg" class="w-100">
                                            </a>
                                        </div>
                                        <div class="col-md-6">
                                            <h3><a href="/odnosedelnye/type" data-blade="text">Одинсідельні</a></h3>
                                            <div class="text">
                                                <p>

                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                                <article class="mt-3">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <a href="/dvuhsedelnye/type">
                                                <img src="/img/product/INNOVA-S-DOUBLE-SEAT-VALVE-INOXPA.jpg" class="w-100">
                                            </a>
                                        </div>
                                        <div class="col-md-6">
                                            <h3><a href="/dvuhsedelnye/type" data-blade="text">Двохсідельні</a></h3>
                                            <div class="text">
                                                <p>

                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                                <article class="mt-3">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <a href="/perepusknye/type">
                                                <img src="/img/product/Manual-overflow-valve-74700-INOXPA.jpg" class="w-100">
                                            </a>
                                        </div>
                                        <div class="col-md-6">
                                            <h3><a href="/perepusknye/type" data-blade="text">Перепускні</a></h3>
                                            <div class="text">
                                                <p>

                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                                <article class="mt-3">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <a href="/klapan-batterflyaj/type">
                                                <img src="/img/product/16-fill-450x2881.jpg" class="w-100">
                                            </a>
                                        </div>
                                        <div class="col-md-6">
                                            <h3><a href="/klapan-batterflyaj/type" data-blade="text">Клапан-баттерфляй</a></h3>
                                            <div class="text">
                                                <p data-blade="text">
                                                    Поворотні заслінки типу "батерфляя" з електроприводами
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                            </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>
