<div class="c-sticky-navigation  js-sticky-header" hidden>
    <div class="l-contain  c-sticky-navigation__main">

        <div class="c-sticky-navigation__contact  js-toggle-sticky-content">
            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 100 100">
                <g fill="currentColor">
                    <path d="M56.25,46.875a12.5,12.5,0,1,0-12.5-12.5A12.515,12.515,0,0,0,56.25,46.875Z"/>
                    <path d="M56.25,50A21.9,21.9,0,0,0,34.375,71.875V75A3.126,3.126,0,0,0,37.5,78.125H75A3.126,3.126,0,0,0,78.125,75V71.875A21.9,21.9,0,0,0,56.25,50Z"/>
                    <path d="M84.375,0h-62.5A9.385,9.385,0,0,0,12.5,9.375v12.5H9.375a3.125,3.125,0,0,0,0,6.25H12.5v6.25H9.375a3.125,3.125,0,0,0,0,6.25H12.5v6.25H9.375a3.125,3.125,0,0,0,0,6.25H12.5v6.25H9.375a3.125,3.125,0,0,0,0,6.25H12.5v6.25H9.375a3.125,3.125,0,0,0,0,6.25H12.5v12.5A9.385,9.385,0,0,0,21.875,100h62.5a9.385,9.385,0,0,0,9.375-9.375V9.375A9.385,9.385,0,0,0,84.375,0ZM87.5,90.625a3.129,3.129,0,0,1-3.125,3.125h-62.5a3.129,3.129,0,0,1-3.125-3.125v-12.5h3.125a3.125,3.125,0,0,0,0-6.25H18.75v-6.25h3.125a3.125,3.125,0,0,0,0-6.25H18.75v-6.25h3.125a3.125,3.125,0,0,0,0-6.25H18.75v-6.25h3.125a3.125,3.125,0,0,0,0-6.25H18.75v-6.25h3.125a3.125,3.125,0,0,0,0-6.25H18.75V9.375A3.129,3.129,0,0,1,21.875,6.25h62.5A3.129,3.129,0,0,1,87.5,9.375Z"/>
                </g>
            </svg>
        </div>

        <a class="c-sticky-navigation__logo" href="/">
            @include('site.components.icons.logo')
        </a>

        <button class="c-header__overlay-button  js-overlay-menu-trigger">
            <span></span>
            <span></span>
            <span></span>
        </button>
    </div>
</div>

<section class="c-sticky-navigation__contact-content  js-sticky-content" hidden>
    <div class="l-contain  c-sticky-navigation__contact-main">
        <div class="contact-options">
            <div class="left">
                <a href="tel:{{\Config::get('site.company.phone.call')}}">@include('site.components.icons.phone') {{\Config::get('site.company.phone.display')}}</a>
                <a href="mailto:{{\Config::get('site.company.email')}}">@include('site.components.icons.socials.mail') {{\Config::get('site.company.email')}}</a>
            </div>
            <div class="right">
                @include('site.components.icons.home')
                <div class="company-details">
                    <p>{{\Config::get('site.company.address')}}</p>
                    <p>{{\Config::get('site.company.zip')}} {{\Config::get('site.company.city')}}</p>
                </div>
            </div>

            <a class="c-button c-button--ghost c-button--no-corner"
               href="tel:{{\Config::get('site.company.phone.call')}}">
                @include('site.components.icons.phone') 24/7 service
            </a>
        </div>
    </div>
</section>