<!DOCTYPE html>
<html lang="{{site.dist.country_lang }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
<meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}">
<meta name="keywords" content="{{ site.dist.seo_keywords }}">
<meta name="author" content="Mietubl">
<title>{{ site.dist.seo_title }}</title>
{% include '_header_css.liquid' %}
</head>
<body>

<!-- MAIN WRAPPER -->
<div class="body-wrap shop-default shop-cards shop-tech">
    <div id="st-container" class="st-container">

        <div class="st-pusher">
            <div class="st-content">
                <div class="st-content-inner">
                    <!-- HEADER -->
                    {% include '_header.liquid' %}
                    <!-- END: HEADER -->
                    <!-- BREADCRUMB -->
                    <section class="slice sct-color-1">
                        <div class="container">
                            <div class="page-title">
                                <div class="row align-items-center">
                                    <div class="d-flex justify-content-end col-lg-12 col-12">
                                        {% for  breadcrumb in breadcrumbs %}
                                            <h2 class="heading heading-6 text-capitalize strong-500 mb-0">
                                                <a href="{{ breadcrumb.url }}" class="link text-underline--none">
                                                    &nbsp;
                                                    {% if forloop.index == 1 %}
                                                        <!-- 第一个 breadcrumb 使用 ion-ios-home 图标 -->
                                                        <i class="ion-ios-home"></i>
                                                    {% else %}
                                                        <!-- 其它 breadcrumb 使用 ion-ios-arrow-forward 图标 -->
                                                        <i class="ion-ios-arrow-forward"></i>
                                                    {% endif %}
                                                    {{ breadcrumb.name }}
                                                </a>
                                            </h2>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- END: BREADCRUMB -->
                    <section class="slice">
                        <div class="container">
                            <div class="text-center">
                                <h2 class="heading heading-2 strong-400">
                                    Contact us for help
                                </h2>
                                <p>
                                    Please call us or complete the form below and we'll get to you shortly.
                                </p>

                                <a href="" class="btn btn-styled btn-xl btn-base-1 btn-icon-left mt-4">
                                    <i class="fa fa-mobile"></i>Hotline: {{ site.dist.service_hotline }}
                                </a>
                                <span class="clearfix"></span>
                                <small>Get support by calling the 24h helpline.</small>
                            </div>
                        </div>
                    </section>

                    <section class="slice pt-0 sct-color-1">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-lg-8">
                                    <!-- Contact form -->

                                    {% contactus template='__contactus.liquid' %}
                                </div>
                            </div>
                        </div>
                    </section>


                    {% include '_footer.liquid' %}
                </div>
            </div>
        </div><!-- END: st-pusher -->
    </div><!-- END: st-container -->
</div><!-- END: body-wrap -->
<a href="#" class="back-to-top btn-back-to-top"></a>
{% include '_footer_js.liquid' %}
</body>
</html>
