<!doctype html>
<html lang="ru">
<head>

{if !$additional_title}{assign var="additional_title" value=""}{/if}

 <base href="https://atomicgarage.ru/">
<title>{$meta_title|escape}{if !$no_additional_title}{$additional_title}{/if}{if $smarty.get.page > 1} | страница № {$smarty.get.page}{/if}</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<meta name="description" content="{$meta_description|escape}{if $smarty.get.page > 1} - страница {$smarty.get.page}{/if}" >
<meta name="keywords"    content="{$meta_keywords|escape}{if $smarty.get.page > 1}, страница {$smarty.get.page}{/if}" >
{*<link rel="apple-touch-icon" href="/design/{$settings->theme|escape}/favicon.png">
<link rel="icon" href="/design/{$settings->theme|escape}/favicon.png"> *}
<link rel="icon" href="/design/{$settings->theme|escape}/images/ch-logo.png">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/slate/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Russo+One&subset=latin,cyrillic">
<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/styles.css?{uniqid()}"> 
{if $smarty.session.admin == 'admin'}
<link rel="stylesheet" type="text/css" href="/js/admintooltip/css/admintooltip.css" >
{/if}
{if $detect->isMobile()}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/mobile.css?{uniqid()}"> 
{else}
<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/desktop.css?{uniqid()}"> 
{/if}
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

<script src="/sovetnik-killer.js?v=5" type="text/javascript"></script>
{if $rel_canonical}<link rel="canonical" href="{$rel_canonical}"/>{/if}     
</head>
<body class="{if $detect->isMobile()}{if $detect->isTablet()}mobile tablet{else}mobile{/if}{else}desktop{/if}">
<div class="container wrapper">
  <header>
    <div class="row">
      <div class="col-sm-3 col-xs-4"> <a href="/" class="logo"><img src="/design/{$settings->theme|escape}/images/ch-logo.png" alt="logo"></a> </div>
      <div class="col-sm-4 col-xs-3">
        <div class="top-text1 chs">Визуальный тюнинг авто</div>
        {*<div class="top-text2 hidden-xs">Продажа и профессиональная установка биксеноновых линз, ходовых огней, LED ПТФ и другой продукции. Тюнинг фар, установка линз любой сложности.
            <div class="top-text3"><a href="/dostavka/">Доставка по всей России и СНГ</a></div>
        </div>*}
      </div>
      <div id="hidden-cart" class="col-sm-3 hidden-xs">
        <div id="top-shopcart" class="cart">        
          <div class="cart-links">
          {if $user}
				<span id="username"><a href="/user">{$user->name}</a>{if $group->discount>0}, ваша скидка &mdash; {$group->discount}%{/if} </span> | <a id="logout" href="/user/logout/">выйти</a>
			{else}
				<!-- noindex --><a rel="nofollow" href="/user/login/">вход</a> | <a rel="nofollow" id="register" href="/user/register/">регистрация</a><!-- /noindex -->
			{/if}  
          </div>        
          <div class="cart-info">
          <div onclick="javascript: window.location.href='/cart/';" style="cursor: pointer;" title="Оформить покупки">
		      <div id="basket_ajax">
			     <div id="cart_informer">
			{* Обновляемая аяксом корзина должна быть в отдельном файле *}
			{include file='cart_informer.tpl'}
		      </div>
            </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-2 col-xs-5 text-right">
        <div class="city">Санкт-Петербург</div>
        <div class="phone">+7 (921) 0000000</div>
        <div class="phone">+7 (921) 00000000</div>
        <div class="link "><a href="javascript:void(0)" class="callme_viewform">обратный звонок</a></div>
        <div class="email hidden-xs"><a class="w" href="mailto:info@atomicgarage.ru">info@atomicgarage.ru</a></div>        
          <form action="/search/" style="padding:10px 0px;" class="hidden-xs" method="get">

            <div class="input-group top-serch">
              <input type="text" class="form-control input-sm input_search" name="keyword" value="{$keyword|escape}" placeholder="">
              <span class="input-group-btn">
              <button class="btn btn-danger btn-sm" type="submit"><span class="glyphicon glyphicon-search"></span></button>
              </span> 
            </div>
          </form>                       
      </div>
    </div>
  </header>
  
    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          {*<a class="navbar-brand" href="/"><span class="glyphicon glyphicon-home"></span></a>*}
        </div>
        <div class="collapse navbar-collapse" id="navbar-collapse-1">
          <ul class="nav navbar-nav">
          
          <li><a href="/">Главная</a></li>
          
    	{foreach name=page from=$pages item=p}
    		{* Выводим только страницы из первого меню *}
    		{if $p->menu_id == 1 and $p->name|escape != "Главная"}
    		
    		
            <li{if $page && $page->id == $p->id} class="active"{/if}>
                <a href="/{$p->url}{if ($p->url != '')}/{/if}">{$p->name|escape}</a>
            </li>
            
            	{if $p->id == 28}
					<li{if $page->id == 86} class="active"{/if}>
                		<a href="/catalog/">Интернет-магазин</a>
            		</li>
				{/if}
			
			{/if}            
    	{/foreach}
            {if $detect->isMobile()}<li><a href="https://atomicgarage.ru/actions/">Акции и скидки</a></li>{/if}
          </ul>                    
          {*<!--
          <ul class="nav navbar-nav navbar-right">
            <li>
              <form action="products?" style="width:185px; padding:10px 0px;">
              <input type="hidden" name="{if $keyword}{$keyword}{else}_keyword{/if}" value="search">
              <input type="hidden" name="keyword" value="">
                <div class="input-group">
                  <input type="text" class="form-control input-sm input_search" name="keyword" value="{$keyword|escape}" placeholder="">
                  <span class="input-group-btn">
                  <button class="btn btn-danger btn-sm" type="submit"><span class="glyphicon glyphicon-search"></span></button>
                  </span> </div>
              </form>        
            </li>
          </ul>
          -->*}                    
        </div>
      </div>
    </nav>
{* MOBILE *}    
{if $detect->isMobile() && !$detect->isTablet()}

    {if $services_view}
        <div class="sidebar clearfix"> 
            {include file='sidebar_catalog.tpl'}
        </div>
        <div class="content clearfix">
            {include file='services.tpl'}
        </div>
    {else}
        <div class="sidebar clearfix"> 
            {include file='sidebar_catalog.tpl'}
        </div>
        <div class="content clearfix"> 
            {$content}
            {include file='banner/foot.banner.tpl'}
        </div>
    {/if}
    
