<footer>
    <div class="info-footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-md-5 padding hidden-xs hidden-sm">
                    <div class="row">
                        <div class="col-sm-6">
                            <a href="mailto:info@collectivestore.pt" target="_blank">
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-envelope-open-o fa-stack-1x fa-inverse"></i>
                                </span> INFO@COLLECTIVESTORE.PT
                            </a>
                        </div>
                        <div class="col-sm-6">
                            <a href="tel:+351914158783" target="_blank">
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-phone fa-stack-1x fa-inverse"></i>
                                </span> +351 914 158 783
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 padding visible-xs visible-sm">
                    <div class="row" style="margin: 0 auto">
                        <div class="col-xs-2 col-xs-offset-1 text-center">
                            <a href="mailto:info@collectivestore.pt" target="_blank">
                                <span class="fa-stack">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-envelope-open-o fa-stack-1x fa-inverse"></i>
                                </span>
                            </a>
                        </div>
                        <div class="col-xs-2 text-center">
                            <a href="tel:+351914158783" target="_blank">
                                <span class="fa-stack">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-phone fa-stack-1x fa-inverse"></i>
                                </span>
                            </a>
                        </div>
                        <div class="col-xs-2 text-center">
                            <a href="https://www.facebook.com/CollectiveSkateshop" target="_blank">
                                <span class="fa-stack">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
                                </span>
                            </a>
                        </div>
						<div class="col-xs-2 text-right">
							<a href="https://wa.me/+351914158783" target="_blank">
                                <span class="fa-stack">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-whatsapp fa-stack-1x fa-inverse"></i>
                                </span>
							</a>
						</div>
                        <div class="col-xs-2 text-center">
                            <a href="https://instagram.com/collective_store" target="_blank">
                                <span class="fa-stack">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-md-2">
                    <h3 class="text-center">
                        <a href="{{ contact }}">
                            {{ text_contact }}
                        </a>
                    </h3>
                </div>
                <div class="col-md-5 padding hidden-xs hidden-sm">
                    <div class="row">
						<div class="col-md-4 text-right">
							<a href="https://wa.me/+351914158783" target="_blank">
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-whatsapp fa-stack-1x fa-inverse"></i>
                                </span> WHATSAPP
							</a>
						</div>
                        <div class="col-md-4 text-right">
                            <a href="https://www.facebook.com/CollectiveSkateshop" target="_blank">
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
                                </span> FACEBOOK
                            </a>
                        </div>
                        <div class="col-md-4 text-right">
                            <a href="https://instagram.com/collective_store" target="_blank">
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
                                </span> INSTAGRAM
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="top-footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6">
                    <div class="footer_l">
                        <img src="/image/catalog/logo_bw.png" title="Collective Store">
                    </div>
                    {{ block3 }}
                </div>
                <div class="col-xs-6 col-sm-3">
                    <h5 class="title-footer">{{ text_information }}</h5>
                    <ul class="list-unstyled">
                        <li><a href="{{ contact }}">{{ text_contact }}</a></li>
                        {% for information in informations %}
                            <li><a href="{{ information.href }}">{{ information.title }}</a></li>
                        {% endfor %}
                        <li><a href="{{ sitemap }}">{{ text_sitemap }}</a></li>
                    </ul>
                </div>
                <div class="col-xs-6 col-sm-3">
                    <h5 class="title-footer">{{ text_service }}</h5>
                    <ul class="list-unstyled">
                        <li><a href="{{ return }}">{{ text_return }}</a></li>
                        <li><a href="{{ special }}">{{ text_special }}</a></li>
                        <li><a href="{{ manufacturer }}">{{ text_manufacturer }}</a></li>
                        <li><a href="https://www.livroreclamacoes.pt/inicio/">{{ text_complaints }}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom-footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-md-7 pull-right">
                    <ul class="list-unstyled list-inline text-right" style="margin: 0">
                        <li><img src="image/payments/chrono.png"></li>
                        <li><img src="image/payments/ctt.png"></li>
                        <li><img src="image/payments/multibanco.png"></li>
                        <li><img src="image/payments/mbway.png"></li>
                        <li><img src="image/payments/paypal.png"></li>
                        <li><img src="image/payments/master.png"></li>
                        <li><img src="image/payments/visa.png"></li>
                    </ul>
                </div>
                <div class="col-xs-12 col-md-5 pull-left" style="padding-top: 10px">
                    <p class="copyright-text">{{ powered }}</p>
                </div>
            </div>

        </div>
    </div>
    <div id="back-top">{{ text_backtop }}</div>
{% if is_configured %}
                <script charset="utf-8" src="//cl.avis-verifies.com/{{ platform_code }}/cache/{{idwebsite_first_char}}/{{idwebsite_second_char}}/{{idwebsite_third_char}}/{{id_website}}/AWS/PRODUCT_API/tag.min.js"></script>
                {% if display_script_float  == "yes" %}
                {{ netreviews_floating_widget }}
                {% endif %}
                {% endif %}
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js" type="text/javascript"></script>
<script src="catalog/view/javascript/opentheme/ocquickview/ocquickview.js" type="text/javascript"></script>
<script src="catalog/view/javascript/jquery/elevatezoom/jquery.elevatezoom.js" type="text/javascript"></script>
<script src="catalog/view/javascript/opentheme/hozmegamenu/custommenu.js" type="text/javascript"></script>
<script src="catalog/view/javascript/opentheme/hozmegamenu/mobile_menu.js" type="text/javascript"></script>
<script src="catalog/view/javascript/GDPR-Cookie/jquery.ihavecookies.min.js" type="text/javascript"></script>
<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
{% for script in scripts %}
    <script src="{{ script }}" type="text/javascript"></script>
{% endfor %}
<script type="text/javascript">
    $(document).ready(function () {
        // hide #back-top first
        $("#back-top").hide();
        // fade in #back-top
        $(function () {
            $(window).scroll(function () {
                if ($(this).scrollTop() > ($('header').height() + $('header').offset().top)) {
                    $('#back-top').fadeIn();
                } else {
                    $('#back-top').fadeOut();
                }
            });
            // scroll body to 0px on click
            $('#back-top').click(function () {
                $('body,html').animate({scrollTop: 0}, 800);
                return false;
            });
        });
    });
</script>
<!--Start of Zopim Live Chat Script -->
<script type="text/javascript">
    window.$zopim || (function (d, s) {
        var z = $zopim = function (c) {
            z._.push(c)
        }, $ = z.s =
            d.createElement(s), e = d.getElementsByTagName(s)[0];
        z.set = function (o) {
            z.set._.push(o)
        };
        z._ = [];
        z.set._ = [];
        $.async = !0;
        $.setAttribute('charset', 'utf-8');
        $.src = '//v2.zopim.com/?3K2HTJuOijppn1A4qrRAlWmwaMdJEnRc';
        z.t = +new Date;
        $.type = 'text/javascript';
        e.parentNode.insertBefore($, e)
    })(document, 'script');
</script>
<!--End of Zopim Live Chat Script-->

<script type="text/javascript">
    $(document).ready(function () {
        $('body').ihavecookies({
            title: '{{ cookies_title }}',
            message: '{{ cookies_msg }}',
            link: '{{ cookies_url }}',
            acceptBtnLabel: '{{ cookies_btn }}',
            moreInfoLabel: '{{ cookies_more_info }}'
        });
    });
</script>
</body>
</html>
