<!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>
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js"></script>

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">

<!--<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />-->
<!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->
<!--<link href="catalog/view/theme/{{ theme_path }}/stylesheet/TemplateBunch/bootstrap.min.css" rel="stylesheet" media="screen" />-->

<!-- default CSS START -->

<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/icofont.min.css" rel="stylesheet">
<link href="catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.css" rel="stylesheet" media="screen" />
<link href="catalog/view/javascript/jquery/owl-carousel/owl.theme.default.min.css" rel="stylesheet" media="screen" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/bootstrap.min.css" rel="stylesheet" media="screen" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/animate.css" rel="stylesheet" type="text/css" />

<!-- default CSS END -->

<!-- TemplateBunch Custom CSS Start -->

<link href="catalog/view/theme/OPCTB01_01/stylesheet/stylesheet.css" rel="stylesheet">

<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/tb-blog.css" rel="stylesheet">
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/tb-category-feature.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/tb-countdown.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/tb-home.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/tb-innerpage.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/tb-lightbox.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/tb-menu.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/tb-newsletter.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/tb-product.css" rel="stylesheet" type="text/css" />

<!-- TemplateBunch Custom CSS End -->

{% if direction=='rtl' %}
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/rtl/tb-blog-rtl.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/rtl/tb-category-feature-rtl.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/rtl/tb-countdown-rtl.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/rtl/tb-home-rtl.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/rtl/tb-innerpage-rtl.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/rtl/tb-lightbox-rtl.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/rtl/tb-menu-rtl.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/rtl/tb-newsletter-rtl.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/rtl/tb-product-rtl.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPCTB01_01/stylesheet/TemplateBunch/custom/rtl/tb-stylesheet-rtl.css" rel="stylesheet" type="text/css" />
{% endif %}

{% for style in styles %}
<link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}" />
{% endfor %}

<script src="catalog/view/javascript/common.js"></script>


<!-- default JS START -->
<script src="catalog/view/javascript/TemplateBunch/default/inview.js"></script>
<script src="catalog/view/javascript/TemplateBunch/default/parallex.js"></script>
<script src="catalog/view/javascript/TemplateBunch/default/theia-sticky-sidebar.min.js"></script>
<script src="catalog/view/javascript/TemplateBunch/default/lightbox-2.6.min.js"></script>
<script src="catalog/view/javascript/TemplateBunch/default/waypoints.min.js"></script>
<script src="catalog/view/javascript/TemplateBunch/default/wow.min.js"></script>
<script src="catalog/view/javascript/TemplateBunch/default/bootstrap-notify.min.js"></script>
<script src="catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js"></script>
<!-- default JS End -->

<!-- TemplateBunch custom JS START -->
<script src="catalog/view/javascript/TemplateBunch/actionscript.js"></script>
<script src="catalog/view/javascript/TemplateBunch/menu.js"></script>
<script src="catalog/view/javascript/TemplateBunch/tb_countdown.js"></script>
<script src="catalog/view/javascript/TemplateBunch/tb_owl.js"></script>
<script src="catalog/view/javascript/TemplateBunch/tb_quickview.js"></script>
<!-- TemplateBunch custom JS END -->

<script>
    new WOW().init();
</script>


{% for link in links %}
<link href="{{ link.href }}" rel="{{ link.rel }}" />
{% endfor %}

{% for script in scripts %}
<script src="{{ script }}"></script>
{% endfor %}

{% for analytic in analytics %}
{{ analytic }}
{% endfor %}
</head>
<body class="{{ class }}">
<div class="tbloading-bg tbloader"></div>
<div id="page">
{% if header_top %}
<div class="header-top-cms">
	{{ header_top }}
</div>
{% endif %}
<header>
<div class="header">
	<div class="full-header">
	<div class="container">
	<div class="header-row">
		<div class="header-left">
			<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-top-left">
			{% if header_left %}
			<div class="header-left-cms">
			{{ header_left }}
			</div>
			{% endif %}
		</div>
		<div class="header-top-right">
			<div id="top-links" class="nav pull-right">
				<ul class="list-inline">
				    <li class="tbsearch">{{ search }}</li>

					<li class="account-nav dropdown header_user_info"><a href="{{ account }}" title="{{ text_account }}" class="dropdown-toggle" data-toggle="dropdown"><i class="icofont-user-alt-7"></i><span class="tbuserheading">{{ text_account }}</span><i class="icofont-simple-down"></i></a>
						<ul class="dropdown-menu dropdown-menu-right account-link-toggle">
							{% if logged %}
							<li><a href="{{ account }}"><i class="icofont-user-alt-7"></i> {{ text_my_account }}</a></li>
							<li><a href="{{ order }}"><i class="icofont-calendar"></i> {{ text_order }}</a></li>
							<li><a href="{{ transaction }}"><i class="icofont-id-card"></i> {{ text_transaction }}</a></li>
							<li><a href="{{ download }}"><i class="icofont-download"></i> {{ text_download }}</a></li>
							<li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}"><i class="icofont-heart"></i> <span class="hidden-sm hidden-md">{{ text_wishlist }}</span></a></li>
							<li><a href="{{ logout }}"><i class="icofont-lock"></i> {{ text_logout }}</a></li>
							<li class="tblanguage clearfix">{{ language }}</li>
							<li class="tbcurrency clearfix">{{ currency }}</li>
							{% else %}
							<li><a href="{{ login }}"><i class="icofont-lock"></i> {{ text_login }}</a></li>
							<li><a href="{{ register }}"><i class="icofont-user-alt-7"></i> {{ text_register }}</a></li>
							<li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}"><i class="icofont-heart"></i> <span class="hidden-sm hidden-md">{{ text_wishlist }}</span></a></li>
							<li class="tblanguage clearfix">{{ language }}</li>
							<li class="tbcurrency clearfix">{{ currency }}</li>
							{% endif %}
						</ul>
					</li>
					<li class="tbcart">{{ cart }}</li>
				</ul>
			</div>
		</div>
	</div>
	</div>
	</div>
</div>
</header>
<div class="header-content-title">
</div>
