<?


$APPLICATION->SetAdditionalCSS("/how-to/mont/css/style.css", true);

$APPLICATION->SetAdditionalCSS("https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css", true);


$APPLICATION->AddHeadScript("https://code.jquery.com/jquery-3.3.1.slim.min.js");
$APPLICATION->AddHeadScript("https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js");
$APPLICATION->AddHeadScript("https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js");


CModule::IncludeModule("iblock");
$banner = array();
$arSelect = Array("ID", "IBLOCK_ID", "NAME", "CODE", "DATE_ACTIVE_FROM", "PROPERTY_*");
$arFilter = Array("IBLOCK_ID" => IntVal(37), "ACTIVE_DATE" => "Y", "ACTIVE" => "Y");
$res = CIBlockElement::GetList(Array("SORT" => "asc"), $arFilter, false, Array("nPageSize" => 50), $arSelect);
while ($ob = $res->GetNextElement()) {
    $ar_res = $ob->GetFields();
    $arProps = $ob->GetProperties();


    $product = CCatalogProduct::GetByIDEx($arProps["PRODUCT"]["VALUE"]);


//    pre1($product);
    $imageUrl = "";

    if ($product["PROPERTIES"]["MORE_PHOTO"]["VALUE"] != "")
        $imageUrl = CFile::GetPath($product["PROPERTIES"]["MORE_PHOTO"]["VALUE"]);

    if ($product["PREVIEW_PICTURE"]["SRC"] != "")
        $imageUrl = $product["PREVIEW_PICTURE"]["SRC"];


    if ($product["DETAIL_PICTURE"]["SRC"] != "")
        $imageUrl = $product["DETAIL_PICTURE"]["SRC"];

    if ($product["PREVIEW_PICTURE"] == "")
        $imageUrl = CFile::GetPath($product["DETAIL_PICTURE"]);
    else
        $imageUrl = CFile::GetPath($product["PREVIEW_PICTURE"]);

    if ($product["PREVIEW_PICTURE"] != "") {
        $imageUrl = CFile::GetPath($product["PREVIEW_PICTURE"]);
    } else {
        if ($product["DETAIL_PICTURE"] != "")
            $imageUrl = CFile::GetPath($product["DETAIL_PICTURE"]);
        else {
            if ($product["PROPERTIES"]["MORE_PHOTO"]["VALUE"] != "") {
                $imageUrl = CFile::GetPath($product["PROPERTIES"]["MORE_PHOTO"]["VALUE"]);
            }
        }
    }

    $banner [] = array(
        "ID" => $arProps["PRODUCT"]["VALUE"],
        "NAME" => $product["NAME"],
        "IMG" => $imageUrl,
        "LINK" => $product["DETAIL_PAGE_URL"],
        "PRICE" => $product["PRICES"][1]["PRICE"],
    );
}
//pre1($banner);

?>


<!--ADVERTISEMENT-->
<div class="adv">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <p class="title-in-text">Наши преимущества</p>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <img src="/how-to/mont/img/advantages/complex.png" class="img-adv">
                <p class="title-adv">Комплекс услуг</p>
                <p class="text-adv" style="font-size: 13px">Компания Климатленд предлагает полный комплекс услуг для
                    безупречной длительной работы кондиционера: консультации по установке, доставка, монтаж, отладка
                    систем, запуск в эксплуатацию, обслуживание по гарантии и после ее окончания. </p>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <img src="/how-to/mont/img/advantages/guarantee.png" class="img-adv">
                <p class="title-adv">Гарантия</p>
                <p class="text-adv" style="font-size: 13px">На всю продукцию, приобретённую у нас, распространяются
                    установленные производителями сроки гарантийных обязательств — от 24 до 60 месяцев. Дополнительно от
                    нашей компании предоставляется гарантия ещё на 1 год! На протяжении срока действия гарантийных
                    обязательств пользователь имеет право на бесплатный ремонт неисправностей. </p>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <img src="/how-to/mont/img/advantages/service.png" class="img-adv">
                <p class="title-adv">Сервис</p>
                <p class="text-adv" style="font-size: 13px">КлиматЛенд предоставляет услуги сервисного обслуживания
                    кондиционеров. Оно является необходимым условием для безупречной работой на протяжении долгих лет.
                    Важно помнить, что его нужно проводить регулярно для предупреждения сбоев и неисправностей. </p>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <img src="/how-to/mont/img/advantages/units.png" class="img-adv">
                <p class="title-adv">Опытные сотрудники</p>
                <p class="text-adv" style="font-size: 13px">Специалисты нашей компании имеют большой опыт в работе с
                    кондиционерами, а также высокую квалификацию. Они постоянно работают над улучшением своих знаний и
                    навыков, участвуя в профильных семинарах и обучениях. </p>
            </div>
        </div>
    </div>
