<!DOCTYPE html>
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<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 } ?>
<?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 } ?>
<meta name="robots" content="INDEX,FOLLOW">
<link rel="stylesheet" type="text/css" href="catalog/view/theme/vista/stylesheet/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/vista/stylesheet/vista/default.css" media="all">
   <?php  if($this->config->get('wg24_responsivedesign')=="enable") { ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/vista/stylesheet/vista/responsive.css" media="all">
 <?php } ?>
<link type="text/css" rel="stylesheet" href="catalog/view/theme/vista/stylesheet/vista/font-awesome.css">
<link type="text/css" rel="stylesheet" href="catalog/view/theme/vista/stylesheet/vista/slider.css">
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/external/jquery.cookie.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/colorbox/jquery.colorbox.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/colorbox/colorbox.css" media="screen" />
<script type="text/javascript" src="catalog/view/javascript/jquery/tabs.js"></script>
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>
<script type="text/javascript" src="catalog/view/theme/vista/js/custom.js"></script>
<script type="text/javascript" src="catalog/view/theme/vista/js/slider-banner.js"></script>
<script type="text/javascript" src="catalog/view/theme/vista/js/fancybox/jquery.fancybox.js"></script>
<link type="text/css" rel="stylesheet" href="catalog/view/theme/vista/js/fancybox/jquery.fancybox.css">
<script type="text/javascript" src="catalog/view/theme/vista/js/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="catalog/view/theme/vista/js/jquery.accordion.source.js"></script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
 <script type="text/javascript">
                $(document).ready(function() { 
                $("a.product-detail-bnt").fancybox({
                beforeShow: function () {
                $('.fancybox-iframe').contents().find('footer').remove();
                $('.fancybox-iframe').contents().find('header').remove();
               $('.fancybox-iframe').contents().find('#mobile_menu').remove();
               $('.fancybox-iframe').contents().find('.product-additional').remove();
                $('.fancybox-iframe').contents().find('.product-collateral').remove();   
                $('.fancybox-iframe').contents().find('nav').remove();   
                $('.fancybox-iframe').contents().find('.fb_left').remove(); 
              $('.fancybox-iframe').contents().find('.fb_right').remove(); 
              $('.fancybox-iframe').contents().find('.fb_right').remove(); 
               $('.fancybox-iframe').contents().find('.breadcrumbs').remove(); 
              
              
                
            },
            'type' : 'iframe',
            'width':1000,
            'height':600
        });

        });
            </script>

<script type="text/javascript">
        jQuery(document).ready(function($){
        $(".button-grid").click(function(e) {
        $(".category-products ul.products-grid").fadeIn();
        $(".category-products ol.products-list").fadeOut();
        $(this).addClass('button-active');
        $('.button-list').removeClass('button-active');
        e.preventDefault();
        });
        $(".button-list").click(function(e) {
        $(".category-products ul.products-grid").fadeOut();
        $(".category-products ol.products-list").fadeIn();
        $(this).addClass('button-active');
        $('.button-grid').removeClass('button-active');
        e.preventDefault(); });
        })
      <?php if($this->config->get('wg24_cate_list_grid')=="grid_view") { ?> 
        jQuery(document).ready(function($){
        $(".category-products ul.products-grid").fadeIn();
        $(".category-products ol.products-list").fadeOut();
        $('.button-grid').addClass('button-active');
        $('.button-list').removeClass('button-active');
        });
         <?php } else {  ?> 
        jQuery(document).ready(function($){
        $(".category-products ul.products-grid").fadeOut();
        $(".category-products ol.products-list").fadeIn();
        $('.button-grid').removeClass('button-active');
        $('.button-list').addClass('button-active');
        });
         <?php }   ?>    
        </script>
        
