{#=====Get variable : Config Select Block on header=====#}
{% set hidden_headercenter = soconfig.get_settings('toppanel_type') =='2'? 'hidden-compact' : '' %}
{% set hidden_headerbottom = soconfig.get_settings('toppanel_type') =='1'? 'hidden-compact' : '' %}

<header id="header" class=" variant typeheader-{{ typeheader ? typeheader : '1'}}">
<script type="text/javascript" src="{{base}}catalog/view/theme/so-siezz/js/jquery.elevateZoom-3.0.8.min.js"></script>

	{#======	HEADER TOP	=======#}  

	<div class="header-top hidden-compact">	
	<img src ="image/header/yell5star.png" class="top-star">
		<div class="container">		
			<div class="row">
				<div class="header-top-left col-md-3 col-sm-4 col-xs-12">
					<ul class="top-link list-inline">
													
						{% if logged %} 
							<li class="log logout"><a class="link-lg" href="{{ logout }} "> {{ text_logout }} </a></li>
						{% else %}   
							<li class="log login"><a class="link-lg" href="{{ login }} ">{{ text_login }} </a> {{ text_or }} <a href="{{ register }}">{{ text_register }}</a></li>								
						{% endif %}  	

					

					
							
					</ul>
				</div>
				<div class="header-top-right collapsed-block col-md-9 col-sm-12 col-xs-12">
				<div class="inner">	
				
					<ul class="top-link list-inline">
								<li class="about-servi"><a href="#" class="btn-xs dropdown-toggle" data-toggle="dropdown"> <span>About Us</span> <span class="fa fa-caret-down"></span></a>
							<ul class="dropdown-menu ">
							 <li><a href="{{ base }}meet-the-team">Meet The Team</a></li>
							   <li><a href="{{ base }}our-history">Our History</a></li>
							    <li><a href="{{ base }}testimonials">Testimonials</a></li>
								 <li><a href="{{ base }}case-study">Case Studies</a></li>
								  <li><a href="{{ base }}job-vacancies">Job Vacancies</a></li>
								  <li><a href="{{ base }}terms-and-conditions">Terms & Conditions</a></li>
									<li><a href="{{ base }}privacy-policy">Privacy Policy</a></li>
				
								</ul>
						</li>
							<li class="customer-servi"><a href="#" class="btn-xs dropdown-toggle" data-toggle="dropdown"> <span>Customer Services</span> <span class="fa fa-caret-down"></span></a>
								<ul class="dropdown-menu ">
									<li><a href="{{ base }}contact">Contact Us</a></li>
									<li><a href="{{ base }}delivery-service">Delivery Service</a></li>									
									<li><a href="{{ base }}gift-vouchers">Gift Vouchers</a></li>
									<li><a href="{{ base }}interior-design">Interior Design</a></li>
									<li><a href="{{ base }}gift-list">Gift List</a></li>
									<li><a href="{{ base }}leave-a-review">Leave a Review</a></li>
								</ul>
							</li>	
							
						<li class="account" id="my_account"><a href="{{ account }}" title="{{ text_account }} " class="btn-xs dropdown-toggle" data-toggle="dropdown"> <span>{{ text_account }} </span> <span class="fa fa-caret-down"></span></a>
							<ul class="dropdown-menu ">
									
									<!-- <li><a href="{{ compare }}" title="{{ text_compare }}">{{ text_compare }}</a></li> -->
								{% 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 }}"><i class="fa fa-sign-out" aria-hidden="true"></i> {{ text_logout }}</a></li>
					            {% else %}

						            <li><a href="{{ register }}">{{ text_register }}</a></li>
						            <li><a href="{{ login }}">{{ text_login }}</a></li>
					            {% endif %}															
							</ul>
						</li>	
						
						<li class="wishlist-servi"><a href="{{ wishlist }}"  title="{{ text_wishlist }}">{{ text_wishlist }}</a></li>
						{% if soconfig.get_settings('checkout_status') %}
							<li class="checkout hidden-sm hidden-xs"><a href="{{ checkout }}" class="btn-link" title="{{ text_checkout }} "><span >{{ text_checkout }} </span></a></li>
						{% endif %}
						<li class="blog-servi"><a href="/blog"  title="Blog">Blog</a></li>
<li class="check-cart-xs">
					<div class="shopping_cart">							
						 	{{ cart }}
						</div>
			            </li>
					</ul>
								
				</div>	
				</div>
			</div>
		</div>
	</div>
	

	<div class="header-middle {{hidden_headercenter}}">
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-5 hidden-sm hidden-xs">
				
					{% if soconfig.get_settings('phone_status') and soconfig.get_settings('contact_number') %}
						<div class="telephone hidden-sm hidden-xs">
							{{ soconfig.decode_entities( soconfig.get_settings('contact_number') ) }}
						</div>
						{% endif %}
				
					{% if soconfig.get_settings('welcome_message_status') %}
						<div class="welcome-msg hidden-sm hidden-xs">
							{% if soconfig.get_settings('welcome_message') is not empty %}
								<a href="{{ base }}contact">{{ soconfig.decode_entities( soconfig.get_settings('welcome_message') ) }}</a>
							{% endif %} 
						</div>
					{% endif %}
				</div>

				<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
					<div class="logo">
				   		{{soconfig.get_logo()}}
				   	</div>
				</div>
				
				<div class="col-lg-4 col-md-3 col-sm-6 col-xs-12">					
					
					<div class="main-right">
					
						<div class="search-header-w">
							<div class="icon-search hidden-lg hidden-md"><span>{{ text_btn_search }}</span></div>								
							{{ search_block }}
						</div>	
							
					</div>					
				</div>
			
			</div>
		</div>
	</div>

	<div class="header-bottom {{hidden_headerbottom}}">
		<div class="container">
			{{ content_menu1 }}	
		</div>
	</div>
		
</header>