<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="{{ direction }}" lang="{{ lang }}" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="{{ direction }}" lang="{{ lang }}" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="{{ direction }}" lang="{{ lang }}">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{ title }}</title>
{% if robots %}
<meta name="robots" content="{{ robots }}" />
{% endif %}
<base href="{{ base }}" />
{% if description %}
<meta name="description" content="{{ description }}" />
{% endif %}
{% if keywords %}
<meta name="keywords" content="{{ keywords }}" />
{% endif %}
{% if og_url %}
<meta property="og:title" content="{{ title }}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ og_url }}" />
{% if og_image %}
<meta property="og:image" content="{{ og_image }}" />
{% else %}
<meta property="og:image" content="{{ logo }}" />
{% endif %}
<meta property="og:site_name" content="{{ name }}" />
{% endif %}

<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto:400,900&amp;subset=cyrillic" rel="stylesheet">
<link href="catalog/view/theme/madeshop/stylesheet/stylesheet.css" rel="stylesheet">
{% for style in styles %}
<link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}" />
{% endfor %}
<link href="catalog/view/theme/madeshop/stylesheet/madeshop{{ css_version }}.css" rel="stylesheet">
{% for script in scripts %}
<script src="{{ script }}" type="text/javascript"></script>
{% endfor %}
{% for link in links %}
<link href="{{ link.href }}" rel="{{ link.rel }}" />
{% endfor %}
{% for analytic in analytics %}
{{ analytic }}
{% endfor %}
</head>
<body class="{{ class }} home-{{ madeshop_home }} top{{ madeshop_top }}">
<div id="cart-panel" class="spanel">{{ madeshop_cart }}</div>  
<div id="search-panel" class="spanel">{{ madeshop_search }}</div>
<div id="login-panel" class="spanel">{{ madeshop_login }}</div>
{{ madeshop_call }}
<div id="modal-url" class="panel-url" data-spanel="#modal-panel"></div>
<div id="modal-panel" class="full spanel trans"><div class="close-panel"><div class="container"><i class="fa fa-arrow-up"></i>{{ text_close }}</div></div><div class="container"><div id="clone"></div></div></div>
<div id="view-panel" class="full spanel trans"><div class="close-panel"><div class="container"><i class="fa fa-arrow-up"></i>{{ text_close }}</div></div><div id="clone2"></div></div>
<script>
$(document).ready(function() {
	$('#menu .nav').flexMenu({
        linkText: "{{ madeshop_more }}",
    });
});	
</script>
<header>
  <div class="container micon{{ micon }}">
	<div class="anim-border"></div>
	<div class="logo-block">
	    <div id="logo">
          {% if og_url %}
		  {% if logo and text_logo %}
            {% if home == og_url %}
              <span class="text-logo">{{ text_logo }}</a>
            {% else %}
            <a href="{{ home }}" class="text-logo">{{ text_logo }}</a>
            {% endif %}
            {% else %}		   
		    {% if home == og_url %}
              <img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive" />
            {% else %}
              <a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive" /></a>
            {% endif %}
          {% endif %}
		  {% else %}
		  {% if text_logo %}
				<a href="{{ home }}" class="text-logo">{{ text_logo }}</a>
				{% else %}
				<a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive" /></a>
				{% endif %}
		  {% endif %}
        </div>
	</div>
	{{ menu }}
	<div class="icon-block">	  
	    <div id="cart-url" class="panel-url ib" data-spanel="#cart-panel"><div class="all-icon cart-icon"></div><b>{{ text_mcart }}</b><span class="total {{ (total > 0) ? 'red' : '' }}">{{ total }}</span></div>
	    <div class="panel-url ib" data-spanel="#search-panel"><div class="all-icon search-icon"><span></span></div><b>{{ text_msearch }}</b></div>
	    <div id="login-url" class="panel-url ib" data-spanel="#login-panel" data-wishlist="{{ total_wishlist }}" data-compare="{{ total_compare }}"><div class="all-icon login-icon"></div><b>{{ text_maccount }}</b><span class="total {{ (total_login > 0) ? 'red' : '' }}">{{ total_login }}</span></div>
	    <div id="menu-url" class="panel-url ib" data-spanel="#menu"><div class="all-icon menu-icon"><span></span></div><b>{{ text_menu }}</b></div>
	</div>	
  </div>
</header>
<div class="null"></div>
