<? require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
GLOBAL $APPLICATION;

use \Bitrix\Main\Page\Asset;

$oAsset = Asset::getInstance();

$oAsset->addCss('/promo/cube/assets/fonts/fonts.css');
$oAsset->addCss('/promo/cube/assets/css/slick.css');
$oAsset->addCss('/promo/cube/assets/css/slick-theme.css');
$oAsset->addCss('/promo/cube/assets/css/style.css');

$oAsset->addJs('/promo/cube/assets/js/main.js');
?>

<a href="https://www.ballu.ru/catalog/tekhnika_dlya_doma_i_ofisa/obogrevateli/maslyanye_radiatory/seriya_cube/"
   id="buybutton" class="buy-button">
    <div class="circletext" style="transform-origin: center;"></div>
    <div class="circle-fill" style="transform-origin: center;"></div>
    <div class="img-circle" style="transform-origin: center;">
        <div class="img-circleblock js-show-city-block" style="transform-origin: center;">
            <span>Купить</span>
        </div>
    </div>
</a>
<section class="main-banner">
    <div class="container">
        <div class="main-banner__text">
            <div class="main-banner__text-left">маслонаполненный радиатор серии CUBE</div>
            <div class="main-banner__text-right">
                Безопасное тепло для вашей семьи
            </div>
        </div>
    </div>
</section>
<section class="banner">
    <div class="container">
        <picture>
            <source srcset="./assets/img/interface/banner-2/logo-mob.png" media="(max-width: 767px)">
            <img class="banner__img" src="./assets/img/interface/banner-2/logo.png" alt="Безопасеость подтверждена">
        </picture>
    </div>
</section>
<section class="advantages">
    <div class="container">
        <h1 class="advantages__title title">основные преимущества</h1>
        <ul class="advantages__list">
            <li class="advantages__item">
                <div class="advantages__fill advantages__fill_active">
                    <div class="advantages__fill-title advantages__fill-title_big light">2</div>
                    <div class="advantages__fill-text">года<br> гарантии</div>
                </div>
                <div class="advantages__desc">
                    <div class="advantages__desc-title">Расширенная  гарантия</div>
                    <div class="advantages__desc-text">
                        Высокое качество материалов и комплектующих, и многоуровневый контроль качества позволяют предоставить на масляные радиаторы расширенную гарантию – 2 года
                    </div>
                </div>
            </li>
            <li class="advantages__item">
                <div class="advantages__fill">
                    <div class="advantages__fill-title">long<br>life</div>
                    <div class="advantages__fill-text">увеличенный срок службы</div>
                </div>
                <div class="advantages__desc">
                    <div class="advantages__desc-title">Увеличенный срок службы</div>
                    <div class="advantages__desc-text">
                        Оптимальная форма перфорации обеспечивает эффективный обогрев и увеличивает срок службы радиатора
                    </div>
                </div>
            </li>
            <li class="advantages__item">
                <div class="advantages__fill">
                    <div class="advantages__fill-title">high stability</div>
                    <div class="advantages__fill-text">конструкция<br> ножек</div>
                </div>
                <div class="advantages__desc">
                    <div class="advantages__desc-title">
                        Конструкция ножек High Stability
                    </div>
                    <div class="advantages__desc-text">
                        Конструкция ножек High Stability повышает устойчивость прибора и исключает возможность его опрокидывания
                    </div>
                </div>
            </li>
            <li class="advantages__item">
                <div class="advantages__fill">
                    <div class="advantages__fill-title advantages__fill-title_big light">3</div>
                    <div class="advantages__fill-text">режима<br> обогрева</div>
                </div>
                <div class="advantages__desc">
                    <div class="advantages__desc-title">3 режима обогрева</div>
                    <div class="advantages__desc-text">
                        Три режима обогрева позволяют экономить электроэнергию и делают использование прибором максимально комфортным
                    </div>
                </div>
            </li>
            <li class="advantages__item">
                <div class="advantages__fill">
                    <div class="advantages__fill-title">антикор</div>
                    <div class="advantages__fill-text">покрытие<br> корпуса</div>
                </div>
                <div class="advantages__desc">
                    <div class="advantages__desc-title">Антикоррозийное покрытие</div>
                    <div class="advantages__desc-text">
                        Защитный антикоррозийный состав Protective Сoating  защищает прибор от негативных воздействий внешней
                    </div>
                </div>
            </li>
            <li class="advantages__item">
                <div class="advantages__fill">
                    <div class="advantages__fill-title">opti-heat</div>
                    <div class="advantages__fill-text">авто поддержание температуры</div>
                </div>
                <div class="advantages__desc">
                    <div class="advantages__desc-title">Автоподдержание температуры</div>
                    <div class="advantages__desc-text">
                        Термостат нового поколения Opti-Heat автоматически поддерживает температуру в помещении
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="advantages__banner">
        <picture>
            <source srcset="./assets/img/interface/bg/bg-3-mob.jpg" media="(max-width: 767px)">
            <img class="advantages__img" src="./assets/img/interface/bg/bg-3.jpg" alt="Серия Cube">
        </picture>
        <div class="container">
            <div class="advantages__banner-text">
                <h2 class="advantages__subtitle subtitle">Серия Cube</h2>
                <p class="advantages__paragraph">
                    Маслонаполненные радиаторы BALLU — совершенные обогревательные приборы, имеющие высокую эффективность, идеальную эргономику, простое и комфортное управление.
                </p>
                <p class="advantages__paragraph">
                    Антикоррозийный состав защищает радиаторы от негативных воздействий внешней среды, а высокоточный термостат нового поколения автоматически поддерживает температуру в помещении.
                </p>
                <p class="advantages__paragraph">
                    Масляные радииаторы серии имеют уникальное матовое текстурное покрытие Firm Finishing, увеличивающее теплоотдачу прибора за счет особой текстурной поверхности.
                </p>
                <p class="advantages__paragraph">
                    Приборы выполнены в эксклюзивном современном дизайне и идеально подойдут под любой стиль помещения — от современного Hi-tech до классического.
                </p>
            </div>
        </div>
    </div>