</div>
<!--END ADVERTISEMENT-->

<span class="montah">
	<!--BANNER WITH FORM-->
	<div class="banner-text">
		<div class="container-fluid">
			<div class="row">
				<div class="col-12">
					<h1 class="text-center jumbo-title">Монтаж кондиционеров</h1>
				</div>
			</div>
		</div>
	</div>
	<div class="banner-with-form">
		<div class="banner-backg d-flex align-items-center">

			<div class="container-fluid d-flex justify-content-center ">
				<div class="row">
					<div class="col-lg-8 col-md-12">

						<p class="jumpo-text big back-title">Закажи бесплатную консультацию<span
                                    class=" header-jumpo-text"><br>и получи скидку на установку кондиционера</span></p>
						<p class="sale text-md-center text-center" style="font-size: 12px">до конца aкции осталось</p>
						<p class="time text-md-center text-center"> <span id="c_min" class="minute"
                                                                          time="3"></span> <span id="c_sec" time="27"
                                                                                                 class="seconds"></span></p>
						<p class="time-days text-md-center text-center" style="font-size: 12px">минут секунд</p>
					</div>
					<div class="col-lg-4 col-md-12 d-flex align-items-end justify-content-center">
						<div class="form text-center">
							<p id="can_cgange_on_expire" class="title-form">Оставить заявку</p>
							<input id="person_call_name_t2" type="text" name="name" class="inp small"
                                   placeholder="Ваше имя">
							<input id="person_call_mobile_t2" type="tel" name="number" class="inp small"
                                   placeholder="Ваш телефон">
							<button id="person_call_submit_t2" type="button"
                                    class="btn btn-warning text-center btn-order btn-small">Отправить</button>
						</div>
					</div>

				</div>
			</div>
		</div>

	</div>

    <script>
        $(function () {
//        console.debug("rdy");

            $("#person_call_submit_t2").click(function () {
//            console.debug("clicked");

                var name = $("#person_call_name_t2").val();
                var phone = $("#person_call_mobile_t2").val();

                if (name == "" || phone == "") {
                    alert("Пожалуйста - заполните все поля формы!");
                } else {
                    jQuery.get("/ajax/call_me.php?name=" + name + "&phone=" + phone + "&type=1", function (data) {
                        alert(name + ". Большое Спасибо вам за обращение. Мы вам сейчас же перезвоним!");
                    });
                }

            });

            function countdownwatchform() {
                $("#c_min").html($("#c_min").attr("time"));
                $("#c_sec").html($("#c_sec").attr("time"));

                var min = $("#c_min").html();
                var sec = $("#c_sec").html();

                min = getCookie("timemin");
                sec = getCookie("timesec");

                if (min === undefined || sec === undefined) {
                    min = $("#c_min").html();
                    sec = $("#c_sec").html();
                }
//                if(min == "X" && sec == "X"){
//                    $("#c_min").html($("#c_min").attr("time"));
//                    $("#c_sec").html($("#c_sec").attr("time"));
//                    min = $("#c_min").html();
//                    sec = $("#c_sec").html();
//                }

                if (sec >= 1) {
                    sec--;
                } else {
                    if (sec == 0) {
                        min--;
                        sec = 60;
                    }
                }

                if (min <= 0 || min == "X") {
                    if (sec <= 1 || sec == "X") {
                        min = "X";
                        sec = "X";
//                        $("#person_call_submit_t2").hide();
                        $("#can_cgange_on_expire").html("Акция закончилась. Но скорее всего для Вас у нас есть вариант - обращайтесь!")
                    }

                }

                if (min !== "undefined" || sec !== "undefined") {
                    setCookie("timemin", min);
                    setCookie("timesec", sec);
                    $("#c_min").html(min);
                    $("#c_sec").html(sec);
                }


            }

            setInterval(function () {
                countdownwatchform();
            }, 1000);

        })


        function setCookie(name, value, options) {
            options = options || {};

            var expires = options.expires;

            if (typeof expires == "number" && expires) {
                var d = new Date();
                d.setTime(d.getTime() + expires * 1000);
                expires = options.expires = d;
            }
            if (expires && expires.toUTCString) {
                options.expires = expires.toUTCString();
            }

            value = encodeURIComponent(value);

            var updatedCookie = name + "=" + value;

            for (var propName in options) {
                updatedCookie += "; " + propName;
                var propValue = options[propName];
                if (propValue !== true) {
                    updatedCookie += "=" + propValue;
                }
            }

            document.cookie = updatedCookie;
        }


        function getCookie(name) {
            var matches = document.cookie.match(new RegExp(
                "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
            ));
            return matches ? decodeURIComponent(matches[1]) : undefined;
        }
    </script>
    <!--END BANNER WITH FORM-->


    <!--INSTALL-->
	<div class="install">
		<div class="container">
			<div class="row">
				<div class="col-md-12 text-center">
					<p class="title-in-text">Профессиональный монтаж</p>
					<video width="888" height="480" controls="controls" poster="/how-to/mont/img/video/poster.png"
                           class="img-fluid">
					   <source href="https://www.youtube.com/watch?v=IcOfpz06iK0"
                               type='video/ogg; codecs="theora, vorbis"' src="https://www.youtube.com/watch?v=IcOfpz06iK0">
					</video>
					<p class="text text-left" style="font-size:  15px!important;">
                        В данном видеоролике вы можете увидеть, как профессиональный мастер выполняет монтаж кондиционера.
	Качественная установка является залогом длительной и безукоризненной службы оборудования. Конечно же для этого необходимо, чтобы все работы осуществлялись специалистами, которые имеют соответствующую квалификацию и определённый опыт. Именно такими мастерами являются сотрудники компании Климат Ленд. Они великолепно справятся с монтажом кондиционера любого типа и в любом помещении. При установке используется только лучшее оборудование.
	Важно понимать, что кондиционер любого типа представляет собой довольно сложное устройство. Причем каждый производитель может оснащать свой продукт различными дополнительными функциями и модулями. Чтобы сделать грамотный монтаж, мастер должен разбираться во всех тонкостях.
	Специалисты Климат Ленд постоянно повышают свой профессиональный уровень — они посещают обучающие мероприятия от компаний, представителями которых мы являемся. Вы можете быть уверены, что наши мастера владеют всеми необходимыми знаниями, чтобы осуществить монтаж даже самых современных моделей.
	Установку кондиционера лучше всего начинать ещё на этапе ремонта. В таком случае сначала прокладываются необходимые коммуникации и монтируется внешний блок. На втором этапе, когда ремонт закончен либо же близится к завершению, происходит установка внутренний блок. Стандартный монтаж осуществляется, чаще всего, за один выезд! При этом оба блока, прокладка дренажной системы и магистрали для хладагента происходят сразу.
	Наши специалисты всегда проводят детальный инструктаж по эксплуатации! Если кондиционер имеет более сложную конструкцию, чем стандартные сплит-системы, то для его установки может потребоваться больше времени, дополнительных материалов и количества работников.
                        </p><br><p style="font-size:  15px!important;font-weight: bold">При выборе места для кондиционера необходимо помнить несколько правил:</p>
                    <ul class="a">
  <li>Промежуток между потолком и верхней крышкой внутреннего блока должен составлять не менее 100мм;</li>
  <li>Чтобы не допустить попадания потока воздуха на людей, во избежание простудных заболеваний или перегрева, не следует размещать прибор недалёко от рабочего места или же места отдыха;</li>
  <li>Важно, чтобы перед устройством было достаточно пространства (не менее 3 м) и поток воздуха не отбивался от стены либо другой поверхности, иначе охлаждённый или нагретый воздух будет попадать в него и возникнут сбои в работе;</li>
