{{#if domain_before_body}}
<p>{{{domain_before_body}}}</p>
{{/if}}
<script>

</script>
<div class="header">
    <ul id="skiplinks" class="skiplinks">
        <li>
            <a rel="nofollow" href="/#container">{{t.skip_to_main_content}}</a>
        </li>
    </ul>
    <div itemscope="itemscope" itemtype="http://schema.org/WPHeader">
        <header class="c_010 grid-row bleed">
            <div class="col-12">
                <div class="global-nav-container" role="navigation" aria-label="global navigation">
                    <ul class="nav-global grid-row">
                        <li>
                            <a href="{{links.my_renault}}" target="_blank" rel="external">
                                {{t.my_renault}}
                            </a>
                        </li>
                        <li>
                            <a class="nav-global_main-site" href="http://renault.ua" target="_blank" rel="external">
                                {{t.main_site}}
                            </a>
                        </li>
                        <li class="services dropdown">
                            {{#each topmenu}}
                            {{#if submenu}}
                            <a rel="nofollow" href="#" onclick="return false;">{{title}}</a>
                            <ul>
                                {{#each submenu}}
                                <li><a href="{{host}}{{url}}" class="dropdown ajaxLink" title="{{title}}">{{title}} </a>
                                </li>
                                {{/each}}
                            </ul>
                            {{/if}}
                            {{/each}}
                        </li>
                        {{#if av_locals}}
                        <li class="lang-choose">
                            <ul class="list-unstyled">
                                <li {{#if isUk}} class="current" {{/if}} style="display:none;"><a rel="nofollow"
                                        href="#" class="lang-item" short-lang="ru">{{t.rus}}</a></li>
                                <li {{#if isRu}} class="current" {{/if}} style="display:none;"><a rel="nofollow"
                                        href="#" class="lang-item" short-lang="uk">{{t.ukr}}</a></li>
                                <style>
                                    li.current {
                                        display: block !important;
                                    }
                                </style>
                            </ul>
                        </li>
                        {{/if}}
                    </ul>
                </div>
                <div class="nav-root upgraded">
                    <div class="title-logo-container grid-row">

                    </div>
                    <div class="nav-container grid-row">
                        <div class="nav-inner">
                            <button class="close-menu" href="#">
                                <span class="is-visually-hidden">{{t.hide_menu}}</span>
                            </button>
                            <li class="lang-choose mobile visible-mobile">
                                <ul class="list-unstyled">
                                    <li {{#if isUk}} class="current" {{/if}} style="display:none;"><a rel="nofollow"
                                            href="#" class="lang-item" short-lang="ru">{{t.rus}}</a></li>
                                    <li {{#if isRu}} class="current" {{/if}} style="display:none;"><a rel="nofollow"
                                            href="#" class="lang-item" short-lang="uk">{{t.ukr}}</a></li>
                                    <style>

                                    </style>
                                </ul>
                            </li>
                            <style>

                            </style>
                            <nav aria-label="main navigation" class="grid-row">
                                <a rel="nofollow" class="show-menu" href="javascript:void(0);">
                                    <span class="is-visually-hidden">{{t.menu}}</span>
                                </a>
                                <span class="logo">
                                    <a rel="nofollow" href="/">
                                        {{#if custom.logo_url}}
                                        <img class="logo-large" src="{{custom.logo_url}}" alt="Renault Logo" />
                                        {{else}}
                                        <img class="logo-large"
                                            src="{{urlToFrontend}}/img/renault_english_logo_desktop.png"
                                            alt="Renault Logo" />
                                        {{/if}}
                                        {{#if custom.m_logo_url}}
                                        <img class="logo-small" src="{{custom.m_logo_url}}" alt="Renault Logo" />
                                        {{else}}
                                        <img class="logo-small" src="{{urlToFrontend}}/img/renault_mobile_logo.png"
                                            alt="Renault Logo" />
                                        {{/if}}

                                    </a>
                                </span>

                                <a rel="nofollow" href="{{urlToHome}}" class="page-title-group">
                                    <h1 class="page-title">{{t.renault_in_ukraine}}</h1>
                                    <h2 class="page-subtitle">{{t.renault_sub_title}}</h2>
                                    <h2 class="page-subtitle2">{{t.renault_sub_title2}}</h2>
                                </a>
                                <div class="pageNavigation primaryNav">
                                    <ul class=nav-primary itemscope itemtype="http://schema.org/SiteNavigationElement">
                                        <li class="visible-mobile">
                                            <a href="{{urlToHome}}" class="ajaxLink">{{t.home}}
                                            </a>
                                        </li>

                                        {{#each menu}}
                                        <li>
                                            {{#if submenu}}
                                            <span class="nav-dropdown-toggle link-style">{{title}}</span>
                                            <div class="nav-dropdown">
                                                <ul>
                                                    {{#each submenu}}
                                                    <li><a href="{{host}}{{url}}"
                                                            class="dropdown ajaxLink" title="{{title}}">{{title}}
                                                        </a>
                                                    </li>
                                                    {{/each}}
                                                </ul>
                                            </div>
                                            {{else}}
                                            <a class="dropdown ajaxLink" href="{{host}}{{url}}"
                                                title="{{title}}">
                                                {{title}}
                                            </a>
                                            {{/if}}
                                        </li>
                                        {{/each}}
                                    </ul>
                                </div>
                            </nav>
                            <ul class="nav-global-small">
                                <li>
                                    <a rel="nofollow" href="https://renault.ua" target="_blank">
                                        {{t.main_site}}
                                    </a>
                                </li>
                                <li class="login">
                                    <a rel="nofollow" class="not-logged-in-state" href="#" data-adobe-tagging=""
                                        class="ajaxLink">
                                        {{t.my_renault}}
                                    </a>
                                    <a rel="nofollow" class="logged-in-state see-profile" href="#" class="ajaxLink"
                                        data-adobe-tagging="my-account">
                                        <img class="lazyload" data-src="#">
                                        <span></span>
                                    </a>
                                </li>
                                <li>
                                    {{#each topmenu}}
                                    {{#if submenu}}
                                    <span class="nav-dropdown-toggle link-style">{{title}}</span>
                                    <div class="nav-dropdown">
                                        <ul>
                                            {{#each submenu}}
                                            <li><a href="{{host}}{{url}}" class="dropdown ajaxLink"
                                                    title="{{title}}">{{title}} </a> </li>
                                            {{/each}}
                                        </ul>
                                    </div>
                                    {{/if}}
                                    {{/each}}
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="nav-mask"></div>
            </div>
        </header>
    </div>
</div>

{{#if domain_after_body}}
<p>{{{domain_after_body}}}</p>
{{/if}}
<script>
    $(document).ready(function () {
        var tm_nav = null;
        $('.show-menu').click(function (e) {
            e.preventDefault();

            $('.nav-container').css({ 'min-height': $(window).height() });
            clearTimeout(tm_nav);
            $('html, body').addClass('nav-is-activated');
            tm_nav = setTimeout(function () {
                $('.nav-root').addClass('nav-is-open');
            }, 20);
        });
        $('.close-menu').click(function (e) {
            e.preventDefault();
            clearTimeout(tm_nav);
            $('.nav-root').removeClass('nav-is-open');
            tm_nav = setTimeout(function () {
                $('html, body').removeClass('nav-is-activated');
                $('.nav-container').removeAttr('style');
            }, 300);
        });




        $(document).click(function (e) {
            $('.nav-dropdown-toggle').parent('li.active').not($(e.target).parent()).removeClass('active');
        });

        $('.nav-dropdown-toggle').click(function () {



            var $this = $(this),
                $parent = $(this).parent('li');

            $parent.toggleClass('active');
        });


    });

    $('li.services').click(function () {
        $(this).toggleClass('expanded');
    });
    $('li.services ul li a.dropdown').on('click', function () {
        $('li.services').removeClass('expanded');
    });
</script>
<style>
    /* li.lang-choose.mobile {
      float: right;
      padding: 18px;
  } */
    li.current {
        display: block !important;
    }
</style>