{* / MOBILE *}
{else}
{* DESKTOP *}

    {if $services_view}
        {include file='services.tpl'}
    {else}
      <div class="row"> 
        <div class="col-sm-3 sidebar">    
          {include file='sidebar_catalog.tpl'}                       
          <div class="widgets">
              <div class="banner-alert">
              {include file='banner/left.banner.tpl'}
              </div>
              {*<div class="banner-alert" style="margin-bottom: 30px">
              <img src="/images/aurobanner.jpg" style="width:100%; height:auto;">
              </div> *}
              {*<div class="banner-alert">
              <img src="/images/ba.png" style="width:100%; height:auto;">
              </div>*}
              <div class="button-set">
                <p><a href="/brands/" class="btn btn-danger btn-lg btn-block btn-sidebar">товары по маркам <span class="b1"></span></a></p>
                {*<p><a href="/podbor-avtolamp/" class="btn btn-danger btn-lg btn-block">подбор автоламп <span class="b2"></span></a></p>*}
                <p><a href="/actions/" class="btn btn-danger btn-lg btn-block">акции и скидки <span class="b3"></span></a></p>
                <p><a href="https://www.drive2.ru/" target="_blank" rel="nofollow" class="btn btn-danger btn-lg btn-block">drive2.ru</a></p>
                
                <!--<a href="https://www.youtube.com/channel/UCBYgdRpMO5brgjEf4W8dqcg/feed?view_as=public" rel="nofollow" target="_blank" class="btn btn-danger btn-lg btn-block">YouTube</a>-->
                <ul class="social-icons list-inline">
                  <li class="btn-danger"><a rel="nofollow" href="https://instagram.com/atomicgarage.ru/" target="_blank"><i class="social-sm social-instagram"></i></a></li>
                  <li class="btn-danger"><a rel="nofollow" href="https://www.youtube.com/" target="_blank"><i class="social-sm social-youtube"></i></a></li>
                  <li class="btn-danger"><a rel="nofollow" href="https://vk.com/" target="_blank"><i class="social-sm social-vk"></i></a></li>
                </ul>            
                
              </div>
              {*
              <div class="panel panel-primary">
                <div class="panel-heading">
                  <div class="panel-title">Статьи</div>
                </div>
                <div class="panel-body news-widget">

        			{get_posts var=last_posts limit=7}
        			{if $last_posts}
        				{foreach $last_posts as $post}
        					<div class="news-block" data-post="{$post->id}"><!--<div class="news-date">{$post->date|date|date_format:"%e %m %Y":"":"rus"}</div>--> <a class="news-title" href="/tehinfo/{$post->url}/">{$post->name|escape}</a></div>
        				{/foreach}
        			{/if}
                </div>
                <div class="panel-footer"><a href="/tehinfo/">все статьи</a></div>
              </div> *}
              
              <div class="panel panel-primary">
                <div class="panel-heading">
                  <div class="panel-title">ВКонтакте</div>
                </div>
                <div class="panel-body vk">
                    <!-- VK Widget -->
                    {*<div id="vk_groups"></div>*}
                </div>
              </div>
          </div>                  
        </div>
        <div class="col-sm-9">
    <!-- content -->
        <div class="content"> 
    {*include file='sub_pages.tpl'*}
    {$content}
    {include file='banner/foot.banner.tpl'}
        </div>
    <!-- /content -->    
        </div>
      </div>
    {/if}

