<!DOCTYPE html>
<html lang="ru">

<head>
   <base href="[[++site_url]]">
    <!-- meta -->
    <title itemprop="name">[[*longtitle:ifempty=`[[*pagetitle]]`]]</title>
    <meta name="keywords" content="[[+seoPro.keywords]]">
    [[*description:notempty=`<meta name="description" content="[[*description:strip]]">`]]
    [[*longtitle:notempty=`<meta name="abstract" content="[[*longtitle:replace=`<br />== `:replace=`<br>== `:striptags]]">`]]
    <meta http-equiv="last-modified" content="[[*editedon:strtotime:date=`%a, %d %b %Y %H:%M:%S %Z`]]">
    <meta name="author" content="[[+metax.createdby]]">
    <meta name="copyright" content="Copyright (c) [[+metax.copyyears]] by [[++site_name]]">
    <meta name="robots" content="[[+seoTab.robotsTag]]">
    <meta name="viewport" content="width=device-width, initial-scale=0">
    <link rel="canonical" href="[[+metax.canonical]]">
    <meta http-equiv="content-language" content="[[++cultureKey:ifempty=`en`]]">
    <meta http-equiv="Content-Type" content="[[*contentType:lcase]]; charset=[[++modx_charset]]">
    <meta http-equiv="pragma" content="[[+metax.cache]]">
    <meta http-equiv="cache-control" content="[[+metax.cache]]">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <link rel="shortcut icon" type="image/x-icon" href="[[++favicon]]">

    <!-- Google Font
    ==================================================================-->
    <link href="https://fonts.googleapis.com/css?family=Ubuntu:400,500,700" rel="stylesheet">

    <!-- Bootstrap css
    ==================================================================-->
    <link rel="stylesheet" href="assets/templates/css/bootstrap.min.css">

    <!-- Fontawesome
    ==================================================================-->
    <link rel="stylesheet" href="assets/templates/css/fa-brands.min.css">
    <link rel="stylesheet" href="assets/templates/css/fa-light.min.css">
    <link rel="stylesheet" href="assets/templates/css/fa-regular.min.css">
    <link rel="stylesheet" href="assets/templates/css/fa-solid.min.css">
    <link rel="stylesheet" href="assets/templates/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="assets/templates/css/fontawesome.min.css">

    <!-- Owlcarousel css
    ==================================================================-->
    <link rel="stylesheet" href="assets/templates/css/owl.carousel.min.css">

    <!-- Magnific Popup css
    ==================================================================-->
    <link rel="stylesheet" href="assets/templates/css/magnific-popup.css">

    <!-- Swiper css
    ==================================================================-->
    <link rel="stylesheet" href="assets/templates/css/tachyons.min.css">
    <link rel="stylesheet" href="assets/templates/css/swiper.min.css">

    <!-- Style css
    ==================================================================== -->
    <link rel="stylesheet" href="assets/templates/css/style.css">

    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        
</head>

<body class="body-bg" data-spy="scroll" data-target=".navbar" data-offset="90">
    <!-- Header Area Start -->
    <header class="menu-area" id="home">
        <nav class="navbar navbar-expand-md fixed-top">
            <div class="container">
                <a href="/" class="navbar-brand"><img src="[[++logo_top]]" alt=""> Halturin</a>
                <div class="navbar-top">

                        [[pdoMenu?
                        &parents=`0`
                        &tplOuter=`@INLINE <ul class="ml-auto">[[+wrapper]]</ul>`
                        &tpl=`@INLINE <li class="smooth-menu"><a class="nav-link" href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
                        &tplHere=`@INLINE <li class="smooth-menu active"><a class="nav-link" href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
                        ]]
                       
                </div>
                <a href="#modal_form" class="nav-btn custom-btn pull-right open_modal" data-toggle="modal" data-target="#ModalAudit">Получить консультацию</a>

            </div>
            <!-- Navbar Collapse End -->
        </nav>
    </header>

    <!-- Header Area End -->