</section>
<section class="features">
    <div class="container">
        <h1 class="features__title title">уникальные особенности</h1>
        <ul class="features__list">
            <li class="features__item">
                <picture>
                    <source srcset="./assets/img/interface/bg/bg-4-2-mob.jpg" media="(max-width: 767px)">
                    <img class="features__img" src="./assets/img/interface/bg/bg-4-2.jpg" alt="Оптимальная форма перфорации">
                </picture>
                <div class="features__text">Оптимальная форма перфорации</div>
            </li>
            <li class="features__item">
                <picture>
                    <source srcset="./assets/img/interface/bg/bg-4-1-mob.jpg" media="(max-width: 767px)">
                    <img class="features__img" src="./assets/img/interface/bg/bg-4-1.jpg" alt="Защитное антикоррозийное покрытие">
                </picture>
                <div class="features__overlay">
                    <div class="features__overlay-text">Термостойкое покрытие</div>
                    <div class="features__overlay-text">Антикоррозийное покрытие Protective Сoating</div>
                    <div class="features__overlay-text">Высокопрочная сталь </div>
                </div>
                <div class="features__text">Защитное антикоррозийное покрытие</div>
            </li>
        </ul>
    </div>
    <div class="features__banner">
        <img class="features__banner-img" src="" data-src="./assets/img/interface/bg/bg-4-3-mob.jpg" alt="EASY MOVING">
        <div class="container">
            <h2 class="features__subtitle subtitle">Полная свобода перемещения с комплексом &laquo;EASY MOVING&raquo;</h2>
            <div class="features__desc">
                <div class="features__desc-text">
                    <span class="green">Ручка</span>
                    для удобства перемещения
                </div>
                <div class="features__desc-text">
                    <span class="green">Шнур 1,6 метра</span>
                    с местом для хранения
                </div>
                <div class="features__desc-text">
                    <span class="green">Колесики</span>
                    для повышения мобильности
                </div>
            </div>
        </div>
    </div>