{/if}

{* DESKTOP *}
  <div class="push"></div>
</div>
<footer>
  <div class="container">
    <div class="row">
      <div class="col-sm-6 lh">
      <div itemscope itemtype="https://schema.org/Organization">
        <span class="mdh" itemprop="name">Магазин и Сервис</span>
        <span class="mdh" itemprop="description">Основное направление нашей деятельности — тюнинг автомобильной оптики любой сложности. Индивидуальный подход к каждому клиенту и широкий ассортимент предлагаемой продукции позволит разработать эксклюзивный проект для вашего автомобиля и реализовать любую Вашу идею. Интересующего Вас товара нет на сайте? Не беда — привезем под заказ! Находитесь в другом городе? Нам часто присылают детали на переделку. Мы любим свою работу и знаем, что хорошее отношение зачастую важнее денег.</span>
        <div class="title">Магазин / Сервис</div>
            <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
            <p> г. <span itemprop="addressLocality">Санкт-Петербург</span>, <span itemprop="streetAddress">ул. Победы Коммунизма</span> <br>
              Режим работы: пн-вс 11:00-20:00<br>
			  <span itemprop="telephone">+7 (921) 000000</span><br>
              <span itemprop="telephone">+7 (921) 00000</span><br>
			  <a href="/contact/">карта проезда</a>
            </div>
             {*<div style="height: 80px"></div>*}
       </div>   
      </div>
      <div class="col-sm-2 hidden-xs">
        <div class="title w">Информация</div>
        <p> <a href="/dostavka/">Способы доставки</a><br>
            <a href="/oplata/">Способы оплаты</a><br>            
		</p>
      </div>
      <div class="col-sm-2 hidden-xs">
        <div class="title w">Служба поддержки</div>
        <p><a href="javascript:void(0)" class="callme_viewform">Связаться с нами</a><br>
        {*<a href="/info/">Сотрудничество</a><br>
        <a href="/garantiya/">Гарантия</a><br>
        <a href="/vozvrat-tovara/">Возврат товара</a> *}
		</p>
      </div>
      <div class="col-sm-2 hidden-xs">
        <div class="title w">Личный кабинет</div>
        <p><a href="/user/">Личный Кабинет</a><br>
          <a href="/user/">История заказов</a><br>
		  <a href="/sitemap/">Карта сайта</a>
		  </p>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-6">
        <div class="hidden-xs">

{literal}

{/literal}

{if !$detect->isMobile()}
{literal}


{/literal}
{/if}
{literal}
<!-- noindex -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
var yaParams = {};
</script>


<!-- /Yandex.Metrika counter -->
 <!-- /noindex -->
{literal}
<!--VK-->

<!--VK-->
{/literal}
<!-- noindex -->


 <!-- /noindex -->
{/literal}

            {*}<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script>
            <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="link" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,gplus"></div>
        *}
		
		</div>
                
        {if $detect->isMobile()}        
        <ul class="list-inline">
          <li><a rel="nofollow" href="https://instagram.com/atomicgarage.ru/" target="_blank"><i class="social-sm social-instagram"></i></a></li>
          <li><a rel="nofollow" href="https://www.youtube.com/channel/UCBYgdRpMO5brgjEf4W8dqcg" target="_blank"><i class="social-sm social-youtube"></i></a></li>
          <li><a rel="nofollow" href="https://vk.com/carheart" target="_blank"><i class="social-sm social-vk"></i></a></li>
          <li style="vertical-align: top"><a rel="nofollow" href="https://www.drive2.ru/users/carheart/" target="_blank" class="btn btn-danger btn-sm">Drive2.ru</a></li>
        </ul>        
        {/if}        
                        
      </div>
      <div class="col-sm-6"></div>
    </div>
    <div class="row">
      <div class="col-sm-8"></div>
      <div class="col-sm-4">
        <div class="copyright text-right">&copy; <span>Site</span> - Тюнинг Автомобильной оптики</div>
        <div class="eto-design text-right">Создание и продвижение сайта: <a href="https://www.eto-design.ru" target="_blank" rel="nofollow">студия это дизайн</a></div>
      </div>
    </div>
  </div>
  <div id="back-top"><span id="#top"></span></div>