<?php if($this->config->get('wg24_body_font_source')=="google") { ?>
     <link href='https://fonts.googleapis.com/css?family=<?php  echo $this->config->get("wg24_body_fontto_google"); ?>:200,200italic,300,300italic,400,400italic,600,600italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<?php } else{ ?>
    <link href='https://fonts.googleapis.com/css?family=<?php  echo $this->config->get("wg24_body_fontto_system"); ?>:200,200italic,300,300italic,400,400italic,600,600italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<?php } ?>
<?php if($this->config->get('wg24_header_font_source')=="google"){ ?>
     <link href='https://fonts.googleapis.com/css?family=<?php  echo $this->config->get("wg24_header_fontto_google"); ?>:200,200italic,300,300italic,400,400italic,600,600italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<?php } else{ ?>
 <link href='https://fonts.googleapis.com/css?family=<?php  echo $this->config->get("wg24_header_fontto_system"); ?>:200,200italic,300,300italic,400,400italic,600,600italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'> 
<?php } ?>  
     <style type="text/css">
        
      <?php if($this->config->get('wg24_quick')=="disable") { ?>
            .product-detail-bnt{ display:none !important; }
       <?php } ?>
        <?php if($this->config->get('wg24_l_rating')=="disable") { ?>
          .inner .ratings .rating-box{ display:none !important;}
       <?php } ?>
     
        <?php if($this->config->get('wg24_l_hover')=="disable") { ?>
          .products-grid-home a.product-image:hover:before { background:none !important; opacity: 0; }
       <?php } ?>
        <?php if($this->config->get('wg24_scrol_to_top')=="disable") { ?>
            #toTop{ display:none !important; }
       <?php } ?>
         <?php if($this->config->get('wg24_l_sale_icon_style')=="disable") { ?>
          .new-label,.sale-label {
               border-radius: 25px 25px 25px 25px;
               -moz-border-radius: 25px 25px 25px 25px;
               -webkit-border-radius:25px 25px 25px 25px;
              height: 35px;
              padding: 15px 0px 0px 0px;
             text-align: center;
             width: 50px;
            }
       <?php } ?>
       
    <?php if($this->config->get('wg24_p_pag_sidebar')=="disable") { ?>
             .product-view .product-shop{  width:708px;}                                                      
     <?php } ?>

          
        body{
              <?php if($this->config->get('wg24_l_load_color')=="customeskin"){ ?>
                    color:<?php echo $this->config->get('wg24_l_body_fc'); ?>;
               <?php }  ?>

                font-family:<?php if($this->config->get('wg24_body_font_source')=="google"){ echo $this->config->get('wg24_body_fontto_google'); ?>,sans-serif <?php }else{ echo $this->config->get('wg24_body_fontto_system');} ?>;
                font-size:<?php echo $this->config->get('wg24_body_font_size'); ?>px;

                
                <?php if($this->config->get('wg24_backgroun_image_show')=="enable"){ 
                     if($this->config->get('wg24_body_cus_pattan'))  {
                    ?>
                        background: url("<?php  echo  $base.'image/'.$this->config->get('wg24_body_cus_pattan')?>") <?php echo $this->config->get('wg24_bg_repeat')?> <?php echo $this->config->get('wg24_bg_attachment')?> <?php echo $this->config->get('wg24_bg_positin')?> <?php echo $this->config->get('wg24_l_bodyb')?>;
                 <?php } else{ ?>
                        background: url("catalog/view/theme/vista/image/theme_patterns/<?php echo $this->config->get('we24_default_parttern')?>.png") <?php echo $this->config->get('wg24_bg_repeat')?> <?php echo $this->config->get('wg24_bg_attachment')?> <?php echo $this->config->get('wg24_bg_positin')?> <?php echo $this->config->get('wg24_l_bodyb')?>;
               <?php 
               }
                } 
                else{ }
               ?>
              
                <?php if($this->config->get('wg24_l_load_color')=="customeskin"){ ?>
                     background-color:<?php echo $this->config->get('wg24_l_bodyb')?>;
               <?php }  ?>
                   
               
            }    
          /****       all header fontfamily and transfrom              ***/ 
         .product-title,h1, h2, h3, h4, h5, h6,footer h4, .block .block-title,.cart-collaterals .col2-set h3,.cart-collaterals .col2-set h3,.related-block .block-title,.up-sell-slider .block-title,.page-title h1, .page-title h2,.side-nav-categories .block-title, .slide-title,.cart .discount h2,.cart .shipping h2, #compare_shipping h3,.block-title h2,.magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li{
                font-family:<?php if($this->config->get('wg24_header_font_source')=="google"){ echo $this->config->get('wg24_header_fontto_google'); ?>,sans-serif <?php }else{ echo $this->config->get('wg24_header_fontto_system');} ?>;
                text-transform: <?php echo $this->config->get('wg24_heading_transfrom')?>;
            }    
           
           /****************** heading size  *******************************/
          .product-title{ font-size:<?php echo $this->config->get('wg24_produt_h_font_size')?>px; }
          
          .page-title h1, .page-title h2{ font-size:<?php echo $this->config->get('wg24_page_h_font_size')?>px; }
          .block .block-title,.side-nav-categories .block-title,.popular-block .block-title{ font-size:<?php echo $this->config->get('wg24_left_rig_h_font_size')?>px; }
         footer h4,.social h4{ font-size:<?php echo $this->config->get('wg24_footer_h_font_size')?>px; }
        
        </style>    
        
        <?php if($this->config->get('wg24_l_load_color')=="customeskin"){ ?>
            <style type="text/css">  
                body { border-top: 3px solid <?php echo $this->config->get('wg24_l_body_tbc')?>;}
                
                
                /******  link color  *****/
                
                .product-tabs a,.tab-box a,label,.data-table thead th, .data-table thead td, .data-table tfoot th, .data-table tfoot td, .cart .totals table th, .cart .totals table td{  color:<?php echo $this->config->get('wg24_l_body_fc')?>; }
                .cart .totals table th, .cart .totals table td{ color:<?php echo $this->config->get('wg24_l_body_fc')?> !important;  }
                .data-table .total-price .price, .cart .totals table tfoot td .price, .compare-table .price,.price,.login_page .content .form-list label,.login_page .std label, .one-page-checkout .std label,.comments_advices a,#product_comments_block_extra .comments_note span, #product_comments_block_extra .star_content,#pQuantityAvailable span{ color:<?php echo $this->config->get('wg24_l_body_fc')?> }
                
                  a,.mini-products-list .product-name a{
                    color:<?php echo $this->config->get('wg24_l_linkc')?>;
                }
                /***** link hover color ********/
               a:hover, a:focus, .tweet_text a:hover,.mini-products-list .product-name a:hover{  color:<?php echo $this->config->get('wg24_l_hcolor')?>; }
               /**** heading color ****/
               .product-title, #nav .nav-custom-link .header-nav-dropdown-wrapper h4.heading,h1, h2, h3, h4, h5, h6,footer h4, .cart-collaterals .col2-set h3,.cart-collaterals .col2-set h3,.related-block .block-title,.up-sell-slider .block-title,.page-title h1, .page-title h2, .slide-title,.cart .discount h2,.cart .shipping h2, #compare_shipping h3,.magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li,.magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li.tab-nav-actived, .magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li:hover,.crosssel h2{
                color:<?php echo $this->config->get('wg24_l_header_color')?>;
               } 
           
         
             /*********************   content bg color   **********/
            /*****   input field  ****/
            
            input.input-text, select, textarea,.form-list input.input-text,input[type="text"], input[type="password"],input[type="tel"],  input[type="email"] {
                background-color: <?php echo $this->config->get('wg24_l_fld_bg')?>;
                border: 1px solid <?php echo $this->config->get('wg24_l_fld_bdr')?>;
                color: <?php echo $this->config->get('wg24_l_fld_tx')?>;

            }
            
              /***   category dsc  ****/
            .category-info .cat_desc {
               background-color: <?php echo $this->config->get('wg24_category_dbb')?>;
                border: <?php echo $this->config->get('wg24_category_des_bbc')?>;
                color: <?php echo $this->config->get('wg24_category_descolor')?>;
                clear: both;
                padding: 5px;

            }
            /** top link hover bg color  ***/
             /*****   header    *****/
            .header-top {
                background-color:<?php echo $this->config->get('wg24_header_bgcolor')?>;
            }
             .toplinks ul.links li a,.welcome-msg{
                    color:<?php echo $this->config->get('wg24_header_menulcolor')?>;

                }
            .toplinks ul.links li a:hover {
                    background-color:<?php echo $this->config->get('wg24_heade_m_lin_bg_c')?>;
                    color:<?php echo $this->config->get('wg24_header_menulhcolor')?>;

                }
            /***  language currency  ***/
            .block-currency .block-content > a, .block-language .block-content > a{ color:<?php echo $this->config->get('wg24_head_m_curlan_lin_colo')?>; }
            .block-currency .block-content.open > a, .block-language .block-content.open > a, .block-currency .dropdown-menu > li > a:hover, .block-currency .dropdown-menu > li > a:focus, .block-currency .dropdown-menu > .active > a, .block-currency .dropdown-menu > .active > a:hover, .block-currency .dropdown-menu > .active > a:focus, .block-currency .dropdown-submenu:hover > a, .block-language .dropdown-menu > li > a:hover, .block-language .dropdown-menu > li > a:focus, .block-language .dropdown-menu > .active > a, .block-language .dropdown-menu > .active > a:hover, .block-language .dropdown-menu > .active > a:focus, .block-language .dropdown-submenu:hover > a {
                color:<?php echo $this->config->get('wg24_header_cur_lan_lhco')?>!important; 
                background-color:<?php echo $this->config->get('wg24_h_curlan_lin_hbgc')?> !important;
             }
             .block-currency ul.dropdown-menu  > a:hover, .block-currency ul.dropdown-menu  > a:focus,.block-language ul.dropdown-menu  > a:hover, .block-language ul.dropdown-menu  > a:focus{
             color:<?php echo $this->config->get('wg24_header_cur_lan_lhco')?>!important; 
                background-color:<?php echo $this->config->get('wg24_h_curlan_lin_hbgc')?> !important;
             }
             .dropdown-menu{ border-bottom:5px  <?php echo $this->config->get('wg24_h_curlan_lin_hbgc')?> solid; }  
             
             #header #cart .heading{ background-color:<?php echo $this->config->get('wg24_top_cart_bgcol')?>;  color: <?php echo $this->config->get('wg24_topcart_te_colo')?>; }
             #header #cart .heading a,#mini-cart .dropdown-toggle .price{  color: <?php echo $this->config->get('wg24_topcart_te_colo')?>; }
            /***  extra border color  *****/
            
            .block .block-content{ border-color:<?php echo $this->config->get('wg24_l_extra_bcolor')?>;  }
          /*****************   main menu  ******/
            nav,#menu ,#mobile_menu{
               background-color:<?php echo $this->config->get('wg24_mm_bgcol')?>;
            }
            #mobile_menu .toggle { background-color:<?php echo $this->config->get('wg24_btn_1bg_col')?>;  color: <?php echo $this->config->get('wg24_btn_text_col')?>;}
            
            #mini-cart .dropdown-menu {
            border-top: 3px solid <?php echo $this->config->get('wg24_mm_bgcol')?> !important;
            }
                ul.topnav li {
                box-shadow: 0 1px 0  <?php echo $this->config->get('wg24_mainm_brcol')?>, 0 2px 0 <?php echo $this->config->get('wg24_mainm_brcol')?>;
                }
            
            
            #nav > li a {
            color: <?php echo $this->config->get('wg24_menum_lcolor')?>;
            }   
             #nav > li > a {
                border-right: 1px solid <?php echo $this->config->get('wg24_mainm_brcol')?>;
            }
            
           #nav> li> a:hover{ background-color: <?php echo $this->config->get('wg24_menu_hbgcolor')?> !important;color: <?php echo $this->config->get('wg24_mainm_lhcolor')?>!important; }
            
            
 
            /**************   2nd lavel   *****************/
            #menu > ul > li > div,#nav .level0-wrapper, #nav.classic .parent > ul{
                background:<?php echo $this->config->get('wg24_mainm_2lbgcolor')?> ;
                border: 1px solid <?php echo $this->config->get('wg24_mainm_2lbcolor')?> ;
                border-bottom:5px <?php echo $this->config->get('wg24_mainm_3lbbgcolor')?>  solid;
                 border-top:none !important;
               
            }
            #menu > ul > li ul > li > a{ color:<?php echo $this->config->get('wg24_mainm_scolor')?>; }
            #menu > ul > li ul > li > a:hover{ color:<?php echo $this->config->get('wg24_mainm_shcolor')?>; }

           
             /***************  slider  ******************************/
            .banner-slider-container .iosSlider .slider .item h2{ color:<?php echo $this->config->get('wg24_homsheding1_co')?> !important; }
             .banner-slider-container .iosSlider .slider .item h3{ color:<?php echo $this->config->get('wg24_homsheding2_co')?> !important; }
             .banner-slider-container .iosSlider .slider .item h5,.banner-slider-container .iosSlider .slider .item h4{ color:<?php echo $this->config->get('wg24_home_sdec')?>!important; }
             .banner-slider-container .iosSlider .slider .item .btn-shop{  background: <?php echo $this->config->get('wg24_home_sbtn_bgcol')?> !important; color: <?php echo $this->config->get('wg24_home_btn_hbr_txclr')?> !important;}
            .banner-slider-container .iosSlider .slider .item .btn-shop:hover{   background: <?php echo $this->config->get('wg24_home_sbtn_hbr_bgclr')?> !important; }
             
            
            
            /********************  Home bottom features-box   ************************************/
             .our-features-box{  background: <?php echo $this->config->get('wg24_home_fboxbg_col')?>; }  
             .store-img-box li { background: <?php echo $this->config->get('wg24_home_fbox_itmbg_col')?>; border-bottom: 6px solid <?php echo $this->config->get('wg24_hom_fe_boxbbor_col')?>; }
             .icon-reponsive,.icon-admin,.icon-slider,.icon-support{ color: <?php echo $this->config->get('wg24_hom_fe_boxitem_icnbgcol')?>;  }
             .store-img-box .feature-box{ color: <?php echo $this->config->get('wg24_hom_fe_boxheadng_col')?>;  }
             .store-img-box .feature-box span{ color: <?php echo $this->config->get('wg24_hom_fe_boxdes_col')?>;  } 
            /*****************   product box   **************************/
          .product-title,.product-tabs {  border-bottom: 1px solid <?php echo $this->config->get('wg24_product_bx_bdrclr')?>;  }
          
          
          .jcarousel-skin-tango .jcarousel-item-horizontal { border-right: 1px solid <?php echo $this->config->get('wg24_product_bx_bdrclr')?>;}
           .slider-container{ border:1px solid <?php echo $this->config->get('wg24_product_bx_bdrclr')?>; border-top:none;  background-color: <?php echo $this->config->get('wg24_product_bx_bgclr')?>; } 
                .products-grid-home a.product-image:hover:before {
                    background:<?php echo $this->config->get('wg24_product_bx_hvr_bgclr')?>; 

                }
                  /*** *   new sale *****/
            .sale-label { background:<?php echo $this->config->get('wg24_product_box_sicon_bgcolor')?>; }
            .new-label,.sale-label{  color: <?php echo $this->config->get('wg24_product_box_sale_nicontcolor')?>;  } 
            /********************   item tile  ************************/
            
            .slider-container .jcarousel-list .product-name{  color: <?php echo $this->config->get('wg24_product_box_n_col')?> !important; }
            
            .slider-container .jcarousel-list a.product-name:hover{  color:<?php echo $this->config->get('wg24_product_box_nhov_col')?> !important; }
            
            .regular-price .price{  color: <?php echo $this->config->get('wg24_product_box_price_col')?> !important;  }
            .old-price .price,.price-percent-reduction{  color: <?php echo $this->config->get('wg24_product_box_oldprce_col')?> !important;  }

            
            
            /**************   button color  *************************/
            
          #toTopHover,#mini-cart .actions .view-cart,a.product-detail-bnt, .button, .btn, .button-inverse, .sidebar .button, .sidebar .btn, .dropdown .dropdown-menu .button, .buttons-set .back-link a, .scrolltop, .button-tabs li a{  background-color:<?php echo $this->config->get('wg24_btn_1bg_col')?>;  color: <?php echo $this->config->get('wg24_btn_text_col')?>;  }
          .product-view .product-shop .link-wishlist, .link-friend,.product-view .product-shop .link-compare,.link-wishlist, .link-compare,#mini-cart .actions .btn-checkout,#toTop {  background-color:<?php echo $this->config->get('wg24_btn_2bg_col')?>; color: <?php echo $this->config->get('wg24_btn_text_col')?>; }
          
          #search .button, #mini-cart > .button, .store-switcher .button, .link-wishlist, .link-compare, .link-friend, .link-edit, .footer-top .button, .footer-bottom .button{ background-color:<?php echo $this->config->get('wg24_btn_2bg_col')?>; color: <?php echo $this->config->get('wg24_btn_text_col')?>;  }

    .htabs a.selected,#search .button:hover, #search .button:focus, #mini-cart > .button:hover, #mini-cart > .button:focus, .link-wishlist:hover, .link-wishlist:focus, .link-compare:hover, .link-compare:focus, .link-friend:hover, .link-friend:focus, .link-edit:hover, .link-edit:focus, .footer-top .button:hover, .footer-top .button:focus, .footer-bottom .button:hover, .footer-bottom .button:focus {
       background-color:<?php echo $this->config->get('wg24_btn_1bg_col')?>;  color: <?php echo $this->config->get('wg24_btn_text_col')?>;
    }
    .product-view .product-shop .link-compare:hover,.button:hover, .button:focus, .btn:hover,#header #cart.active .heading ,#mini-cart .actions .btn-checkout:hover,#mini-cart .actions .view-cart:hover, .btn:focus, .button-inverse, .form-list .bootstrap-select.btn-group .btn:hover .caret, .form-list .bootstrap-select.btn-group .btn:focus .caret, .buttons-set .back-link a:hover, .buttons-set .back-link a:focus, .scrolltop, .button-tabs li a:hover, .button-tabs li a:focus{ background-color:<?php echo $this->config->get('wg24_btn_hbg_col')?>; color: <?php echo $this->config->get('wg24_btn_text_col')?>; }

    .link-wishlist:hover, .link-wishlist:focus{ background-color:<?php echo $this->config->get('wg24_btn_hbg_col')?> !important; color: <?php echo $this->config->get('wg24_btn_text_col')?> !important; }

            .block .block-title {
                border-bottom: 3px solid <?php echo $this->config->get('wg24_btn_2bg_col')?>;
            }
                    .side-nav-categories {
                        background: none repeat scroll 0 0 <?php echo $this->config->get('wg24_btn_2bg_col')?>;
                        border: 5px solid <?php echo $this->config->get('wg24_btn_1bg_col')?>;
                    }
        

            /******************  footer *****************************/
            footer{ background-color:<?php echo $this->config->get('wg24_footer_bg_col')?>; }
            footer h4,.social h4{ color:<?php echo $this->config->get('wg24_fotheadin_col')?>;  }
            footer .footer-column a,ul.contact-info span,.tweet_text{  color:<?php echo $this->config->get('wg24_fotlin_col')?>; }
            footer .footer-column a:hover{  color:<?php echo $this->config->get('wg24_fotlin_h_col')?>; }
           .social .fb a,.social .tw a, .tweet-icon span,.social .googleplus a,.social .rss a,.social .pintrest a,.social .linkedin a,.social .youtube a,.email-friend a:before,.product-view .product-shop .add-to-links .link-wishlist:before,.product-view .product-shop .add-to-links .link-compare:before,#usefull_link_block li.print a:before{ background-color:<?php echo $this->config->get('wg24_fotaout_des_col')?>; }   
             .social .fb a:hover,.social .tw a:hover, .tweet-icon span:hover,.social .googleplus a:hover,.social .rss a:hover,.social .pintrest a:hover,.social .linkedin a:hover,.social .youtube a:hover{ background-color:<?php echo $this->config->get('wg24_btn_1bg_col')?> !important; }    
           .icon-mobile-phone:before,.icon-envelope:before,.icon-location-arrow:before{ background-color:<?php echo $this->config->get('wg24_btn_1bg_col')?> ; }
          footer a, footer p{ color:<?php echo $this->config->get('wg24_fotaout_des_col')?>; }
          .footer-bottom{ background-color:<?php echo $this->config->get('wg24_fot_bbg_col')?>; }
            footer .coppyright{ color:<?php echo $this->config->get('wg24_fot_powerred_col')?>; }
            
            </style>    
       <?php  } ?>
        
        
        
        
           
        
        <?php if($this->config->get('wg24_l_load_color')=="default") { } elseif($this->config->get('wg24_l_load_color')=="customeskin") { }else{ ?>
           <link rel="stylesheet" type="text/css" href="catalog/view/theme/vista/stylesheet/vista/<?php echo $this->config->get('wg24_l_load_color'); ?>.css" media="all" />
       <?php
       } ?> 