<li>Кондиционер нужно располагать только на ровной поверхности, не под наклоном, чтобы не нарушился отток воды от конденсата. </li>
                    </ul>


					<button type="button" class="btn-purple">Подробнее</button>
				</div>
				<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 text-center">
					<img src="/how-to/mont/img/video/sertificate.png" alt="sertificate" class="sertficate-photo">
				</div>
				<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 text-center">
					<img src="/how-to/mont/img/video/sertificate.png" alt="sertificate" class="sertficate-photo">

				</div>
				<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6  text-center">
					<img src="/how-to/mont/img/video/sertificate.png" alt="sertificate" class="sertficate-photo">

				</div>
				<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 text-center">
					<img src="/how-to/mont/img/video/sertificate.png" alt="sertificate" class="sertficate-photo">

				</div>
				<div class="col-xl-2 col-lg-6 col-md-4 col-sm-6  text-center text-lg-center">
					<img src="/how-to/mont/img/video/sertificate.png" alt="sertificate" class="sertficate-photo">

				</div>
				<div class="col-xl-2 col-lg-6 col-md-4 col-sm-6 text-center text-lg-center">
					<img src="/how-to/mont/img/video/sertificate.png" alt="sertificate" class="sertficate-photo">

				</div>
			</div>
		</div>
	</div>
    <!--END INSTALL-->


    <!--WHY WE-->
	<div class="why-we">
		<div class="container">
			<div class="row">
				<div class="col-md-12 text-center">
					<p class="title-in-text">Почему мы?</p>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6 text-center">
					<img src="/how-to/mont/img/why-we/friend.png" alt="friend" class="img-why-we">
					<p class="sign">Наш девиз работать так, чтобы вас рекомендовали</p>
				</div>
				<div class="col-lg-3 col-md-6  col-sm-6  text-center">
					<img src="/how-to/mont/img/why-we/cond.png" alt="conditioner" class="img-why-we">
					<p class="sign">Немецкая медь, итальянский утеплитель, фирменный инструмент</p>
				</div>
				<div class="col-lg-3 col-md-6  col-sm-6  text-center">
					<img src="/how-to/mont/img/why-we/cash.png" alt="cash" class="img-why-we">
					<p class="sign">Наличная и безналичная форма оплаты</p>
				</div>
				<div class="col-lg-3 col-md-6  col-sm-6  text-center">
					<img src="/how-to/mont/img/why-we/sert.png" alt="guarantee" class="img-why-we">
					<p class="sign">У нас есть лицензия и дилерские сертификаты</p>
				</div>
                <!--				<div class="col-lg-3 col-md-6  col-sm-6  text-center">-->
                <!--					<img src="/how-to/mont/img/why-we/cond-cold.png" alt="conditioner cold" class="img-why-we">-->
                <!--					<p class="sign">8410 установленных кондиционеров за 12 лет</p>-->
                <!--				</div>-->
				<div class="col-lg-4 col-md-7  col-sm-7  text-center">
					<img src="/how-to/mont/img/why-we/price.png" alt="price" class="img-why-we">
					<p class="sign">Фиксированная цена установки</p>
				</div>
				<div class="col-lg-4 col-md-7  col-sm-7  text-center">
					<img src="/how-to/mont/img/why-we/spes.png" alt="spesialist" class="img-why-we">
					<p class="sign">Обученные и квалифицированные специалисты</p>
				</div>
				<div class="col-lg-4 col-md-7  col-sm-7  text-center">
					<img src="/how-to/mont/img/why-we/hurt.png" alt="hurt" class="img-why-we">
					<p class="sign">Менее 1-го процента гарантийных обращений</p>
				</div>
			</div>
		</div>
	</div>

    <!--END WHY WE-->


    <!--WORK STAGES-->
	<div class="work">
		<div class="container">
			<div class="row">
				<div class="col-md-12 text-center">
					<p class="title-in-text">Этапы работы</p>
				</div>
				<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6  text-center">
					<img src="/how-to/mont/img/work/smartphone.png">
					<p class="info-work">Звоните или оставляете бесплатную заявку</p>
				</div>
				<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6  text-center">
					<img src="/how-to/mont/img/work/manager.png">
					<p class="info-work">Мы выделяем Вам персонального менеджера</p>
				</div>
				<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6  text-center">
					<img src="/how-to/mont/img/work/cond.png">
					<p class="info-work">Подбираем оборудование, обсуждаем детали монтажа</p>
				</div>
				<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6  text-center">
					<img src="/how-to/mont/img/work/office.png">
					<p class="info-work">Оформляем заявку без визита в офис</p>
				</div>
				<div class="col-xl-2 col-lg-6 col-md-4 col-sm-6  text-center text-lg-center text-center">
					<img src="/how-to/mont/img/work/cargo.png">
					<p class="info-work">Доставка и установка кондиционера в один день!</p>
				</div>
				<div class="col-xl-2 col-lg-6 col-md-4 col-sm-6  text-center text-lg-center text-center">
					<img src="/how-to/mont/img/work/pay.png">
					<p class="info-work">Оплата любым удобным для Вас способом: карта, наличные, кредит</p>
				</div>
			</div>
		</div>
	</div>
    <!--END WORK STAGES-->

    <!--POSTGUARANTEE-->
	<div class="post-guarantee">
		<div class="container">
			<div class="row">
				<div class="col-md-12 text-center">
					<p class="title-in-text">Постгарантийный сервис и обслуживание</p>
				</div>
				<div class="col-lg-4 col-md-12 text-center">
					<img src="/how-to/mont/img/post-guarantee/time.png">
					<p class="info-guarantee">Мы единственная компания, которая существует на рынке климатического оборудованияболее 15 лет</p>
				</div>
				<div class="col-lg-4 col-md-6 text-center">
					<img src="/how-to/mont/img/post-guarantee/sert.png">
					<p class="info-guarantee">Мы предоставляем гарантию на все виды наших работ</p>
				</div>
				<div class="col-lg-4 col-md-6 text-center">
					<img src="/how-to/mont/img/post-guarantee/service.png">
					<p class="info-guarantee">Обслуживаем и ремонтируем даже когда закончился срок гарантии</p>
				</div>
			</div>
		</div>
	</div>
    <!--END POSTGUARANTEE-->

    <!--ORDER CONSULT-->
	<div class="order">
		<div class="container">
			<div class="row">
				<div class="col-md-6 text-center">
                    <button id="zakaz_free" class=" bingc-action-open-passive-form btn btn-warning btn-order-call">Заказ бесплатной консультации</button>
				</div>
			</div>
		</div>
	</div>
    <!--END ORDER CONSULT-->


    <!--PROS OF INSTALATION-->
	<div class="pros-instalation">
		<div class="container-fluid d-flex justify-content-center align-items-center">
			<div class="row">
				<div class="col-lg-8 col-md-12 d-flex align-items-end justify-content-center">
					<p class="jumpo-text big">вызовите профессиональную <span
                                class="jumpo-text"><br>монтажную бригаду<span></p>
					<p></p>
				</div>
				<div class="col-lg-4 col-md-12 d-flex align-items-end justify-content-center">
					<div class="form text-center">
						<p class="title-form">Вызвать бригаду</p>
						<input id="person_call_name_t3" type="text" name="name" class="inp" placeholder="Ваше имя">
						<input id="person_call_mobile_t3" type="tel" name="number" class="inp"
                               placeholder="Ваш телефон">
						<button id="person_call_submit_t3" type="button" class="btn btn-warning text-center btn-order">Отправить</button>
					</div>
				</div>
			</div>
		</div>
	</div>


    <!--OUR BRANDS-->
	<div class="brand">
		<div class="container">
			<div class="row">
				<div class="col-md-12 text-center">
					<p class="title-in-text">Наши бренды</p>
				</div>
				<div class="col-lg-3 col-md-6  text-center">
					<a href="/catalog/konditsionery-ballu/"> <img src="/how-to/mont/img/brand/bailu.png"
                                                                  class="img-brand"></a>
					<p class="text-adv"></p>
				</div>
				<div class="col-lg-3 col-md-6  text-center">
					<a href="/catalog/konditsionery-zanussi/"><img src="/how-to/mont/img/brand/Zanussi.png"
                                                                   class="img-brand"></a>
					<p class="text-adv"></p>
				</div>
				<div class="col-lg-3 col-md-6  text-center">
					<a href="/catalog/konditsionery-electrolux/"><img src="/how-to/mont/img/brand/Electrolux.png"
                                                                      class="img-brand electrolux"></a>
					<p class="text-adv"></p>
				</div>
				<div class="col-lg-3 col-md-6  text-center">
				<a href="/catalog/konditsionery-ac-electric/">	<img src="/how-to/mont/img/brand/ACElectric.png"
                                                                       class="img-brand"></a>
					<p class="text-adv"></p>
				</div>
			</div>
		</div>
	</div>
    <!--END OUR BRANDS-->

    <script>
        $(function () {
//        console.debug("rdy");

            $("#person_call_submit_t3").click(function () {
//            console.debug("clicked");

                var name = $("#person_call_name_t3").val();
                var phone = $("#person_call_mobile_t3").val();

                if (name == "" || phone == "") {
                    alert("Пожалуйста - заполните все поля формы!");
                } else {
                    jQuery.get("/ajax/call_me.php?name=" + name + "&phone=" + phone + "&type=2", function (data) {
                        alert(name + ". Большое Спасибо вам за обращение. Мы вам сейчас же перезвоним!");
                    });
                }

            });

        })
    </script>
    <!--END PROS OF INSTALATION-->
    </span>


<style>
    .inp {
        font-size: 13px !important;
    }

    ul.a {
        font-size: 15px !important;
        list-style-type: circle;
        text-align: left;
    }


</style>