</section>
<section class="compare">
    <div class="compare__top">
        <div class="container">
            <h1 class="compare__title title">сравнение моделей</h1>
            <div class="compare__top-content">
                <button class="compare__arrow compare__arrow_left"></button>
                <button class="compare__arrow compare__arrow_right"></button>
                <div class="compare__left">
                    <div class="compare__line"></div>
                    <div class="compare__key">Мощность обогрева</div>
                    <div class="compare__key">Площадь обогрева</div>
                    <div class="compare__key">Количество секций</div>
                    <div class="compare__key">Размеры прибора (ШхВхГ)</div>
                    <div class="compare__key">Вес нетто</div>
                    <div class="compare__key">Вес брутто</div>
                    <div class="compare__key compare__key_blue compare__key_btn">различающиеся</div>
                </div>
                <div class="compare__list">
                    <div class="compare__item">
                        <div class="compare__name">BOH/CB-05W</div>
                        <img class="compare__img" src="./assets/img/products/compare-1.png" alt="BOH/CB-05W">
                        <div class="compare__val">1000/600/400</div>
                        <div class="compare__val">до 15</div>
                        <div class="compare__val">5</div>
                        <div class="compare__val">250x550x250</div>
                        <div class="compare__val">4,4</div>
                        <div class="compare__val">5</div>
                        <a class="compare__val compare__link compare__link_green" href="#">Купить на Ballu.ru</a>
                        <a class="compare__val compare__link compare__link_blue" href="#">Купить у партнеров</a>
                    </div>
                    <div class="compare__item">
                        <div class="compare__name">BOH/CB-07W</div>
                        <img class="compare__img" src="./assets/img/products/compare-2.png" alt="BOH/CB-07W">
                        <div class="compare__val">1500/900/600</div>
                        <div class="compare__val">до 20</div>
                        <div class="compare__val">7</div>
                        <div class="compare__val">250x550x330</div>
                        <div class="compare__val">5,4</div>
                        <div class="compare__val">6,1</div>
                        <a class="compare__val compare__link compare__link_green" href="#">Купить на Ballu.ru</a>
                        <a class="compare__val compare__link compare__link_blue" href="#">Купить у партнеров</a>
                    </div>
                    <div class="compare__item">
                        <div class="compare__name">BOH/CB-09W</div>
                        <img class="compare__img" src="./assets/img/products/compare-3.png" alt="BOH/CB-09W">
                        <div class="compare__val">2000/1200/800</div>
                        <div class="compare__val">до 25</div>
                        <div class="compare__val">9</div>
                        <div class="compare__val">250x550x405</div>
                        <div class="compare__val">6,5</div>
                        <div class="compare__val">7,3</div>
                        <a class="compare__val compare__link compare__link_green" href="#">Купить на Ballu.ru</a>
                        <a class="compare__val compare__link compare__link_blue" href="#">Купить у партнеров</a>
                    </div>
                    <div class="compare__item">
                        <div class="compare__name">BOH/CB-11W</div>
                        <img class="compare__img" src="./assets/img/products/compare-4.png" alt="BOH/CB-11W">
                        <div class="compare__val">2200/1200/1000</div>
                        <div class="compare__val">до 27</div>
                        <div class="compare__val">11</div>
                        <div class="compare__val">250x550x480</div>
                        <div class="compare__val">7,6</div>
                        <div class="compare__val">8,5</div>
                        <a class="compare__val compare__link compare__link_green" href="#">Купить на Ballu.ru</a>
                        <a class="compare__val compare__link compare__link_blue" href="#">Купить у партнеров</a>
                    </div>
                    <div class="compare__item">
                        <div class="compare__name">BOH/CB-11W</div>
                        <img class="compare__img" src="./assets/img/products/compare-4.png" alt="BOH/CB-11W">
                        <div class="compare__val">2200/1200/1000</div>
                        <div class="compare__val">до 27</div>
                        <div class="compare__val">11</div>
                        <div class="compare__val">250x550x480</div>
                        <div class="compare__val">7,6</div>
                        <div class="compare__val">8,5</div>
                        <a class="compare__val compare__link compare__link_green" href="#">Купить на Ballu.ru</a>
                        <a class="compare__val compare__link compare__link_blue" href="#">Купить у партнеров</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="compare__bottom">
        <div class="container">
            <h2 class="compare__subtitle subtitle">Эффективный и безопасный обогрев</h2>
        </div>
    </div>
</section>

<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>