<!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"></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"></script>
	<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<link href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap" rel="stylesheet">
	
	{# Mahardhi Edit #}
	<script src="catalog/view/javascript/mahardhi/jquery.elevateZoom.min.js"></script>
	<script src="catalog/view/javascript/jquery/magnific/jquery.magnific-popup.min.js"></script>
	<script src="catalog/view/javascript/mahardhi/owl.carousel.min.js"></script>
	<script type="text/javascript" src="catalog/view/javascript/mahardhi/quickview.js"></script>	
	<link href="catalog/view/theme/mahardhi/stylesheet/mahardhi/mahardhi-font.css" rel="stylesheet">
	<link href="catalog/view/theme/mahardhi/stylesheet/mahardhi/animate.min.css" rel="stylesheet">
	<link href="catalog/view/theme/mahardhi/stylesheet/mahardhi/owl.carousel.min.css" rel="stylesheet">
	<link href="catalog/view/theme/mahardhi/stylesheet/mahardhi/owl.theme.default.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/magnific/magnific-popup.css">
	{# End #}

	{% if advanceSearch %}
	  <script src="catalog/view/javascript/mahardhi/mahardhi_search.js"></script>
	{% endif %}
	{{ inline_style }}
	<link href="catalog/view/theme/mahardhi/stylesheet/stylesheet.css" rel="stylesheet">
	{% for style in styles %}
		<link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}" />
	{% endfor %}
	{# Mahardhi Edit #}
	{% if direction == 'rtl' %}
		<link href="catalog/view/theme/mahardhi/stylesheet/mahardhi/rtl.css" rel="stylesheet">
	{% endif %}
	{# End #}
	{% for script in scripts %}
		<script src="{{ script }}"></script>
	{% endfor %}
	<script src="catalog/view/javascript/common.js"></script>
	{# Mahardhi Edit #}
	<script src="catalog/view/javascript/mahardhi/jquery-ui.min.js"></script>
	<link rel="stylesheet" type="text/css" href="catalog/view/theme/mahardhi/stylesheet/mahardhi/jquery-ui.min.css">
	<script src="catalog/view/javascript/mahardhi/custom.js"></script>	
	{# End #}
	{% for link in links %}
		<link href="{{ link.href }}" rel="{{ link.rel }}" />
	{% endfor %}
	{% for analytic in analytics %}
		{{ analytic }}
	{% endfor %}
</head>
<body class="{{ class }}">
	<div class="loader"></div>
	<nav id="top">
		<div class="container">
			<div class="row">
				<div class="top-inner">
					<div class="top-left col-lg-4 hidden-xs">
						<div class="contact">
							<a href="{{ contact }}">
				        		<span>
				        			<span>{{ text_telephone }}</span>
				        			<span>{{ telephone }}</span>
				        		</span>
				        	</a>
				        </div>
					</div>
					<div class="top-center col-lg-4 hidden-xs hidden-sm">
						<div class="top-text">{{ text_top }} <a href="#">{{ text_shop }}</a></div>
					</div>
					<div class="top-right col-lg-4">
						<div class="currency">{{ currency }}</div>
						<div class="language">{{ language }}</div>
					</div>
				</div>
			</div>
		</div>	
	</nav>
	<header>
		<div class="container">
			<div class="header-top">
				<div class="header-left">
					<!-- start 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-center">
					<!-- start menu -->
					{{menu}}
				</div>
				<div class="header-right header-links">	
					<!-- start search -->
					<div class="btn_search">
						<a class="search-btn">
					        <i class="search-icon icon-search"></i>
					    </a>
					</div>
					<!-- start account -->	
					<div id="header_ac" class="dropdown">
						<a href="{{ account }}" title="{{ text_account }}" class="dropdown-toggle" data-toggle="dropdown">
							<i class="icon-user-3"></i><span class="account-here hidden">{{ text_account }}</span>
						</a>
						<ul class="dropdown-menu dropdown-menu-right account-link-toggle">
							{% 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>
						</ul>
					</div>
					<!-- start cart -->
					<div class="header_cart">{{ cart }}</div>
				</div>
			</div>
		</div>
		<div class="header-search">
			{{ search }}
			<i class="serach-close icon-close"></i>
		</div>
	</header>

<script><!--
	$(document).ready(function(){
		var headerfixed = {{ header }};
		if (headerfixed == 1) {
			$(window).scroll(function () {
				if ($(window).width() > 991) {
					if ($(this).scrollTop() > 110) {
						$('header').addClass('header-fixed');
							} else {
						$('header').removeClass('header-fixed');
					}
				}
				else{
					$('header').removeClass('header-fixed');
				}
			});
		}
		else{		
			$('header').removeClass('header-fixed');
		}
	});
</script>