</footer>
<link rel="stylesheet" property="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.css" media="screen">
<link rel="stylesheet" property="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/js/sm.slider/smslider.css" media="screen">
<link rel="stylesheet" property="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" property="stylesheet" type="text/css" href="/js/baloon/css/baloon.css">
<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.js"></script>
<script type="text/javascript" src="/design/{$settings->theme|escape}/js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
{literal}

$('.content table:not("form table")').removeAttr('style').removeAttr('class').removeAttr('border').removeAttr('cellpadding').removeAttr('cellspacing').removeAttr('align').addClass('table table-striped table-bordered');

$(function() {
    $('.flexslider').flexslider();
    $('.flex-control-nav').addClass('pagination pagination-sm');
});
{/literal}
</script>

<script>

$("#back-top").hide();
	// fade in #back-top
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) 
            {
				$('#back-top').fadeIn();				
                if ($('#bas_items').text() != "пока нет товаров") 
                { 
                    $('#xcart').addClass("flatrow"); 
                    $('.tableFloatingHeader').css('top','50px'); 
                }				
			} 
            else 
            {
				$('#back-top').fadeOut();
				$('#xcart').removeClass("flatrow");
                $('.tableFloatingHeader').css('top','0px');
			}
		});
		// scroll body to 0px on click
		$('#back-top span').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
		});

</script>
<script type="text/javascript" src="/design/{$settings->theme|escape}/js/extra.js?v=21"></script>  
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>
<script type="text/javascript" src="/js/ctrlnavigate.js"></script>
<!--<script type="text/javascript" src="/design/{$settings->theme|escape}/js/jquery-ui.min.js"></script>-->
 <script type="text/javascript" src="/feedback/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/design/{$settings->theme|escape}/js/ajax_cart.js"></script>
<script type="text/javascript" src="/design/{$settings->theme|escape}/js/shopcart-view.js?{uniqid()}"></script>
<script type="text/javascript" src="/js/baloon/js/baloon.js"></script>
{*if !$detect->isMobile()}
<script type="text/javascript" src="/callme/js/callme.js"></script>
{/if*}

{*<script type="text/javascript" src="/callme/js/callme.js"></script>*}

{*
<link property="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
*}

<script type="text/javascript" src="/js/autocomplete/jquery.autocomplete-min.js"></script>
<script type="text/javascript" src="/design/{$settings->theme|escape}/js/sm.slider/jquery.smslider.min.js"></script>
{if $smarty.session.admin == 'admin'}
<script type="text/javascript" src="/js/admintooltip/admintooltip.js"></script>
{/if}
{if $detect->isMobile() && !$detect->isTablet()}
<script type="text/javascript" src="/design/{$settings->theme|escape}/js/collapse-panel.js?v=4"></script> 
{/if}


{literal}
<script>
$(function(){
	
	$('a.fancybox').each(function(){
		var $this = $(this);
		if(typeof $this.attr('data-rel') != 'undefined') $this.attr('rel', $this.attr('data-rel'));
	})

	$('.fancybox').fancybox({
		helpers: {
	    overlay: {
	      locked: false
	    }
	  }
	});
	
	//console.log(Notification);
});
</script>

   
<script type="text/javascript" src="/feedback/js/uploader.js"></script>
<script type="text/javascript" src="/feedback/js/feedback.js"></script>

<link rel="stylesheet" property="stylesheet" type="text/css" href="/design/carheart/js/bxslider/jquery.bxslider.min.css">
<script src="/design/carheart/js/bxslider/jquery.bxslider.min.js"></script>

{/literal}
{if $smarty.session.admin == 'admin'}<script type="text/javascript" src="/feedback/feedback_admin.js"></script>{/if}

<a href="/catalog/" id="right-cat-btn" style="display:none" rel="nofollow" target="_blank">
	<span>Каталог продукции</span>
</a>


</body>
</html>