<!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>
<base href="{{ base }}" />
{% if description %}
<meta name="description" content="{{ description }}" />
{% endif %}
{% if keywords %}
<meta name="keywords" content="{{ keywords }}" />
{% endif %}

<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<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=Poppins: 100,300,400,500,600,700" rel="stylesheet">
<link href="catalog/view/theme/{{ mytemplate }}/stylesheet/stylesheet.css" rel="stylesheet" />

<!-- CapricaThemes www.capricathemes.com - Start -->
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/magnific/magnific-popup.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/{{ mytemplate }}/stylesheet/capricathemes/carousel.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/{{  mytemplate }}/stylesheet/capricathemes/custom.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/{{  mytemplate }}/stylesheet/capricathemes/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/{{  mytemplate }}/stylesheet/capricathemes/lightbox.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/{{  mytemplate }}/stylesheet/capricathemes/animate.css" />

{% if direction == 'rtl' %}
<link rel="stylesheet" type="text/css" href="catalog/view/theme/{{ mytemplate }}/stylesheet/capricathemes/rtl.css">
{% endif %}

{% for style in styles %}
<link href="style.href" type="text/css" rel="style.rel" media="style.media" />
{% endfor %}


{% for style in styles %}
<link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}" />
{% endfor %}
{% 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 %}
<!-- CapricaThemes www.capricathemes.com - Start -->
<script type="text/javascript" src="catalog/view/javascript/capricathemes/custom.js"></script>
<script type="text/javascript" src="catalog/view/javascript/capricathemes/jstree.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/capricathemes/carousel.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/capricathemes/capricathemes.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/capricathemes/jquery.custom.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/capricathemes/jquery.formalize.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/lightbox/lightbox-2.6.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/capricathemes/tabs.js"></script>
<script type="text/javascript" src="catalog/view/javascript/capricathemes/jquery.elevatezoom.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/capricathemes/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/capricathemes/doubletaptogo.js"></script>  
<script type="text/javascript" src="catalog/view/javascript/capricathemes/parallax.js"></script>
<script type="text/javascript" src="catalog/view/javascript/capricathemes/owl.carousel.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/magnific/jquery.magnific-popup.min.js"></script>
<!-- CapricaThemes www.capricathemes.com - End -->

<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
</head>

{% if (column_left and column_right) %}
{% set layoutclass = 'layout-3' %}
{% elseif (column_left or column_right) %}
{% if column_left %}
{% set layoutclass = 'layout-2 left-col' %}
{% elseif column_right %}
{% set layoutclass = 'layout-2 right-col' %}
{% endif %}
{% else %}
{% set layoutclass = 'layout-1' %}
{% endif %}

<body class="{{ class }} {{ layoutclass }}">
<nav id="top">
	<div class="container">
		<div class="left-nav">
			<div id="cznavcmsblock">
				<div class="callus">{{ text_callus }}</div>
				<div class="welcome_text">{{ text_welcome }}</div>
			</div>
		</div>
		<div class="right-nav">
			<li class="lang-curr">
				{{ language }}
				{{ currency }}
			</li>
		</div>
    </div>
</nav>

<header>
<div class="header-container">
	<div class="container">
    	<div class="row">
			<div class="header-main">
				<div class="header-logo">
					<div id="logo">
						{% if logo %}<a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive" /></a>{% else %}
					  	<h1><a href="{{ home }}">{{ name }}</a></h1>
					  	{% endif %}
					</div>
				 </div>
				 <div class="header-cart">{{ cart }}</div>
				 
					<div class="dropdown myaccount">
						<a href="{{ account }}" title="{{ text_account }}" class="dropdown-toggle" data-toggle="dropdown">
							<span class="hidden-xs hidden-sm hidden-md">{{ text_account }}</span><i class="fa fa-angle-down" aria-hidden="true"></i></a>
						<ul class="dropdown-menu dropdown-menu-right myaccount-menu">
							{% if logged %}
							<li><a href="{{ account }}">{{ text_account }}</a></li>
							<li><a href="{{ order }}">{{ text_order }}</a></li>
							<li><a href="{{ transaction }}">{{ text_transaction }}</a></li>
							<li><a href="{{ download }}">{{ text_download }}</a></li>
							<li><a href="{{ logout }}">{{ text_logout }}</a></li>
							{% else %}
							<li><a href="{{ register }}">{{ text_register }}</a></li>
							<li><a href="{{ login }}">{{ text_login }}</a></li>
							{% endif %}
							<li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}">{{ text_wishlist }}</a></li>
							<li><a href="{{ shopping_cart }}" title="{{ text_shopping_cart }}">{{ text_shopping_cart }}</a></li>
							<li><a href="{{ checkout }}" title="{{ text_checkout }}">{{ text_checkout }}</a></li>
                                                      	
						</ul>
					</div>
						 {{ search }}
				
				<div class="headertop-inner">
					 {{ menu }}
				</div>
				
			</div>
		</div>
	</div>


</div>

</header>

<div class="wrap-breadcrumb parallax-breadcrumb">
	<div class="container"></div>
</div>

<!-- ======= Quick view JS ========= -->
<script> 

function quickbox(){
 if ($(window).width() > 767) {
		$('.quickview-button').magnificPopup({
			type:'iframe',
			delegate: 'a',
			preloader: true,
			tLoading: 'Loading image #%curr%...',
		});
 }	
}
jQuery(document).ready(function() {quickbox();});
jQuery(window).resize(function() {quickbox();});

</script>