{% import '_helpers/_image_webp' as media %}
<header id="header" class="m-has-header-tools m-has-gmap">
    <div class="header-inner">
        <div class="header-content">
            <div class="c-container">
                <div class="header-content-inner">
                    <div class="header-branding m-large-logo">
                        <a href="{{ siteUrl }}">
                            {% set logo = header.logo.one() %}
                            {{ media.getImage(logo, 'logo-image') }}
                        </a>
                    </div>
                    <div class="header-toggle-holder">
                        <button type="button" class="header-toggle">
                            <i class="ico-open tp tp-menu"></i>
                            <i class="ico-close tp tp-cross"></i>
                            <span>{{ 'Menu'|t }}</span>
                        </button>
                    </div>
                    {% include '_layout/_components/_blocks/menu' with {
                        class: 'header-menu'
                    } %}
                    <div class="header-tools">
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="header-bg">
    <div class="header-image" data-autoplay="8">
        <div class="image-layer" style="background-image: url('{{ media.getImageSrc(header.backgroundImage.one()) }}');"></div>
    </div>
</div>