<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content= "<?php echo $keywords; ?>" />
<?php } ?>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" type="text/css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

<script src="catalog/view/theme/elegance cart-pixelcreativ/js/jquery-2.0.3.min.js" type="text/javascript"></script>
<link href="catalog/view/theme/elegance cart-pixelcreativ/js/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen" />
<script src="catalog/view/theme/elegance cart-pixelcreativ/js/bootstrap/js/bootstrap.js" type="text/javascript"></script>
<script src="catalog/view/theme/elegance cart-pixelcreativ/js/bootstrap.lightbox.js" type="text/javascript"></script>
<script src="catalog/view/javascript/jquery/ui/jquery-ui-1.10.3.custom.min.js"></script> 
<script type="text/javascript" src="catalog/view/theme/elegance cart-pixelcreativ/js/jquery.flexslider.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery.total-storage.min.js"></script>

<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/custom-theme/jquery-ui-1.10.0.custom.css" />

<link href="catalog/view/theme/elegance cart-pixelcreativ/js/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/elegance cart-pixelcreativ/stylesheet/stylesheet.css" rel="stylesheet">
<link href="catalog/view/theme/elegance cart-pixelcreativ/stylesheet/carousel.css" rel="stylesheet">
<link href="catalog/view/theme/elegance cart-pixelcreativ/stylesheet/bootstrap.lightbox.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="catalog/view/theme/elegance cart-pixelcreativ/stylesheet/jquery.ui.datepicker.css" media="screen" />

<?php foreach ($styles as $style) { ?>
<link href="<?php echo $style['href']; ?>" type="text/css" rel="<?php echo $style['rel']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script src="catalog/view/theme/elegance cart-pixelcreativ/js/common.js" type="text/javascript"></script>
<?php foreach ($scripts as $script) { ?>
<script src="<?php echo $script; ?>" type="text/javascript"></script>
<?php } ?>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<?php echo $google_analytics; ?>

<link rel='stylesheet' id='dc-feature-carousel-css-css'  href='catalog/view/theme/elegance cart-pixelcreativ/stylesheet/feature-carousel.css' type='text/css' media='all' />
<script type='text/javascript' src='catalog/view/theme/elegance cart-pixelcreativ/js/jquery.easing.js'></script>
<script type='text/javascript' src='catalog/view/theme/elegance cart-pixelcreativ/js/jquery.featureCarousel.js'></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>

</head>
<body>

<nav id="top" class=" navbar navbar-default">
  <div class="container">
    <div class="pull-left"><?php echo $currency; ?></div>
    <div class="pull-left"><?php echo $language; ?></div>
    <div id="top-links" class="pull-right"><a href="tel:<?php echo $this->config->get('config_telephone'); ?>"><i class="fa fa-phone"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $this->config->get('config_telephone'); ?></span></a> <a href="<?php echo $account; ?>"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_account; ?></span></a> <a href="<?php echo $wishlist; ?>" id="wishlist-total"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_wishlist; ?></span></a> <a href="<?php echo $shopping_cart; ?>"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_shopping_cart; ?></span></a> <a href="<?php echo $checkout; ?>"><i class="fa fa-share"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_checkout; ?></span></a>
	
	</div>
  </div>

</nav>
<header>
  <div class="container">
    <div class="row">
	<div class="plus-empty-10"></div>
      <div class="col-sm-4">
        <div class="logo">
          <?php if ($logo) { ?>
          <a href="<?php echo $home; ?>" class="logo"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
          <?php } else { ?>
          <h1><a href="<?php echo $home; ?>" class="logo"><?php echo $name; ?></a></h1>
          <?php } ?>
        </div>
      </div>
      <div class="col-sm-5">
       
      </div>
      <div class="col-sm-3"><?php echo $cart; ?></div>
	  <div class="plus-empty-10"></div>
    </div>

<?php if ($categories) { ?>
  <nav class="main-navbar navbar navbar-default">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><span class="fa fa-bars"></span><span class="fa fa-bars"></span><span class="fa fa-bars"></span></button>
	  <span class="visible-xs"> <a class="navbar-brand" href="#">category</a></span>
    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav  navbar-left">
        <?php foreach ($categories as $category) { ?>
        <?php if ($category['children']) { ?>
        <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?><b class="caret"></b></a>
          <div class="dropdown-menu">
            <?php for ($i = 0; $i < count($category['children']);) { ?>
            <ul class="list-unstyled">
              <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
              <?php for (; $i < $j; $i++) { ?>
              <?php if (isset($category['children'][$i])) { ?>
              <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
              <?php } ?>
              <?php } ?>
            </ul>
            <?php } ?>
            <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $category['name']; ?></a></div>
        </li>
        <?php } else { ?>
        <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
        <?php } ?>
        <?php } ?>
	
      </ul>
	  	 <ul class="nav navbar-nav navbar-right">
		 <li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"><?php echo $text_search; ?></a>
						<ul class="dropdown-menu">
						<div id="search" class="navbar-form">
							
								<div class="input-group">
									<input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" class="form-control" placeholder="Search">
									<span class="input-group-btn">
										<button type="button" class="btn btn-default "><i class="fa fa-search"></i></button>
									</span>
								</div>
							
							</div>
						</ul>
					</li>

</ul>
    </div>
  </nav>
<?php } ?>
<div id="notification"></div>
  </div>
</header>