<?php echo $google_analytics; ?>
</head>
<body class="cms-index-index cms-home-page">
      <?php   if($this->config->get('wg24_faceb')=="enable") { ?>
                    <div class="  <?php   if($this->config->get('wg24_faceleft_right')=='enable') { ?> fb_left <?php } else { ?> fb_right <?php } ?>       hidden-phone">
                        <div id="fb_icon"></div>
                        <div class="fb_box">
                            <div class="fb-like-box" data-href="https://www.facebook.com/<?php echo $this->config->get('wg24_facebook_like');?>" data-width="250"  data-show-border="false"  data-height="260" data-show-faces="true" data-colorscheme="light" data-stream="false" data-border-color="#fafafa" data-header="false"></div>       
                             <div id="fb-root"></div>
            <script type="text/javascript">(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
            </script>
                            <script type="text/javascript">    
                            $(function(){        
                            $(".fb_right").hover(function(){            
                            $(".fb_right").stop(true, false).animate({ right: "0" }, 800, 'easeOutQuint' );        
                            },
                            function(){            
                            $(".fb_right").stop(true, false).animate({ right: "-252" }, 800, 'easeInQuint' );        
                            },1000);    
                            });
                            $(function(){        
                            $(".fb_left").hover(function(){            
                            $(".fb_left").stop(true, false).animate({ left: "0" }, 800, 'easeOutQuint' );        
                            },
                            function(){            
                            $(".fb_left").stop(true, false).animate({ left: "-258" }, 800, 'easeInQuint' );        
                            },1000);    
                            });  
                            </script>
                        </div>
                    </div>

    <?php } ?>
    
<header id="header">
  <?php 
 $this->language->load('common/extra_oc_lang');
?>
  <div class="header-top">
    <div class="inner">
      <div class="toplinks">
        <ul class="links">
          <li class="myaccount"><a title="<?php echo $text_account; ?>" href="<?php echo $account; ?>"><span><?php echo $text_account; ?></span></a></li>
          <li class="wishlist"><a title="<?php echo $text_wishlist; ?>" href="<?php echo $wishlist; ?>" id="wishlist-total"><span><?php echo $text_wishlist; ?></span></a></li>
          <li class="check"><a href="<?php echo $checkout; ?>" title="Checkout"><span><?php echo $text_checkout; ?></span></a></li>
            <?php if (!$logged) { ?>
        <li class="login"><a title="<?php echo $this->language->get('lang_login'); ?>" href="<?php echo $login; ?>"><span><?php echo $this->language->get('lang_login'); ?></span></a></li>
       <?php } else { ?>
        <li class="login"><a title="<?php echo $this->language->get('lang_Logout'); ?>" href="<?php echo $logout; ?>"><span><?php echo $this->language->get('lang_Logout'); ?></span></a></li>
       <?php } ?>
        </ul>
      </div>
      <div class="block-currency">
	  <?php echo $currency; ?>
      </div>
      <div class="block-language">
	  <?php echo $language; ?>
      </div>
      <p class="welcome-msg">
		<?php if (!$logged) { ?>
		<?php echo $text_welcome; ?>
		<?php } else { ?>
		<?php echo $text_logged; ?>
		<?php } ?>
	  </p>
    </div>
  </div>
  <div class="header">
        <?php if ($logo) { ?>
  <a href="<?php echo $home; ?>" title="<?php echo $name; ?>" class="logo"><img height="30" src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>"></a>
     <?php } ?> 
    <div class="quick-access  ">
        <div class="form-search" id="search">
          <label for="search"></label>
           <?php if ($filter_name) { ?>
    <input type="text" class="input-text" placeholder="<?php echo $filter_name; ?>"  name="filter_name" value="<?php echo $filter_name; ?>" />
    <?php } else { ?>
    <input type="text" class="input-text" name="filter_name" placeholder="<?php echo $text_search; ?>"  value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
    <?php } ?>
            
            <div  class="button-search button"><span><?php echo $search; ?></span></div>
        </div>  
      <div id="mini-cart">
         <?php echo $cart; ?>
      </div>
    </div>
  </div>
</header>
<nav>
  <div class="nav-container">
    <?php if ($categories) { ?>
        <div id="menu">
            <ul id="nav">
        <li class="home">
            <a href="<?php echo $home; ?>"><span><?php echo $this->language->get('lang_home'); ?></span></a>
       </li>
            <?php   $a=1;  foreach ($categories as $category) {  if($a<6){ ?>
            <li class="level-top"><a href="<?php echo $category['href']; ?>"><span><?php echo $category['name']; ?></span></a>
              <?php if ($category['children']) { ?>
              <div>
                <?php for ($i = 0; $i < count($category['children']);) { ?>
                <ul>
                  <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
                  <?php for (; $i < $j; $i++) { ?>
                  <?php if (isset($category['children'][$i])) { ?>
                  <li class="level-top"><a href="<?php echo $category['children'][$i]['href']; ?>"><span><?php echo $category['children'][$i]['name']; ?></span></a></li>
                  <?php } ?>
                  <?php } ?>
                </ul>
                <?php } ?>
              </div>
              <?php } ?>
            </li>
            <?php }
              $a++; } ?>
            <?php 
            if($this->config->get('wg24_l_show_custom_htmlm')=="enable") { 
            ?>
           <li class="nav-custom-link level0 level-top parent">    
               <a href="#" class="level-top"><span><?php echo $this->language->get('lang_menu_custom'); ?></span></a>
                    <?php 
                    $default_lang=$this->config->get('config_language_id');
                    $menu_custome_con=$this->config->get('wg24_l_custom_bmenu');
                    echo html_entity_decode($menu_custome_con[$default_lang]);
                    ?>
            </li> 
           <?php  } ?>    
              
           
      </ul>
    
      
        </div>
    <?php } ?>
  </div>

  <div class="hidden-desktop" id="mobile_menu">
    <ul class="navmenu">
      <li>
        <div class="menutop">
          <div class="toggle"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></div>
          <h2><?php echo $this->language->get('Categories'); ?></h2>
        </div>
       
     <?php if ($categories) { ?>
        <ul style="display:none;" class="submenu">
          <li>
            <ul class="topnav">
            <li class="home">
            <a href="<?php echo $home; ?>"><span><?php echo $this->language->get('lang_home'); ?></span></a>
       </li>  
           <?php foreach ($categories as $category) { ?>
           <li <?php if ($category['children']) { ?> class="level-top parent" <?php }?> ><a href="<?php echo $category['href']; ?>"><span><?php echo $category['name']; ?></span></a>
             <?php if ($category['children']) { ?>
               <?php for ($i = 0; $i < count($category['children']);) { ?>
               <ul class="level0">
                 <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
                 <?php for (; $i < $j; $i++) { ?>
                 <?php if (isset($category['children'][$i])) { ?>
                 <li class="level1"><a href="<?php echo $category['children'][$i]['href']; ?>"><span><?php echo $category['children'][$i]['name']; ?></span></a></li>
                 <?php } ?>
                 <?php } ?>
               </ul>
               <?php } ?>
           
             <?php } ?>
           </li>
           <?php } ?>
             
    </ul>
         </li>
         </ul>
    <?php } ?>
      </li>
    </ul>
    <!--navmenu-->
  </div>
  <script type="text/javascript">
jQuery(document).ready(function() {
          jQuery('.toggle').click(function() {
               if (jQuery('.submenu').is(":hidden"))
               {
                    jQuery('.submenu').slideDown("fast");
               } else {
                    jQuery('.submenu').slideUp("fast");
               }
               return false;
          });
});

</script>
</nav>

<div id="notification"></div>

