{{{style}}}
<div>
    <div class="GDHeaderTop">
        <div id="redBanner" style="display: none;">
            <div class="container-fluid GDHeaderTop__banner brandbackground">
                <div class="custom">
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-12 col-sm-6 col-md-7 col-lg-7">
                                <p class="GDHeaderTop__banner__left">
                                    {{redBanner.choose}}
                                </p>
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-5 col-lg-5">
                                <div class="GDHeaderTop__banner__right">
                                    <div class="GDHeaderTop__banner__right__input js-redBannerCountrySel"
                                        style="cursor: pointer;" data-toggle="modal" data-target="#regionForm"
                                        title="RegionlForm" data-linkloc="topmenu">
                                        <img loading="lazy" src="{{blank_gif}}" id="redBannerCountryCode" class="flag flag-{{countryCode}}"
                                            alt="">
                                        <h5 class="GDHeaderTop__banner__right__h5" id="redBannerCountryName">{{countryName}}</h5>
                                    </div>
                                    <div class="GDHeaderTop__banner__right__button js-redBannerContinue">
                                        <a class="brandcolor" style="text-align: center;" href="{{continueLink}}"
                                            id="continueLink" data-cx-lang="{{userRegLang}}"
                                            data-cx-flag="{{userRegFlag}}" data-cx-site="{{siteId}}">
                                            {{redBanner.continue}}
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <i id="regionFormDialogClose" data-cx-site="{{siteId}}" data-cx-lang="{{pageLanguageCode}}"
                        class="fas fa-times ex" style="cursor: pointer;"></i>
                </div>
            </div>
        </div>
        <div class="GDHeaderTop__language-region-modal">
            <div class="modal fade" id="regionForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                data-gtm="region-open">
                <div class="modal fade in forms" id="regionForm" tabindex="-1" role="dialog"
                    aria-labelledby="countryselector" style="display: block;" aria-hidden="false">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <div class="modal-header">
                                    <button type="button" class="close_tabs" data-dismiss="modal"
                                        data-gtm="region-closed" id="regionFormDialogCloseButton"></button>
                                    <h2 class="modal-title brandcolor selectCountryRegionLabel">{{fields.modalTitle}}
                                    </h2>
                                </div>
                                <div class="modal-body">
                                    <p class="currentRegionSez">
                                        <span class="currentRegionLabel js-modal-span-reg-title">{{fields.modalSubtitle}}</span>
                                        <img loading="lazy" src="{{blank_gif}}" alt="" class="flag-{{CurrentCountryCode}} flag js-modal-span-reg-flag">
                                        <span class="js-modal-span-reg-lang">{{{labelLanguageSelector}}}</span>
                                    </p>
                                    <div class="GDHeaderTop__language-region-modal__regions">

                                        {{#languageSelector}}
                                        {{#fields}}
                                        <accordion class="">
                                            {{#continents.list}}
                                            {{#.}}
                                            <div class="panel-group">
                                                <div class="panels04 panel panel-default">
                                                    <div class="panel-heading">
                                                        <h4 class="panel-title"
                                                            id="panelsStayOpen-heading{{ContinentId}}">
                                                            <a class="accordion-toggle" type="button"
                                                                data-toggle="collapse"
                                                                data-target="#panelsStayOpen-collapse{{ContinentId}}"
                                                                aria-expanded="false"
                                                                aria-controls="panelsStayOpen-collapse{{ContinentId}}">
                                                                {{ContinentName}}
                                                                <i id="moveArrow{{ContinentId}}"
                                                                    class="fas fa-arrow-down pull-right js-accordionArrow"></i>
                                                            </a>
                                                        </h4>
                                                    </div>
                                                    <div id="panelsStayOpen-collapse{{ContinentId}}"
                                                        class="panel-collapse collapse"
                                                        aria-labelledby="panelsStayOpen-heading{{ContinentId}}">
                                                        <div class="panel-body">
                                                            {{#countries.listModal}}
                                                            {{#.}}
                                                            <div class="col-md-4">
                                                                <a class="country" data-cx-lang="{{languageCode}}"
                                                                    data-cx-flag="{{CountryFlag}}"
                                                                    data-cx-site="{{siteId}}" data-cx-link={{full_link}}
                                                                    target="_self" {{{hrefLink}}}>
                                                                    <img loading="lazy" alt="{{CountryName}}"
                                                                        src="{{blank_gif}}"
                                                                        class="flag-{{CountryFlag}} flag ">{{CountryName}}({{languageCode}})
                                                                </a>
                                                            </div>
                                                            {{/.}}
                                                            {{/countries.listModal}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{/.}}
                                            {{/continents.list}}
                                        </accordion>
                                        {{/fields}}
                                        {{/languageSelector}}

                                        {{^languageSelector}}
                                        {{^fields}}
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="global-loading loadingLanguages" style="margin-top: 50px;">
                                                    <svg id="load" x="0px" y="0px" viewBox="0 0 150 150">
                                                        <circle id="loading-inner" cx="75" cy="75" r="60"
                                                            style="stroke: whitesmoke;"></circle>
                                                    </svg>
                                                </div>
                                            </div>
                                        </div>
                                        {{/fields}}
                                        {{/languageSelector}}

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="container-fluid GDHeaderTop__main">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <div class="row">
                            {{#languageSelector}}
                            <div class="col-md-7">
                                <div class="GDHeaderTop__language-region-cont js-globalLanguageSel"
                                    style="cursor: pointer;">
                                    <div class="GDHeaderTop__language-region-visible" data-toggle="modal"
                                        data-target="#regionForm" title="RegionlForm" data-linkloc="topmenu">
                                        <svg class="GDHeaderTop__language-region-cont__svg1" width="25" height="25"
                                            viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                            <g fill="#6c798b" stroke="#000" stroke-opacity="0">
                                                <path
                                                    d="m11 6c2.206 0 4 1.794 4 4s-1.794 4-4 4c-2.204 0-3.998-1.794-3.998-4s1.794-4 3.998-4m0-2c-3.314 0-5.998 2.686-5.998 6s2.684 6 5.998 6c3.312 0 6-2.688 6-6 0-3.314-2.688-6-6-6z">
                                                </path>
                                                <path
                                                    d="m17 20h-4v-1.23c1.641-0.371 3.146-1.188 4.363-2.406 1.699-1.699 2.637-3.96 2.637-6.363 0-2.067-0.691-4.028-1.968-5.619l0.675-0.673c0.391-0.391 0.391-1.023 1e-3 -1.415-0.392-0.392-1.024-0.39-1.415-1e-3l-2.052 2.049 0.708 0.708c1.322 1.321 2.051 3.08 2.051 4.95s-0.729 3.627-2.051 4.949-3.079 2.051-4.949 2.051-3.627-0.729-4.949-2.051c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.023 0 1.414 1.699 1.699 3.959 2.637 6.363 2.637v1h-4c-0.553 0-1 0.447-1 1s0.447 1 1 1h10c0.553 0 1-0.447 1-1s-0.447-1-1-1z">
                                                </path>
                                                <ellipse cx="11.002" cy="9.9597" rx="6.015" ry="6.0649"
                                                    stroke-width="null"></ellipse>
                                            </g>
                                        </svg>
                                        <svg class="GDHeaderTop__language-region-cont__svg2"
                                            data-gtm="CTA_NewNavbar_Region" viewBox="-5 0 250 30" height="25">
                                            <text class="GDHeaderTop__language-region-cont__h5 js-text-header-lang" x="18" y="29">
                                                {{labelLanguageSelector}}
                                            </text>
                                        </svg>
                                    </div>
                                </div>
                            </div>
                            {{/languageSelector}}

                            <div class="col-md-5">
                                {{#fields.linksLeftSide}}
                                {{#.}}
                                <div class="GDHeaderTop__sales-cont">
                                    <div class="GDHeaderTop__office-locator">
                                        <a href="{{{fields.full_link}}}" data-gtm="{{fields.fieldGtmSuffix}}" 
                                        linktype ="{{linktype}}" siteid="{{siteid}}" target="{{target}}" 
                                            class="GDHeaderTop__office-locator__a">
                                            <i class="fas fa-building"></i>
                                            {{{fields.linkTitle}}}
                                        </a>
                                    </div>
                                </div>
                                {{/.}}
                                {{/fields.linksLeftSide}}
                            </div>

                        </div>
                    </div>
                    <div class="col-md-8">
                        <div class="GDHeaderTop__right">
                            {{#fields.add_search}}
                            <div class="GDHeaderTop__search-input">
                                <form method="get" autocomplete="off" action="{{add_search_link}}" id="demo-2">
                                    <input type="search" name="addsearch" placeholder="Search"
                                        data-gtm="CTA_NewNavbar_Search">
                                </form>
                            </div>
                            {{/fields.add_search}}

                            {{#fields.yext_ansswers}}
                            <div class="search-form" style="display:inline-flex;"></div>
                            {{/fields.yext_ansswers}}

                            {{#fields.linksRightSide}}
                            {{#.}}
                            <div class="GDHeaderTop__CTA">
                                <a 
                                data-cta-link="{{{fields.full_link}}}" 
                                data-gtm="{{fields.fieldGtmSuffix}}"
                                data-url-type="{{fields.url_type}}"
                                linktype ="{{linktype}}" siteid="{{siteid}}" target="{{target}}"
                                class="{{fields.link_format_class}} js-headerLink">{{{fields.linkTitle}}}</a>
                            </div>
                            {{/.}}
                            {{/fields.linksRightSide}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="Header" class="GDHeader-New ">
        <div class="container-fluid ">
            <div class="container containerMobile">
                <div class="row">
                    <div class="col-sm-3 col-xs-6">
                        <div class="logo-container">
                            <a href="{{logo_link}}" class="c_logo__link">{{siteId}}</a>
                        </div>
                    </div>
                    <div class="col-sm-9">
                        <nav class="GD-Dropdown hidden-sm hidden-xs pull-right">

                            <ul id="level1" class="dd_menu_parent dd_menu_list">

                                {{#menu}}
                                <li id="H-{{id}}" class="dd_menu_item childbrandcolorhover {{afterTriangle}}">
                                    <a class="dd_item_link {{dd_after}}" href="{{link}}"  linktype ="{{linktype}}" siteid="{{siteid}}" target="{{target}}">
                                        {{name}}
                                    </a>


                                    {{#showSubMenu}}
                                    <div class="dd_menu_list_group_level_2" style="{{style}}">
                                        <ul class="dd_menu_sublist level_2">
                                            {{{scroller}}}
                                            {{#children}}
                                            <li id='{{id_D}}' class="dd_menu_item_level_2 childbrandcolorhover">
                                                <a class="dd_menu_item_link level-2 {{dd_after2}}" href="{{link}}"  linktype ="{{linktype}}" siteid="{{siteid}}" target="{{target}}">
                                                    {{name}}
                                                </a>
                                                {{#isLastItem}}
                                                {{#image}}
                                                <a href="{{link}}"  linktype ="{{linktype}}" siteid="{{siteid}}" target="{{target}}"
                                                    class="dd_item_info_level_common dd_item_info_level_2">
                                                    <img class="dd_item_info_level_2_image image-menu" src="{{image}}"
                                                        height="150" width="150" alt="{{name}}">
                                                    {{{header_description}}}
                                                </a>
                                                {{/image}}
                                                {{/isLastItem}}


                                                {{#showSubMenu}}
                                                <ul class="dd_menu_list_group_level_3 dd_menu_sublist level_3"
                                                    style="width: 748px;">
                                                    {{#children}}
                                                    <li id='{{id_D}}'
                                                        class="dd_menu_item_level_3 childbrandcolorhover force-overflow">
                                                        <a class="dd_menu_item_link level-3 {{dd_after2}}"  linktype ="{{linktype}}" siteid="{{siteid}}" target="{{target}}" href="{{link}}">
                                                            {{name}}
                                                        </a>
                                                        {{#isLastItem}}
                                                        {{#image}}
                                                        <a href="{{link}}"
                                                        linktype ="{{linktype}}" siteid="{{siteid}}" target="{{target}}"
                                                            class="dd_item_info_level_common dd_item_info_level_3">
                                                            <img class="dd_item_info_level_3_image image-menu"
                                                                src="{{image}}" height="150" width="150" alt="{{name}}">
                                                            {{{header_description}}}
                                                        </a>
                                                        {{/image}}
                                                        {{/isLastItem}}

                                                        {{#showSubMenu}}
                                                        <div class="dd_menu_list_group_level_4">
                                                            <ul class="dd_menu_sublist level_4">
                                                                {{#children}}
                                                                <li id='{{id_D}}'
                                                                    class="dd_menu_item_level_4 childbrandcolorhover force-overflow">
                                                                    <a class="dd_menu_item_link {{dd_after2}}"
                                                                    linktype ="{{linktype}}" siteid="{{siteid}}" target="{{target}}"
                                                                        href="{{link}}">
                                                                        {{name}}
                                                                    </a>
                                                                    {{#isLastItem}}
                                                                    {{#image}}
                                                                    <a href="{{link}}"
                                                                    linktype ="{{linktype}}" siteid="{{siteid}}" target="{{target}}"
                                                                        class="dd_item_info_level_common dd_item_info_level_4">
                                                                        <img class="dd_item_info_level_4_image image-menu"
                                                                            src="{{image}}" height="150" width="150" alt="{{name}}">
                                                                        {{{header_description}}}
                                                                    </a>
                                                                    {{/image}}
                                                                    {{/isLastItem}}
                                                                </li>
                                                                {{/children}}
                                                            </ul>
                                                        </div>
                                                        {{/showSubMenu}}


                                                    </li>
                                                    {{/children}}
                                                </ul>
                                                {{/showSubMenu}}

                                            </li>
                                            {{/children}}
                                        </ul>
                                    </div>
                                    {{/showSubMenu}}


                                </li>
                                {{/menu}}


                            </ul>

                        </nav>
                    </div>

                    <div class="col-sm-9 col-xs-6 hideMobileMenu">
                        <nav id="menu"
                            class="mobile-menu-inner mm-menu_fx-menu-zoom mm-menu_pagedim-black mm-menu_theme-white mm-menu_fullscreen mm-menu_fx-listitems-slide mm-menu_border-none mm-menu_listview-justified">
                            <a class="mm-btn pull-right closebutton" href="#mm-0" aria-owns="mm-0">
                                <i class="fas fa-times"></i>
                            </a>
                            <ul>

                                {{#menu}}
                                <li>
                                    <a href="{{link}}"  linktype ="{{linktype}}" siteid="{{siteid}}" target="{{target}}">{{name}}</a>
                                    {{#showSubMenu}}
                                    <div>
                                        <ul>
                                            {{#children}}
                                            <li>
                                                <a href="{{link}}"  linktype ="{{linktype}}" siteid="{{siteid}}" target="{{target}}">{{name}}</a>
                                                {{#showSubMenu}}
                                                <div>
                                                    <ul>
                                                        {{#children}}
                                                        <li>
                                                            <a href="{{link}}"  linktype ="{{linktype}}" siteid="{{siteid}}" target="{{target}}">{{name}}</a>
                                                        </li>
                                                        {{/children}}
                                                    </ul>
                                                </div>
                                                {{/showSubMenu}}
                                            </li>
                                            {{/children}}
                                        </ul>
                                    </div>
                                    {{/showSubMenu}}
                                </li>
                                {{/menu}}

                                {{#fields.linksRightSide}}
                                {{#.}}
                                <li id="{{id}}">
                                    <a 
                                    data-url-type="{{fields.url_type}}"
                                    data-cta-link="{{{fields.full_link}}}" 
                                    linktype ="{{linktype}}" siteid="{{siteid}}" target="{{target}}"
                                    class="js-headerLink">{{{fields.linkTitle}}}</a>
                                </li>
                                {{/.}}
                                {{/fields.linksRightSide}}

                                <li>
                                    <a id="region"> {{labelLanguageSelector}} - {{fields.change_region}}</a>
                                    <ul id="templateMobile" class="mm-listview">

                                        {{#languageSelector.fields}}

                                        {{#continents.list}} {{#.}}
                                        <li>
                                            <a href="#" class="ng-binding">{{ContinentName}}</a>
                                            <ul>
                                                {{#countries.listModal}}
                                                {{#.}}
                                                <li>
                                                    <a id="itemMobile" class="country ng-binding"
                                                        data-cx-lang="{{languageCode}}" data-cx-flag="{{CountryFlag}}"
                                                        data-cx-site="{{siteId}}" data-cx-link={{full_link}}
                                                        {{{hrefLink}}}>
                                                        <img loading="lazy" src="{{blank_gif}}" alt="Spacer"
                                                            class="flag-{{CountryFlag}} flag GDHeaderTop__language-region-modal__regions__image">{{CountryName}}({{languageCode}})
                                                    </a>
                                                </li>
                                                {{/.}}
                                                {{/countries.listModal}}
                                            </ul>
                                        </li>
                                        {{/.}} {{/continents.list}}

                                        {{/languageSelector.fields}}
                                    </ul>
                                </li>
                            </ul>
                        </nav>
                        <a id="hamburger" href="#menu" class="openbtn pull-right hidden-md hidden-lg">
                            <div class="bar1 brandbackground"></div>
                            <div class="bar2 brandbackground"></div>
                            <div class="bar3 brandbackground"></div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div>
    <div class="CoockieMessageTimeOut" data-timeout="{{{fields.cookie_alert_timeout}}}"></div>
    <div class="cl-banner" style="display: none;">
        <p>
            {{{fields.cookie_alert_message}}}
            <br>
            <a class="cl-accept">OK</a>
            <a href="{{{fields.cookie_policy_link}}}" class="cl-policy">Cookie Policy</a>
        </p>
    </div>
    {{#hydrateData}}
    <div class="data-container-hydrate-header" data-hydrate="{{hydrateData}}"></div>
    {{/hydrateData}}
</div>