<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="theme-color" content="#f5f5f5">
<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 property="og:title" content="<?php echo $title; ?>" />
<meta property="og:type" content="website" />
<?php if (isset($og_url)) { ?>
<meta property="og:url" content="<?php echo $og_url; ?>" />
<?php } else { ?>
<meta property="og:url" content="<?php echo $og_url_coloring; ?>" />
<?php } ?>
<?php if (isset($og_image) && $og_image) { ?>
<meta property="og:image" content="<?php echo $og_image; ?>" />
<?php } else { ?>
<meta property="og:image" content="<?php echo $logo; ?>" />
<?php } ?>
<meta property="og:site_name" content="<?php echo $name; ?>" />
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="catalog/view/theme/coloring/assets/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<?php if (!empty($stylesheet)) { ?>
<link href="catalog/view/theme/coloring/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<link href="catalog/view/theme/coloring/assets/font-awesome-4.6.3/css/font-awesome.min.css" rel="stylesheet" >
<?php if ($skin == 0) { ?>
<link href="catalog/view/theme/coloring/stylesheet/stylesheet.css" rel="stylesheet">
<?php } elseif ($skin == 1) {?>
<link href="catalog/view/theme/coloring/stylesheet/stylesheet_d2.css" rel="stylesheet">
<?php } ?>
<?php } ?>
<?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 } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<script src="catalog/view/theme/coloring/assets/common.js" type="text/javascript"></script>
<script src="catalog/view/theme/coloring/assets/jquery.dotdotdot.min.js" type="text/javascript"></script>
<?php foreach ($scripts as $script) { ?>
<script src="<?php echo $script; ?>" type="text/javascript"></script>
<?php } ?>
<?php foreach ($analytics as $analytic) { ?>
<?php echo $analytic; ?>
<?php } ?>
<?php if ($special_sticker || $ups_sticker || $ean_sticker || $jan_sticker || $isbn_sticker || $mpn_sticker) { ?>
<style type="text/css">
<?php if ($special_sticker && ($special_sticker_color || $special_sticker_t_color)) { ?>
.stickers-box .s-special{background:<?php echo $special_sticker_color; ?>;color:<?php echo $special_sticker_t_color; ?>}
.stickers-box .s-special:after{border-left-color: <?php echo $special_sticker_color; ?>;}
<?php } ?>
<?php if ($ups_sticker && ($ups_sticker_color || $ups_sticker_t_color)) { ?>
.stickers-box .s-ups{background:<?php echo $ups_sticker_color; ?>;color:<?php echo $ups_sticker_t_color; ?>}
.stickers-box .s-ups:after{border-left-color: <?php echo $ups_sticker_color; ?>;}
<?php } ?>
<?php if ($ean_sticker && ($ean_sticker_color || $ean_sticker_t_color)) { ?>
.stickers-box .s-ean{background:<?php echo $ean_sticker_color; ?>;color:<?php echo $ean_sticker_t_color; ?>}
.stickers-box .s-ean:after{border-left-color: <?php echo $ean_sticker_color; ?>;}
<?php } ?>
<?php if ($jan_sticker && ($jan_sticker_color || $jan_sticker_t_color)) { ?>
.stickers-box .s-jan{background: <?php echo $jan_sticker_color; ?>;color:<?php echo $jan_sticker_t_color; ?>}
.stickers-box .s-jan:after{border-left-color: <?php echo $jan_sticker_color; ?>;}
<?php } ?>
<?php if ($isbn_sticker && ($isbn_sticker_color || $isbn_sticker_t_color)) { ?>
.stickers-box .s-isbn{background: <?php echo $isbn_sticker_color; ?>;color:<?php echo $isbn_sticker_t_color; ?>}
.stickers-box .s-isbn:after{border-left-color: <?php echo $isbn_sticker_color; ?>;}
<?php } ?>
<?php if ($mpn_sticker && ($mpn_sticker_color || $mpn_sticker_t_color)) { ?>
.stickers-box .s-mpn{background: <?php echo $mpn_sticker_color; ?>;color:<?php echo $mpn_sticker_t_color; ?>}
.stickers-box .s-mpn:after{border-left-color: <?php echo $mpn_sticker_color; ?>;}
<?php } ?>
</style>
<?php } ?>
</head>
<body class="<?php echo $class; ?> <?php if (!$hide_home_menu) {echo 'open-hm';} ?>">
<header>
<div id="top">
<div class="container text-center text-right-md" >
<div class="pull-left">
<div class="inline-block">
<?php echo $language; ?>
</div>
<div class="inline-block">
<?php echo $currency; ?>
</div>
</div>
<div class="pull-right">
<div class="btn-group">
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
<i class="glyphicon glyphicon-user icon"></i>
<?php if ($logged) { ?>
<span class="hidden-sm hidden-xs"> <?php echo $user_name; ?> </span>
<?php } else { ?>
<span class="hidden-sm hidden-xs"> <?php echo $text_account; ?> </span>
<?php } ?>
<span class="fa fa fa-angle-down caretalt"></span>
</button>
<ul class="dropdown-menu pull-right">
<?php if ($logged) { ?>
<li><a href="<?php echo $account; ?>"><i class="fa fa-area-chart fa-fw dropdown-menu-icon"></i> <?php echo $text_account; ?></a></li>
<li><a href="<?php echo $order; ?>"><i class="fa fa-history fa-fw dropdown-menu-icon"></i> <?php echo $text_order; ?></a></li>
<li><a href="<?php echo $transaction; ?>"><i class="fa fa-credit-card fa-fw dropdown-menu-icon"></i> <?php echo $text_transaction; ?></a></li>
<li><a href="<?php echo $download; ?>"><i class="fa fa-download fa-fw dropdown-menu-icon"></i> <?php echo $text_download; ?></a></li>
<li><a href="<?php echo $logout; ?>"><i class="fa fa-sign-out fa-fw dropdown-menu-icon"></i> <?php echo $text_logout; ?></a></li>
<?php } else { ?>
<li><a href="<?php echo $login; ?>"><i class="fa fa-sign-in fa-fw dropdown-menu-icon"></i> <?php echo $text_login; ?></a></li>
<li><a href="<?php echo $register; ?>"><i class="fa fa-pencil fa-fw dropdown-menu-icon"></i> <?php echo $text_register; ?></a></li>
<?php } ?>
</ul>
</div>
</div>
<?php if ($help_menu_toggle) {?>
<div class="<?php if ($help_menu_left){echo 'pull-left';} else {echo 'pull-right';}?>">
<div class="btn-group">
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-support icon"></i><span class="hidden-sm hidden-xs"> <?php echo $help_menu_text; ?> </span> <i class="fa fa fa-angle-down caretalt"></i>
</button>
<ul class="dropdown-menu <?php if (!$help_menu_left){echo 'pull-right';} ?>">
<?php foreach ($help_menu as $item) { ?>
<li><a href="<?php echo $item['link'][$language_id]; ?>"><?php echo html_entity_decode($item['title'][$language_id], ENT_QUOTES, 'UTF-8'); ?></a></li>
<?php } ?>
</ul>
</div>
</div>
<?php }?>
<div class="btn-group">
<a class="btn" href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a>
</div>
<div class="btn-group">
<a class="btn" href="<?php echo $header_product_compare_link; ?>" id="compare-total"><?php echo $header_product_compare; ?></a>
</div>
</div>
</div>
<div class="container">
<div class="row logo-line">
<div class="col-sm-12 col-md-3">
<div id="logo">
<?php if ($logo) { ?>
<?php if (isset($og_url_coloring) && ($home == $og_url_coloring)) { ?>
<img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" />
<?php } else { ?>
<a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
<?php } ?>
<?php } else { ?>
<div class="btn-group btn-block">
<button type="button" class="btn btn-link btn-block">
<a href="<?php echo $home; ?>"><?php echo $name; ?></a>
</button>
</div>
<?php } ?>
</div>
</div>
<div class="col-sm-12 col-md-3 text-center text-left-md">
<?php if ($header_contacts_toggle) {?>
<div id="phone">
<div class="phone">
<span <?php if ($header_add_contacts_toggle || $callback_form_toggle) { echo 'data-toggle="dropdown"';}?> class="main-phone">
<i class="glyphicon glyphicon-phone-alt icon"></i>
<span>
<?php if ($main_telephone2[$language_id]) {?>
<span class="two-small-phones">
<?php echo $main_telephone[$language_id]; ?><br>
<?php echo $main_telephone2[$language_id]; ?>
</span>
<?php } else {?>
<?php echo $main_telephone[$language_id]; ?>
<?php } ?>
</span>
<?php if ($header_add_contacts_toggle || $callback_form_toggle) {?>
<span class="fa fa fa-angle-down caretalt"></span>
<?php }?>
</span>
<?php if ($header_add_contacts_toggle || $callback_form_toggle) {?>
<ul class="dropdown-menu allcontacts">
<?php if ($callback_form_toggle) {?>
<li><a class="btn-callback" onclick="callback();"><i class="fa fa-share"></i> <?php echo $callback_form_text[$language_id]; ?></a></li>
<?php } ?>
<?php if ($header_add_contacts_toggle && $callback_form_toggle) {?>
<li class="divider"></li>
<?php } ?>
<?php if ($header_add_contacts_toggle) {?>
<?php if (!empty($all_phones)) {?>
<?php foreach ($all_phones as $item) { ?>
<li>
<a href="tel:<?php echo str_replace(' ', '', $item['title'][$language_id]); ?>">
<?php if ($item['image']) {?>
<img src="image/<?php echo $item['image']; ?>" class="max16" alt="<?php echo html_entity_decode($item['title'][$language_id], ENT_QUOTES, 'UTF-8'); ?>" />
<?php } ?>
<?php echo html_entity_decode($item['title'][$language_id], ENT_QUOTES, 'UTF-8'); ?>
</a>
</li>
<?php } ?>
<li class="divider"></li>
<?php }?>
<?php if ($contact_schedule[$language_id]) {?>
<li>
<div class="schedule">
<i class="fa fa-clock-o fu"></i>
<?php echo html_entity_decode($contact_schedule[$language_id], ENT_QUOTES, 'UTF-8'); ?>
</div>
</li>
<li class="divider"></li>
<?php }?>
<li>
<?php if (!empty($contact_email[$language_id])) {?>
<a href="mailto:<?php echo $contact_email[$language_id]; ?>" target="_blank"><i class="fa fa-envelope-o fu"></i>
<?php echo $contact_email[$language_id]; ?></a>
<?php }?>
<?php if (!empty($other_contacts)) {?>
<?php foreach ($other_contacts as $item) { ?>
<a href="<?php echo $item['link'][$language_id]; ?>" target="_blank">
<?php if ($item['image']) {?>
<img src="image/<?php echo $item['image']; ?>" class="max16" alt="<?php echo html_entity_decode($item['title'][$language_id], ENT_QUOTES, 'UTF-8'); ?>" />
<?php } ?>
<?php echo html_entity_decode($item['title'][$language_id], ENT_QUOTES, 'UTF-8'); ?>
</a>
<?php } ?>
<?php }?>
</li>
<?php }?>
</ul>
<?php }?>
</div>
<?php if (!$main_telephone2[$language_id]) {?>
<br>
<span class="hint"><?php echo $contact_hint[$language_id]; ?></span>
<?php }?>
</div>
<?php }?>
</div>
<div class="col-sm-12 col-md-6 text-center text-right-md">
<div id="header-menu">
<?php if ($header_menu_toggle) {?>
<?php foreach ($header_menu as $item) { ?>
<a class="btn" href="<?php echo $item['link'][$language_id]; ?>"><span><?php echo html_entity_decode($item['title'][$language_id], ENT_QUOTES, 'UTF-8'); ?></span></a>
<?php } ?>
<?php }?>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row menu-line">
<div class="col-sm-12 col-md-7 col-md-push-3 search-box"><?php echo $search; ?></div>
<div class="col-sm-6 col-sm-push-6 col-md-2 col-md-push-3 cart-box"><?php echo $cart; ?></div>
<div class="col-sm-6 col-sm-pull-6 col-md-3 col-md-pull-9 menu-box">
<?php if ($categories || $add_category_menu_toggle) { ?>
<?php if (isset($og_url_coloring) && ($home == $og_url_coloring)) { ?><!--noindex--><?php }?>
<nav id="menu" class="btn-group btn-block">
<button type="button" class="btn btn-menu btn-block dropdown-toggle" data-toggle="dropdown" >
<i class="fa fa-bars"></i>
<?php echo $text_category; ?>
</button>
<ul id="menu-list" class="dropdown-menu">
<?php if ($add_category_menu_toggle) {?>
<?php foreach ($add_category_menu as $item) { ?>
<?php if ($item['position']) {?>
<li>
<a href="<?php echo $item['link'][$language_id]; ?>">
<?php if ($item['image_peace']) { ?>
<img class="icon peace-icon <?php if ($item['image_hover']) { echo 'with-hover'; }?>" src="<?php echo $item['image_peace']; ?>" alt="<?php echo $item['title'][$language_id]; ?> 1" />
<?php } ?>
<?php if ($item['image_peace'] && $item['image_hover']) { ?>
<img class="icon hover-icon" src="<?php echo $item['image_hover']; ?>" alt="<?php echo $item['title'][$language_id]; ?> 2" />
<?php } ?>
<span class="<?php if ($item['image_peace']) { echo 'with-image'; }?>"><?php echo html_entity_decode($item['title'][$language_id], ENT_QUOTES, 'UTF-8'); ?></span>
</a>
</li>
<?php } ?>
<?php } ?>
<?php }?>
<?php foreach ($categories as $category) { ?>
<?php if ($category['children']) { ?>
<li class="<?php if ($sub_no_fullheight) { echo 'nofullheight';}?>">
<span class="toggle-child">
<i class="fa fa-plus plus"></i>
<i class="fa fa-minus minus"></i>
</span>
<a class="with-child">
<i class="fa fa-angle-right arrow"></i>
<?php if ($category['icon_peace']) { ?>
<img class="icon peace-icon <?php if ($category['icon_hover']) { echo 'with-hover'; }?>" src="<?php echo $category['icon_peace']; ?>" alt="<?php echo $category['name']; ?> 1" />
<?php } ?>
<?php if ($category['icon_peace'] && $category['icon_hover']) { ?>
<img class="icon hover-icon" src="<?php echo $category['icon_hover']; ?>" alt="<?php echo $category['name']; ?> 2" />
<?php } ?>
<?php echo $category['name']; ?>
<span class="mobilink hidden-lg hidden-md" onclick="location.href=<?php echo '\'' . $category['href'] . '\''; ?>" ></span>
</a>
<?php if ($category['column'] < 2) { ?>
<?php $col_class = 'col-md-12'; ?>
<?php $box_class = 'box-col-1'; ?>
<?php $cols_count = 1; ?>
<?php } elseif ($category['column'] == 2) { ?>
<?php $col_class = 'col-md-6'; ?>
<?php $box_class = 'box-col-2'; ?>
<?php $cols_count = 2; ?>
<?php } else { ?>
<?php $col_class = 'col-md-4'; ?>
<?php $box_class = 'box-col-3'; ?>
<?php $cols_count = 3; ?>
<?php } ?>
<div class="child-box <?php echo $box_class; ?>">
<div class="row">
<?php $i = 0; ?>
<?php foreach ($category['children'] as $child) { ?>
<div class="<?php echo $col_class; ?>">
<div class="child-box-cell">
<div class="h5">
<?php if($child['children2']) {?>
<span class="toggle-child2">
<i class="fa fa-plus plus"></i>
<i class="fa fa-minus minus"></i>
</span>
<?php } ?>
<a href="<?php echo $child['href']; ?>" class="<?php if($child['children2'] && $category_third_level_toggle) {echo 'with-child2';}?>">
<?php if ($child['icon_peace']) { ?>
<img class="icon peace-icon <?php if ($child['icon_hover']) { echo 'with-hover'; }?>" src="<?php echo $child['icon_peace']; ?>" alt="<?php echo strip_tags($child['name']); ?> 1" />
<?php } ?>
<?php if ($child['icon_peace'] && $child['icon_hover']) { ?>
<img class="icon hover-icon" src="<?php echo $child['icon_hover']; ?>" alt="<?php echo strip_tags($child['name']); ?> 2" />
<?php } ?>
<span class="livel-down hidden-md hidden-lg">↳</span><?php echo $child['name']; ?></a></div>
<?php if($child['children2'] && $category_third_level_toggle) {?>
<ul class="child2-box">
<?php $k = 0; ?>
<?php foreach ($child['children2'] as $child2) { ?>
<li><a href="<?php echo $child2['href']; ?>"><span class="livel-down">↳</span><?php echo $child2['name']; ?></a></li>
<?php $k++; ?>
<?php if ($k == $category_third_level_limit) {?>
<li><a href="<?php echo $child['href']; ?>">...</a></li>
<?php unset($k);break; } ?>
<?php } ?>
</ul>
<?php } ?>
</div>
</div>
<?php $i++; ?>
<?php if (($i == $cols_count) &($i != 1)) { ?>
<div class="clearfix visible-md visible-lg"></div>
<?php $i = 0; ?>
<?php } ?>
<?php } ?>
</div>
<div class="see-all-categories hidden-xs hidden-sm">
<a href="<?php echo $category['href']; ?>"><?php echo $text_all; ?> <?php echo $category['name']; ?></a>
</div>
</div>
</li>
<?php } else { ?>
<li><a href="<?php echo $category['href']; ?>">
<?php if ($category['icon_peace']) { ?>
<img class="icon peace-icon <?php if ($category['icon_hover']) { echo 'with-hover'; }?>" src="<?php echo $category['icon_peace']; ?>" alt="<?php echo $category['name']; ?> 1" />
<?php } ?>
<?php if ($category['icon_peace'] && $category['icon_hover']) { ?>
<img class="icon hover-icon" src="<?php echo $category['icon_hover']; ?>" alt="<?php echo $category['name']; ?> 2" />
<?php } ?>
<?php echo $category['name']; ?></a></li>
<?php } ?>
<?php } ?>
<?php if ($add_category_menu_toggle) {?>
<?php foreach ($add_category_menu as $item) { ?>
<?php if (!$item['position']) {?>
<li>
<a href="<?php echo $item['link'][$language_id]; ?>">
<?php if ($item['image_peace']) { ?>
<img class="icon peace-icon <?php if ($item['image_hover']) { echo 'with-hover'; }?>" src="<?php echo $item['image_peace']; ?>" alt="<?php echo $item['title'][$language_id]; ?> 1" />
<?php } ?>
<?php if ($item['image_peace'] && $item['image_hover']) { ?>
<img class="icon hover-icon" src="<?php echo $item['image_hover']; ?>" alt="<?php echo $item['title'][$language_id]; ?> 2" />
<?php } ?>
<span class="<?php if ($item['image_peace']) { echo 'with-image'; }?>"><?php echo html_entity_decode($item['title'][$language_id], ENT_QUOTES, 'UTF-8'); ?></span>
</a>
</li>
<?php } ?>
<?php } ?>
<?php }?>
</ul>
<?php if ($category_mask) {?>
<div id="menuMask"></div>
<script>$('#menu-list').hover(function () {$('body').addClass('blured')},function () {$('body').removeClass('blured')});</script>
<?php }?>
</nav>
<?php if (isset($og_url_coloring) && ($home == $og_url_coloring)) { ?><!--/noindex--><?php }?>
<?php } ?>
</div>
</div>
</div>
</header>