<!-- Modal -->


        [[!AjaxForm? 
        &form=`@FILE chunks/forms/form_audit.tpl` 
        &snippet=`FormIt`         
        &hooks=`FormItSaveForm,email`
        &emailSubject=`Заявка на консультацию с сайта [[++site_url]]`
        &emailTo=`info@halturin.ru`
        &emailFrom=`no-reply@mysite.com`
        &emailTpl=`@FILE chunks/emails/form_audit.tpl`
        &validate=`phone:minLength=^2^`
        &formName=`Заявка на аудит`
        &validationErrorMessage=`В форме содержатся ошибки!`
        &successMessage=`Сообщение успешно отправлено`
        ]]

    {block 'main'}

    {/block}


        <!-- Footer Area Start -->
    <footer class="footer-area">
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-4">
                        <div class="footer-widget">
                           <h3 class="widget-title">Контакты</h3>
                            <ul class="contact-info list-unstyled">
                                <li><i class="fa fa-phone"></i><a href="[[++phone]]">[[++phone]]</a><br>
                                  <a href="[[++phone2]]">[[++phone2]]</a></li>
                                <li><i class="fa fa-envelope-o"></i><a href="mailto:[[++email]]"> [[++email]]</a></li>
                                <li><i class="fa fa-map-marker"></i><span> [[++adress]]</span></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="footer-widget">
                            <h3 class="widget-title">Меню</h3>
                            <ul class="list-unstyled">
                                <li><a href="/o-nas">О нас</a></li>
                                <li><a href="/catalog">Каталог</a></li>
                                <li><a href="/contacts">Контакты</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="footer-widget">
                            <h3 class="widget-title">Хочу интернет магазин!</h3>
                             <a href="#callbackwidget" class="nav-btn custom-btn pull-right open_modal tc db">Заказать звонок</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Top End -->
        <div class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-5">
                        <p class="copy-right">Copyright © ООО "ЛИДЕР" | 2018</p>
                    </div>
                    <div class="col-3 col-sm-5 text-center">
                        <div class="footer-social">
                            <a href="#"><i class="fa fa-facebook"></i></a>
                            <a href="#"><i class="fa fa-twitter"></i></a>
                            <a href="#"><i class="fa fa-pinterest"></i></a>
                            <a href="#"><i class="fa fa-youtube-play"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Yandex.Metrika counter -->
<script type="text/javascript" >
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounter49392505 = new Ya.Metrika2({
                    id:49392505,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true,
                    webvisor:true
                });
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://mc.yandex.ru/metrika/tag.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks2");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/49392505" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
    </footer>
    <!-- Footer Area End -->

    <!-- Javascript 
    
    ======================================================== -->
    <script src="assets/templates/js/jquery.min.js"></script>
    <script src="assets/templates/js/popper.min.js"></script>
    <script src="assets/templates/js/bootstrap.min.js"></script>
    <script src="assets/templates/js/owl.carousel.min.js"></script>
    <script src="assets/templates/js/jquery.scrollUp.min.js"></script>
    <script src="assets/templates/js/jquery.easing.1.3.js"></script>
    <script src="assets/templates/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/templates/js/jquery.maskedinput.min.js"></script>
    <script src="assets/templates/js/swiper.min.js"></script>
    {block 'add_js'}{/block}
    <script src="assets/templates/js/custom.js"></script>
    <script>
      $(document).ready(function() {
          AjaxForm.Message.success = function() {};
      });
      $(document).on('af_complete', function(event, response) {
          var form = response.form;
          if (response.success) {
            form.parents('.modal').modal('hide');
            $('#successModal .modal-body').html(response.message);
            $('#successModal').modal('show');

          }
      });
    </script>
    <script>
      $('.iframe-link').magnificPopup({
       type: 'iframe',
       iframe: {
           markup: '<div class="mfp-iframe-scaler">'+
                        '<div class="mfp-close"></div>'+
                        '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
                        '<div class="fixed bt-fre"><a href="http://halturin.ru/forma-zakaza" target="_blank" class="nav-btn custom-btn open_modal">Оставить заявку</a></div>'+
                    '</div>'
        }   

      });
      $(document).ready(function() {
        $('.simple-ajax-popup-align-top').magnificPopup({
          type: 'ajax',
          alignTop: true,
          overflowY: 'scroll' // as we know that popup content is tall we set scroll overflow by default to avoid jump
        });
        $('.simple-ajax-popup').magnificPopup({
          type: 'ajax'
        });
        
      });
    </script>
    <script>
      $(function () {
        $('[data-toggle="popover"]').popover()
      })
      jQuery(function($){
       $(".phone").mask("+7(999)999-99-99");
      });
    </script>
    
<script type="text/javascript">
  ! function() {
  var t = document.createElement("script");
  t.type = "text/javascript", t.async = !0, t.src = "https://vk.com/js/api/openapi.js?159", t.onload = function() {
    VK.Retargeting.Init("VK-RTRG-273977-ckIuW"), VK.Retargeting.Hit()
  }, document.head.appendChild(t)
  }();
</script>
<noscript><img src="https://vk.com/rtrg?p=VK-RTRG-273977-ckIuW" style="position:fixed; left:-999px;" alt=""/></noscript>
<link rel="stylesheet" href="https://cdn.envybox.io/widget/cbk.css">
<script type="text/javascript" src="https://cdn.envybox.io/widget/cbk.js?wcb_code=8e7990f75ed9d6981ce8469299e64550" charset="UTF-8" async></script>
</body>

</html>
