<!DOCTYPE html>
<html lang="{{ app.request.locale }}" class="{{ app.request.host|replace({'.': '_'}) }} app-color-{{ app_color() }}">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
{#
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
#}
<meta content="width=1280" name="viewport">
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript"/>
{% if block('seoKeywords') is not empty -%}
<meta name="keywords" content="{% block seoKeywords %}{% endblock %}"/>
{%- endif %}
{% if block('seoDescription') is not empty -%}
<meta name="description" content="{% block seoDescription %}{% endblock %}"/>
{%- endif %}
{% if block('seoCreated') is not empty -%}
<meta name="date" content="{% block seoCreated %}{% endblock %}"/>
{%- endif %}
<meta name="author" content="{{ app_name }}"/>
<meta name="copyright" content="copyright by {{ app_name }}"/>
<!-- SCRIPTS -->
<title>{% block title %}Welcome{% endblock %} | {{ app_name }}</title>
<!-- LINK -->
<link rel="shortcut icon" type="image/x-icon" href="{{ asset('assets/static/favicon.ico') }}"/>
<link rel="shortcut icon" type="image/png" href="{{ asset('assets/static/favicon.png') }}"/>
<link rel="apple-touch-icon" type="image/png" href="{{ asset('assets/static/favicon.png') }}"><!-- iPhone -->
<link rel="apple-touch-icon" sizes="57x57" href="{{ asset('assets/static/apple-touch-icon-57x57.png') }}" />
<link rel="apple-touch-icon" sizes="72x72" href="{{ asset('assets/static/apple-touch-icon-72x72.png') }}" />
<link rel="apple-touch-icon" sizes="76x76" href="{{ asset('assets/static/apple-touch-icon-76x76.png') }}" />
<link rel="apple-touch-icon" sizes="114x114" href="{{ asset('assets/static/apple-touch-icon-114x114.png') }}" />
<link rel="apple-touch-icon" sizes="120x120" href="{{ asset('assets/static/apple-touch-icon-120x120.png') }}" />
<link rel="apple-touch-icon" sizes="144x144" href="{{ asset('assets/static/apple-touch-icon-144x144.png') }}" />
<link rel="apple-touch-icon" sizes="152x152" href="{{ asset('assets/static/apple-touch-icon-152x152.png') }}" />
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/static/apple-touch-icon-180x180.png') }}" />
{# <link rel="stylesheet" href="{{ asset(style()) }}">#}
{% block stylesheets %}
{{ encore_entry_link_tags(app_color('app/app-')) }}
{% endblock %}
<!-- GOOGLE -->
{# <script type="application/javascript" src="{{ asset('assets/runtime.js') }}"></script>#}
{# <script type="application/javascript" src="{{ asset('assets/vendor.js') }}"></script>#}
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
</style>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCxYi_Sk25cIlLkMEQlM7I-jAqWYTDQj64"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-151104863-1"></script>
<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-151104863-1');</script>
</head>
<body class="{% block body_class %}{% endblock %}">
{% set allMessages = app.flashes() %}
{% if allMessages is not empty %}
<div aria-live="polite" aria-atomic="true">
<!-- Position it -->
<div>
{% for type,messages in allMessages %}
{% for message in messages %}
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-delay="10000">
<div class="alert alert-{{ type }} mb-0" role="alert" aria-live="assertive" aria-atomic="true">
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
{{ message|raw }}
</div>
</div>
{% endfor %}
{% endfor %}
</div>
</div>
{% endif %}
<div class="card cookie-card" style="position:fixed; bottom:0; left:0; width: 100vw; z-index: 9999; max-height: 100vh; max-width: 100vw; overflow: auto">
<div class="card-body">
<h5 class="card-title">Cookies</h5>
<p class="card-text">
{{ 'cookie.text'|trans({
':link': path('mdl_public_page_show', { '_locale': app.request.locale, 'slug': 'privacy-policy' })
})|raw }}
</p>
<a href="#" class="btn btn-primary cookie-btn">{{ 'cookie.action'|trans }}</a>
</div>
</div>
<script>function checkGDPRCookie(){var e=document.cookie.split("; ").find(e=>e.startsWith("gdpr"));void 0!==e&&"true"===(e=e.split("=")[1])&&(document.querySelector(".cookie-card").style.display="none")}document.querySelector(".cookie-btn").addEventListener("click",function(){document.cookie="gdpr=true; ;max-age=31536000; path=/; SameSite",checkGDPRCookie()}),checkGDPRCookie();</script>
{{ render(controller('App\\Controller\\ECommerce\\App\\InvoiceController::unPaidAction'))|raw }}
<!-- header -->
{% set isUser = is_granted('ROLE_USER') %}
<div class="container-fluid">
{#{% if isUser %}#}
<div class="container font-medium" id="header-login">
<div class="row top-row nowrap">
<div class="top-left">
<div class="header-contact map-pin">
<svg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.04 0C3.15 0 0 3.15 0 7.04C0 10.93 6.41 18.88 6.67 19.22L7.06 19.71L7.45 19.22C7.69 18.88 14.07 10.8 14.07 7.04C14.07 3.28 10.92 0 7.04 0ZM7.04 10.77C4.98 10.77 3.33 9.1 3.33 7.06C3.33 5.02 4.98 3.32 7.04 3.32C9.1 3.32 10.75 4.99 10.75 7.03C10.75 9.07 9.1 10.77 7.04 10.77Z" fill="#040404"/>
</svg>
<span class="font-medium">{{ company_address }}</span>
</div>
<div class="header-contact header-phone">
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.7635 17.6695C16.3935 18.2395 15.7434 18.5695 15.0634 18.5295C14.3834 18.4895 13.5034 18.3895 12.8934 18.2395C10.1934 17.5395 7.40345 15.8595 5.04345 13.4895C2.68345 11.1195 1.00345 8.32954 0.293454 5.63954C0.133454 5.02954 0.0634456 4.16954 0.00344559 3.48954C-0.0365544 2.82954 0.273442 2.17954 0.843442 1.80954L3.24344 0.209536C3.87344 -0.200464 4.71345 0.00953573 5.04345 0.679536L6.99344 4.44954C7.26344 4.97954 7.13345 5.63954 6.66345 6.00954L4.90344 7.37954C5.60344 8.68954 6.27344 9.73954 7.56344 11.0095C8.75344 12.1995 9.79343 12.9095 11.1434 13.6295L12.5334 11.8495C12.9034 11.3795 13.5734 11.2195 14.0934 11.5195L17.8834 13.4695C18.5434 13.7995 18.7635 14.6395 18.3535 15.2695L16.7734 17.6695H16.7635Z" fill="#040404"/>
</svg>
<span class="font-medium">{{ company_phone|regex_replace('/,.*/', '') }}</span>
</div>
<div class="header-contact">
<svg width="21" height="15" viewBox="0 0 21 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.58002 0C1.27002 0 0.990021 0.0899998 0.740021 0.24L9.72 8.05C10.2 8.46 10.77 8.46 11.24 8.05L20.23 0.24C19.99 0.0899998 19.7 0 19.39 0H1.57001H1.58002ZM0.0899963 1.06C0.0399963 1.22 0 1.39 0 1.57V13.1C0 13.97 0.700007 14.67 1.57001 14.67H19.39C20.26 14.67 20.96 13.97 20.96 13.1V1.57C20.96 1.39 20.92 1.22 20.87 1.06L11.92 8.83C11.09 9.55 9.86002 9.56 9.02002 8.83L0.0899963 1.06Z" fill="#040404"/>
</svg>
<span class="font-medium">{{ company_email }}</span>
</div>
</div>
<div class="top-right">
<div class="language-picker">
<div class="btn-group float-right">
{% if block('translations') is defined %}
{% block translations %}{{ defaultLanguagePicker() }}{% endblock %}
{% else %}
{{ defaultLanguagePicker() }}
{% endif %}
</div>
</div>
<div class="help">
<a class="text-decoration-none" href="{{ path(
'mdl_app_product_filter_by_name',
{
'_locale': app.request.locale,
'title': 'S 30X47X7',
'help': 1,
'on_complete': path(
'mdl_app_product_index',
{'_locale': app.request.locale},
'true'
)
})
}}">{{ 'nav.help'|trans|raw}}</a>
</div>
{% if isUser == false %}
<div class="header-login-btn margin-header">
<a class="text-decoration-none btn btn-dark align-content-center font-medium" id="login-btn" href="{{ path(
'login',
{
'_locale': app.request.locale,
})
}}"><span>{{ 'nav.login'|trans|raw }}</span><svg width="17" height="11" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.8791 6.08754H0.585592C0.262244 6.08754 0 5.82363 0 5.49821C0 5.1728 0.262244 4.90888 0.585592 4.90888H14.8817L10.5127 1.02442C10.2708 0.809185 10.2504 0.440212 10.4617 0.196793C10.6756 -0.046627 11.0422 -0.0696878 11.2841 0.145546L16.8065 5.06006C17.0484 5.27529 17.0687 5.64426 16.8574 5.88768C16.8396 5.90818 16.8218 5.92612 16.804 5.94149L11.2867 10.8509C11.0448 11.0661 10.6781 11.0431 10.4643 10.7996C10.2504 10.5562 10.2733 10.1872 10.5152 9.97201L14.8842 6.08498L14.8791 6.08754Z" fill="white"/>
</svg></a>
</div>
{% else %}
<div class="header-login-btn margin-header">
<a class="text-decoration-none btn btn-dark align-content-center font-medium" id="login-btn" href="{{ path(
'logout',
{
'_locale': app.request.locale,
})
}}"><span>{{ 'nav.logout'|trans|raw }}</span><svg width="17" height="11" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.8791 6.08754H0.585592C0.262244 6.08754 0 5.82363 0 5.49821C0 5.1728 0.262244 4.90888 0.585592 4.90888H14.8817L10.5127 1.02442C10.2708 0.809185 10.2504 0.440212 10.4617 0.196793C10.6756 -0.046627 11.0422 -0.0696878 11.2841 0.145546L16.8065 5.06006C17.0484 5.27529 17.0687 5.64426 16.8574 5.88768C16.8396 5.90818 16.8218 5.92612 16.804 5.94149L11.2867 10.8509C11.0448 11.0661 10.6781 11.0431 10.4643 10.7996C10.2504 10.5562 10.2733 10.1872 10.5152 9.97201L14.8842 6.08498L14.8791 6.08754Z" fill="white"/>
</svg></a>
</div>
{% endif %}
</div>
</div>
</div>
</div>
<div class="container-fluid">
{#{% if isUser %}#}
{# <div class="row mb-2">#}
<div class="container" id="header-login">
<div class="row bottom-row">
<div class="header-logo">
<a href="{{ path('mdl_public_page_index', {'_locale': app.request.locale}) }}">
<img src="{{ asset(logo()) }}" class="img-fluid" alt="{{ app_name }}"/>
</a>
</div>
<div class="input-group" id="search-bar">
{# <form class="form-inline">#}
{{ render(controller('App\\Controller\\ECommerce\\App\\ProductController::filterByNameAction')) }}
{# <input type="text" class="form-control bg-white p-lg-3 search-bar mr-sm-2 font-medium"#}
{# placeholder="{{ 'nav.search'|trans|raw }}"#}
{# aria-label="Search">#}
{# <button type="submit" class="btn search-btn">#}
{# <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">#}
{# <path d="M21.8063 21.2132L21.8092 21.2161C21.9117 21.379 21.8961 21.5884 21.7795 21.7251L21.7782 21.7266C21.6353 21.8954 21.3807 21.9236 21.1961 21.7787L15.3334 15.916L15.0143 15.5969L14.6643 15.8818C11.213 18.6901 6.20128 18.4349 3.05247 15.3051C-0.34167 11.9199 -0.360523 6.42742 3.02312 3.02347C6.18242 -0.106184 11.1837 -0.3603 14.6343 2.44743L14.6347 2.44772C18.3596 5.47305 18.9182 10.938 15.8918 14.6644L15.6075 15.0143L15.9263 15.3332L21.8063 21.2132ZM3.67631 14.7832L3.67819 14.785C6.7442 17.819 11.6903 17.7876 14.7146 14.722C17.7787 11.6566 17.7783 6.69091 14.7134 3.62605C11.6482 0.560783 6.68158 0.560783 3.61632 3.62605C0.551061 6.69131 0.551061 11.6579 3.61632 14.7232L3.64633 14.7532L3.67631 14.7832Z" fill="black" stroke="#8D8D8D"/>#}
{# </svg>#}
{# </button>#}
{# </form>#}
</div>
{{ render(controller('App\\Controller\\ECommerce\\App\\CountdownController::countdownAction')) }}
{% if is_granted('CART_CREATE') %}
{{ render(controller('App\\Controller\\ECommerce\\App\\CartController::smallWidgetAction')) }}
{% else %}
{{ render(controller('App\\Controller\\ECommerce\\App\\IndividualOrderController::smallWidgetAction')) }}
{% endif %}
{# <div class="col-xl-8 col-12 order-2 order-lg-2">#}
{# <div class="mt-3 mt-lg-5 mb-4 mb-lg-0 ml-5 fs-14 text-center">#}
{# #}{#Welcome <a href="#" class="text-uppercase">{{ app.user.fullName }}</a> Your contact person: Dragan +381 65 425 1587#}
{# </div>#}
{# </div>#}
</div>
{# </div>#}
</div>
{# <div class="row mb" id="header-filters">#}
{# <div class="container">#}
{# <div class="row align-items-end filter-form mb-2 mt-sm-3 align-items-stretch">#}
{# <div class="col-3 col-sm-7 col-lg-3 order-0 d-flex align-content-between flex-wrap">#}
{# {{ render(controller('App\\Controller\\ECommerce\\App\\ProductController::filterByNameAction')) }}#}
{# </div>#}
{# <div class="col-6 col-sm-12 col-lg-6 order-1 order-sm-2">#}
{# {{ render(controller('App\\Controller\\ECommerce\\App\\ProductController::filterBySizeAction')) }}#}
{# </div>#}
{# <div class="col-3 col-sm-5 col-lg-3 order-2 order-sm-1 order-lg-2 d-flex align-content-between flex-wrap">#}
{# {{ render(controller('App\\Controller\\ECommerce\\App\\ProductController::filterByCategoryAction')) }}#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# <div class="row user-menu">#}
{# <div class="container">#}
{# <div class="row justify-content-between nav-links text-uppercase">#}
{# <div class="col">#}
{# <nav class="navbar navbar-expand-lg navbar-light">#}
{# <button class="navbar-toggler"#}
{# type="button"#}
{# data-toggle="collapse"#}
{# data-target="#user-navbar"#}
{# aria-controls="navbar"#}
{# aria-expanded="false"#}
{# aria-label="Toggle navigation">#}
{# <span class="navbar-toggler-icon"></span>#}
{# </button>#}
{# <div class="collapse navbar-collapse text" id="user-navbar">#}
{# {{ menu('user_menu') }}#}
{# </div>#}
{# </nav>#}
{# </div>#}
{# {% if is_granted('CART_CREATE') %}#}
{# {{ render(controller('App\\Controller\\ECommerce\\App\\CartController::smallWidgetAction')) }}#}
{# {% else %}#}
{# {{ render(controller('App\\Controller\\ECommerce\\App\\IndividualOrderController::smallWidgetAction')) }}#}
{# {% endif %}#}
{# </div>#}
{# </div>#}
{# </div>#}
{#{% else %}
<div class="row">
<div class="container" id="header">
<div class="row">
<div class="col-md-3">
{{ login_form() }}
</div>
<div class="col-md-6">
<a href="{{ path('public_index') }}">
<img src="{{ asset(logo()) }}" class="img-fluid mx-auto d-block" alt="Optima logo"/>
</a>
</div>
<div class="col-md-3">
<div class="float-right">
{% if block('translations') is defined %}
{{ block('translations') }}
{% else %}
{{ defaultLanguagePicker() }}
{% endif %}
</div>
<div class="clearfix"></div>
<p class=" mt-5">
#}{#<a href="{{ path('mdl_app_guest') }}" class="owr">Order without registration</a>#}{#
</p>
</div>
</div>
</div>
</div>
{% endif %}#}
</div>
<!-- / header -->
<!-- nav -->
<div class="container-fluid">
<div class="row">
<div class="container">
<div class="row">
<div class="col">
<nav class="navbar navbar-expand-lg navbar-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text" id="navbar">
{#{{ knp_menu_render('main_menu') }}#}
{{ menu('main_menu') }}
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- / nav -->
{% block slider %}{% endblock %}
<!-- body1 -->
{% block body %}
{% block content %}{% endblock %}
{% endblock %}
<!-- / body2 -->
<!-- footer -->
<div class="container-fluid" id="page-footer">
<div class="container">
<div class="row">
<div class="newsletter">
<span>{{ 'newsletter.subscribe'|trans|raw }}</span>
</div>
<div class="footer-mail">
<form action="" class="input-group">
<input type="text" class="form-control bg-white p-lg-3 mr-sm-2 font-medium" placeholder="Email" aria-label="Email">
<button type="button" class="btn btn-dark font-medium" id="login-btn" {#href="{{ path(
'login',
{
'_locale': app.request.locale,
})
}}"#}><span>{{ 'nav.login'|trans|raw }}</span><svg width="17" height="11" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.8791 6.08754H0.585592C0.262244 6.08754 0 5.82363 0 5.49821C0 5.1728 0.262244 4.90888 0.585592 4.90888H14.8817L10.5127 1.02442C10.2708 0.809185 10.2504 0.440212 10.4617 0.196793C10.6756 -0.046627 11.0422 -0.0696878 11.2841 0.145546L16.8065 5.06006C17.0484 5.27529 17.0687 5.64426 16.8574 5.88768C16.8396 5.90818 16.8218 5.92612 16.804 5.94149L11.2867 10.8509C11.0448 11.0661 10.6781 11.0431 10.4643 10.7996C10.2504 10.5562 10.2733 10.1872 10.5152 9.97201L14.8842 6.08498L14.8791 6.08754Z" fill="white"/>
</svg>
</button>
</form>
</div>
</div>
<div class="row">
<div class="optima-group">
<img src="{{ asset(group()) }}" alt="optima-group">
<div>
<span class="optima-group-bolded">By Optima Group</span>
<div class="optima-group-text">
<span>Ready to get things moving</span>
</div>
</div>
<div class="social-media input-group">
<div class="linkedin">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_145_2416" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="36" height="36">
<path d="M35.8301 0H0V35.8301H35.8301V0Z" fill="white"/>
</mask>
<g mask="url(#mask0_145_2416)">
<path d="M30.083 0H5.40002C2.4178 0 0.0146484 2.41763 0.0146484 5.38537V30.0828C0.0146484 33.065 2.43227 35.4682 5.40002 35.4682H30.0974C33.0797 35.4682 35.4828 33.0505 35.4828 30.0828V5.38537C35.4828 2.40315 33.0652 0 30.0974 0H30.083ZM13.6518 31.9069H9.10608V17.2563H13.6518V31.9069ZM13.8255 13.6661C13.6952 13.9846 13.4925 14.2741 13.2464 14.5202C13.0003 14.7663 12.7108 14.9545 12.3923 15.0993C12.0738 15.2441 11.7264 15.302 11.3789 15.302C11.0315 15.302 10.684 15.2296 10.3656 15.0993C10.0471 14.969 9.75753 14.7808 9.51143 14.5202C9.26532 14.2741 9.07712 13.9846 8.93236 13.6661C8.80207 13.3476 8.72968 13.0002 8.72968 12.6527C8.72968 12.3053 8.80207 11.9578 8.93236 11.6393C9.06265 11.3208 9.26532 11.0313 9.51143 10.7852C9.75753 10.5391 10.0471 10.3509 10.3656 10.2061C10.684 10.0759 11.0315 10.0035 11.3789 10.0035C11.7264 10.0035 12.0738 10.0759 12.3923 10.2061C12.7108 10.3364 13.0003 10.5391 13.2464 10.7852C13.4925 11.0313 13.6807 11.3208 13.8255 11.6393C13.9558 11.9578 14.0282 12.3053 14.0282 12.6527C14.0282 13.0002 13.9558 13.3476 13.8255 13.6661ZM30.6765 23.5103V31.8924H26.1453C26.1453 31.8924 26.1308 24.321 26.1308 23.8867C26.1308 23.4524 25.9281 22.439 25.9281 22.439C25.3925 20.6005 23.5539 20.9334 23.5539 20.9334C21.976 20.9334 21.4837 22.164 21.4837 22.164C20.9771 23.1484 21.0494 25.0449 21.0494 25.0449V31.8924H16.5327V17.2419H20.8612V19.2686L20.9626 19.2252C23.496 15.3744 28.172 17.4735 28.172 17.4735C31.0095 18.7764 30.691 23.5103 30.691 23.5103H30.6765Z" fill="#040404"/>
</g>
</svg>
</div>
<div class="instagram">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.37 8.86035H11.8186C10.2841 8.86035 9.03906 10.1054 9.03906 11.6399V24.1913C9.03906 25.7258 10.2841 26.9708 11.8186 26.9708H24.37C25.9045 26.9708 27.1495 25.7258 27.1495 24.1913V11.6399C27.1495 10.1054 25.9045 8.86035 24.37 8.86035ZM18.0871 24.5532C14.4244 24.5532 11.4422 21.571 11.4422 17.9084C11.4422 14.2457 14.4244 11.2635 18.0871 11.2635C21.7497 11.2635 24.7319 14.2457 24.7319 17.9084C24.7319 21.571 21.7497 24.5532 18.0871 24.5532ZM25.1952 12.4361C24.9635 12.6533 24.674 12.7836 24.37 12.7836C24.066 12.7836 23.7764 12.6677 23.5593 12.4506C23.3421 12.219 23.2263 11.9294 23.2263 11.6254C23.2263 11.3214 23.3421 11.0319 23.5593 10.8147C24.0081 10.3804 24.7609 10.3804 25.1807 10.8147C25.3834 11.0464 25.5137 11.3359 25.5137 11.6399C25.5137 11.9439 25.3978 12.219 25.1807 12.4506L25.1952 12.4361Z" fill="black"/>
<path d="M18.0872 22.2505C20.4858 22.2505 22.4302 20.3061 22.4302 17.9075C22.4302 15.5089 20.4858 13.5645 18.0872 13.5645C15.6886 13.5645 13.7441 15.5089 13.7441 17.9075C13.7441 20.3061 15.6886 22.2505 18.0872 22.2505Z" fill="black"/>
<path d="M31.2604 0H4.9271C2.3068 0 0.178711 2.12809 0.178711 4.74839V31.0817C0.178711 33.702 2.3068 35.8301 4.9271 35.8301H31.2604C33.8807 35.8301 36.0088 33.702 36.0088 31.0817V4.74839C36.0088 2.12809 33.8807 0 31.2604 0ZM29.4508 24.1907C29.4508 26.9847 27.1779 29.2576 24.3839 29.2576H11.8325C9.03851 29.2576 6.76565 26.9847 6.76565 24.1907V11.6393C6.76565 8.84531 9.03851 6.57246 11.8325 6.57246H24.3839C27.1779 6.57246 29.4508 8.84531 29.4508 11.6393V24.1907Z" fill="black"/>
</svg>
</div>
<div class="facebook">
<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_145_2418" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="37" height="36">
<path d="M36.5205 0H0.69043V35.8301H36.5205V0Z" fill="white"/>
</mask>
<g mask="url(#mask0_145_2418)">
<path d="M31.7144 0.0722656H5.14947C2.70289 0.0722656 0.705078 2.07006 0.705078 4.50216V30.9513C0.705078 33.3834 2.71736 35.4101 5.14947 35.4101H18.3668V23.2207H13.9948V17.8208H18.3668V13.333C18.3668 9.68484 21.4069 6.80397 25.0695 6.80397H29.5863V12.2762H27.2845C26.0684 12.2762 25.084 12.1169 25.084 13.333V17.8208H30.5997L28.3847 23.2207H25.084V35.4101H31.7144C34.161 35.4101 36.1732 33.3834 36.1732 30.9513V4.50216C36.1732 2.07006 34.161 0.0722656 31.7144 0.0722656Z" fill="#040404"/>
</g>
</svg>
</div>
<div class="youtube">
<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_145_2419" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="37" height="36">
<path d="M36.0322 0H0.202148V35.8301H36.0322V0Z" fill="white"/>
</mask>
<g mask="url(#mask0_145_2419)">
<path d="M22.0623 17.4014L15.7939 13.6519C15.2872 13.3479 14.6357 13.7099 14.6357 14.3034V21.8024C14.6357 22.3959 15.2872 22.7578 15.7939 22.4538L22.0623 18.7043C22.5546 18.4148 22.5546 17.691 22.0623 17.4014Z" fill="#040404"/>
<path d="M29.4019 22.1061C29.4019 24.5961 27.3896 26.6084 24.8996 26.6084H11.0887C8.5987 26.6084 6.58642 24.5961 6.58642 22.1061V13.9991C6.58642 11.5091 8.5987 9.49678 11.0887 9.49678H24.8996C27.3896 9.49678 29.4019 11.5091 29.4019 13.9991V22.1061ZM28.0989 0H7.788C3.6042 0 0.202148 3.38758 0.202148 7.58585V27.8968C0.202148 32.0806 3.58973 35.4826 7.788 35.4826H28.0989C32.2827 35.4826 35.6848 32.0951 35.6848 27.8968V7.58585C35.6848 3.40206 32.2972 0 28.0989 0Z" fill="#040404"/>
</g>
</svg>
</div>
</div>
</div>
<div class="footer-menu">
<div class="simple-menu">
{{ menu('footer_left') }}
{{ menu('footer_right') }}
{{ render(controller('App\\Controller\\ECommerce\\App\\WorkingHoursController::workingHoursWidgetAction'))|raw }}
</div>
</div>
</div>
<div class="row">
<p class="text-color-grey">{{ 'now'|date('Y') }} {{ 'rights-reserved'|trans }}</p>
<div>
<a href="#" class="text-color-grey">{{ 'policy.privacy'|trans }}</a>
<a href="#" class="text-color-grey">{{ 'policy.use'|trans }}</a>
<a href="#" class="text-color-grey">{{ 'policy.cookies'|trans }}</a>
</div>
</div>
</div>
</div>
<!-- / footer -->
<a href="#" class="scrollup">Scroll</a>
<!-- SCRIPTS -->
{#<script type="application/javascript" src="{{ asset('assets/app/app.js') }}"></script>#}
{% block javascripts %}
{{ encore_entry_script_tags(app_color('app/app-')) }}
<!-- Renders app.js & a webpack runtime.js file
<script src="/build/runtime.js" defer></script>
<script src="/build/app.js" defer></script>
See note below about the "defer" attribute -->
{% endblock %}
</body>
</html>