<!DOCTYPE html>
<html lang="{{ app.request.locale }}">
<head>
<meta name="google-site-verification" content="kGY5yRmESNV2q-G_dgN3iC98E6vRbJtj3vv0tS5pF_U" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{# we're using the deferred extension here to make sure this block is rendered after all helper calls #}
{% block layout_head_meta deferred %}
{{ pimcore_head_title() }}
{{ pimcore_head_meta() }}
{% if pimcore_placeholder('canonical').count() %}
<link rel="canonical" href="{{ pimcore_placeholder('canonical') }}"/>
{% endif %}
{% endblock %}
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="/mecstore/assets/images/icons/icon-mecstore.ico">
<!-- cookie banner -->
<script id="IusCookie" src=https://js.cookietagmanager.net/www_mecstore_it_1004310691/iuscookie.min.js type="text/javascript"></script>
<script>
WebFontConfig = {
google: { families: ['Open+Sans:300,400,600,700,800', 'Poppins:200,300,400,500,600,700,800', 'Oswald:300,400,500,600,700,800'] }
};
(function (d) {
var wf = d.createElement('script'), s = d.scripts[0];
wf.src = '/mecstore/assets/js/webfont.js';
wf.async = true;
s.parentNode.insertBefore(wf, s);
})(document);
</script>
<!-- Plugins CSS File -->
<link rel="stylesheet" href="/mecstore/assets/css/bootstrap.min.css">
<!-- Main CSS File -->
<link rel="stylesheet" href="/mecstore/assets/css/custom.css">
<link rel="stylesheet" href="/mecstore/assets/css/demo21.min.css">
<link rel="stylesheet" href="/mecstore/assets/css/select2.min.css">
<link rel="stylesheet" type="text/css" href="/mecstore/assets/vendor/fontawesome-free/css/all.min.css">
<style>
.wishlist-count{display:block !important;}
.c-cards .c-card .bordered-card .card-info {
word-wrap: break-word;
max-width: 200px;
}
{% if app.user and app.user.partner.isMecstoreHQ == true %}
.product-single-qty{display:none;}
{% endif %}
</style>
{% if editmode %}
<link rel="stylesheet" href="/static/css/editmode.css">
{% endif %}
{% apply spaceless %}
{% if not document is defined or not document %}
{% set document = pimcore_document(1) %}
{% endif %}
{% if document is instanceof('\\Pimcore\\Model\\Document\\Link') %}
{# @var document \Pimcore\Model\Document\Link #}
{% set document = document.getObject() %}
{% endif %}
{% if document is instanceof('\\Pimcore\\Model\\Document\\Page') %}
{% if document.getTitle() is not empty %}
{% do pimcore_head_title().set(document.getTitle()) %}
{% endif %}
{% endif %}
{% if document.getDescription() is not empty %}
{% do pimcore_head_meta().setDescription(document.getDescription()) %}
{% endif %}
{#{% do pimcore_head_title().append('ALEA - Ecommerce Solutions') %}
{% do pimcore_head_title().setSeparator(' : ') %}#}
{% set isPortal = ((isPortal is defined) and isPortal) %}
{% set wesbiteName = document.getProperty('website_name') %}
{% endapply %}
{% if wesbiteName == 'b2b' and app.user %}
{% if app.user.usertype == 'customer' %}
<script>window.location="/account/logout";</script>
{% endif %}
{% endif %}
{% block head_stylesheets deferred %}
{{ pimcore_head_link() }}
{% endblock %}
<script>
var HOST_URL = "http://fld19.aleaweb.com";
</script>
{% set currentPath = path(app.request.attributes.get('_route'),
app.request.attributes.get('_route_params')) %}
</head>
<body>
<script type="text/javascript">
(function(window, document, dataLayerName, id) {
window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script');
function stgCreateCookie(a,b,c){var d="";if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d="; expires="+e.toUTCString()}document.cookie=a+"="+b+d+"; path=/"}
var isStgDebug=(window.location.href.match("stg_debug")||document.cookie.match("stg_debug"))&&!window.location.href.match("stg_disable_debug");stgCreateCookie("stg_debug",isStgDebug?1:"",isStgDebug?14:-1);
var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName),isStgDebug&&qP.push("stg_debug");var qPString=qP.length>0?("?"+qP.join("&")):"";
tags.async=!0,tags.src="https://mecstore.containers.piwik.pro/"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts);
!function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]);
})(window, document, 'dataLayer', '4e702d43-d771-464f-90e7-572c5b7cd426');
</script>
<div class="page-wrapper">
{{ pimcore_inc(document.getProperty('header')) }}
<main class="main">
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="alert alert-{{ label }} alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
{{message}}
</div>
{% endfor %}
{% endfor %}
{{ block('content') }}
</main>
<!-- End .main -->
{{ pimcore_inc(document.getProperty('footer')) }}
</div><!-- End .page-wrapper -->
{{ pimcore_inc(document.getProperty('overlay')) }}
{{ pimcore_inc(document.getProperty('mobile-menu')) }}
{{ pimcore_inc(document.getProperty('scrolltop')) }}
<div class="loading-overlay">
<div class="bounce-loader">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</div>
{# <div class="chat-bot">
<i class="icon-chat"></i>
</div> #}
{# output scripts added before #}
{% block headscripts deferred %}
{{ pimcore_head_script() }}
{% endblock %}
{% block inlinescripts deferred %}
{{ pimcore_inline_script() }}
{% endblock %}
<!-- Plugins JS File -->
<script src="/mecstore/assets/js/jquery.min.js"></script>
<script src="/mecstore/assets/js/bootstrap.bundle.min.js"></script>
<script src="/mecstore/assets/js/plugins.min.js"></script>
<script src="/mecstore/assets/js/optional/isotope.pkgd.min.js"></script>
<script src="/mecstore/assets/js/jquery.appear.min.js"></script>
<script src="/mecstore/assets/js/jquery.plugin.min.js"></script>
<script src="/mecstore/assets/js/jquery.countdown.min.js"></script>
<script src="/mecstore/assets/js/nouislider.min.js"></script>
<script src="/mecstore/assets/js/custom.js"></script>
<!-- Main JS File -->
<script src="/mecstore/assets/js/select2.min.js"></script>
<script src="/mecstore/assets/js/main.js"></script>
<div class="modal fade availability-popup" id="emptyModal" tabindex="-1" role="dialog" aria-labelledby="emptyModalLabel" aria-hidden="true"></div>
<!-- Begin of Chaport Live Chat code -->
<script type="text/javascript">
(function(w,d,v3){
w.chaportConfig = {
appId : '6423fbc53d8cf5e3c87353d7'
};
if(w.chaport)return;v3=w.chaport={};v3._q=[];v3._l={};v3.q=function(){v3._q.push(arguments)};v3.on=function(e,fn){if(!v3._l[e])v3._l[e]=[];v3._l[e].push(fn)};var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://app.chaport.com/javascripts/insert.js';var ss=d.getElementsByTagName('script')[0];ss.parentNode.insertBefore(s,ss)})(window, document);
</script>
<!-- End of Chaport Live Chat code -->
</body>
</html>