<div class="country-location">
    <div class="container country-location-list__container-mobile-only">
        <h4 class="country-location__area-item-mobile js-area-item">
				<a href="/">Global</a>
			</h4>
        <ul class="country-location__country-list--mobile js-country-list">
        </ul>
        <h4 class="country-location__area-item-mobile js-area-item">
					Americas
			</h4>
        <ul class="country-location__country-list--mobile js-country-list">
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Argentina‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Brazil</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Canada (English)</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Canada (Francais)</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Chile‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Colombia‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Ecuador‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Mexico</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Paraguay‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Peru‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Puerto Rico</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">United States</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Uruguay‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Venezuela‡</a>
            </li>
        </ul>
        <h4 class="country-location__area-item-mobile js-area-item">
					Europe
			</h4>
        <ul class="country-location__country-list--mobile js-country-list">
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Albania</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Austria</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Belarus</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Belgium (Belgie)</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Belgium (Belgique)</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Bulgaria‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Croatia‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Czech Republic‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Denmark</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Estonia‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Finland</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">France</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Georgia‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Germany</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Greece</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Hungary‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Italy</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Latvia</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Lithuania‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Moldova</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Netherlands</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Norway</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Poland</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Portugal</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Romania‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Russian Federation</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Serbia‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Slovakia‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Slovenia‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Spain</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Sweden</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Switzerland</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Turkey</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">UK &amp; Ireland</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Ukraine</a>
            </li>
        </ul>
        <h4 class="country-location__area-item-mobile js-area-item">
					Asia
			</h4>
        <ul class="country-location__country-list--mobile js-country-list">
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Brunei‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">China 中国</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Hong Kong</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">India</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Indonesia‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Japan日本</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Malaysia</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Pakistan</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Philippines‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Singapore</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">South Korea</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Sri Lanka‡</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Taiwan</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Thailand</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Vietnam</a>
            </li>
        </ul>
        <h4 class="country-location__area-item-mobile js-area-item">
					Australasia
			</h4>
        <ul class="country-location__country-list--mobile js-country-list">
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Australia</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">New Zealand</a>
            </li>
        </ul>
        <h4 class="country-location__area-item-mobile js-area-item">
					Middle East
			</h4>
        <ul class="country-location__country-list--mobile js-country-list">
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">Israel</a>
            </li>
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">United Arab Emirates</a>
            </li>
        </ul>
        <h4 class="country-location__area-item-mobile js-area-item">
					Africa
			</h4>
        <ul class="country-location__country-list--mobile js-country-list">
            <li class="country-location__country-item-mobile">
                <a class="country-location__country-link-mobile" href="#">South Africa</a>
            </li>
        </ul>
    </div>
    <div class="container country-location-list__container-desktop-only">
        <div class="grid__row">
            <div class="grid__column country-location__block" data-gridspan="12 M3">
                <div class="grid__row">
                    <div class="grid__column" data-gridspan="12">
                        <a class="country-location__area-Link" href="/">Global</a>
                    </div>
                </div>
                <div class="grid__row">
                    <div class="grid__column" data-gridspan="12">
                        <h4 class="country-location__area-item js-area-trigger" data-rel="1">Americas</h4>
                    </div>
                </div>
                <div class="grid__row">
                    <div class="grid__column" data-gridspan="12">
                        <h4 class="country-location__area-item js-area-trigger" data-rel="2">Europe</h4>
                    </div>
                </div>
                <div class="grid__row">
                    <div class="grid__column" data-gridspan="12">
                        <h4 class="country-location__area-item js-area-trigger" data-rel="3">Asia</h4>
                    </div>
                </div>
                <div class="grid__row">
                    <div class="grid__column" data-gridspan="12">
                        <h4 class="country-location__area-item js-area-trigger" data-rel="4">Australasia</h4>
                    </div>
                </div>
                <div class="grid__row">
                    <div class="grid__column" data-gridspan="12">
                        <h4 class="country-location__area-item js-area-trigger" data-rel="5">Middle East</h4>
                    </div>
                </div>
                <div class="grid__row">
                    <div class="grid__column" data-gridspan="12">
                        <h4 class="country-location__area-item js-area-trigger" data-rel="6">Africa</h4>
                    </div>
                </div>
            </div>
            <div class="country-location__country-list-container grid__column" data-gridspan="12 M9">
                <ul class="country-location__country-list" data-rel="0">
                    <div class="grid__row">
                    </div>
                </ul>
                <ul class="country-location__country-list" data-rel="1">
                    <div class="grid__row">
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Argentina‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Brazil</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Canada (English)</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Canada (Francais)</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Chile‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Colombia‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Ecuador‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Mexico</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Paraguay‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Peru‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Puerto Rico</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">United States</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Uruguay‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Venezuela‡</a></li>
                    </div>
                </ul>
                <ul class="country-location__country-list" data-rel="2">
                    <div class="grid__row">
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Albania</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Austria</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Belarus</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Belgium (Belgie)</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Belgium (Belgique)</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Bulgaria‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Croatia‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Czech Republic‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Denmark</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Estonia‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Finland</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">France</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Georgia‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Germany</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Greece</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Hungary‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Italy</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Latvia</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Lithuania‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Moldova</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Netherlands</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Norway</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Poland</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Portugal</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Romania‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Russian Federation</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Serbia‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Slovakia‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Slovenia‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Spain</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Sweden</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Switzerland</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Turkey</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">UK &amp; Ireland</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Ukraine</a></li>
                    </div>
                </ul>
                <ul class="country-location__country-list" data-rel="3">
                    <div class="grid__row">
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Brunei‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">China 中国</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Hong Kong</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">India</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Indonesia‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Japan日本</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Malaysia</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Pakistan</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Philippines‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Singapore</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">South Korea</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Sri Lanka‡</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Taiwan</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Thailand</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Vietnam</a></li>
                    </div>
                </ul>
                <ul class="country-location__country-list" data-rel="4">
                    <div class="grid__row">
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Australia</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">New Zealand</a></li>
                    </div>
                </ul>
                <ul class="country-location__country-list" data-rel="5">
                    <div class="grid__row">
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">Israel</a></li>
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">United Arab Emirates</a></li>
                    </div>
                </ul>
                <ul class="country-location__country-list" data-rel="6">
                    <div class="grid__row">
                        <li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">South Africa</a></li>
                    </div>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="country-location">
	<div class="container country-location-list__container-mobile-only">
			{{#each areas}}
			<h4 class="country-location__area-item-mobile js-area-item">
				{{#if areaLink}}
				<a href="{{areaLink}}">{{areaName}}</a>
				{{else}}
					{{areaName}}
				{{/if}}
			</h4>
			<ul class="country-location__country-list--mobile js-country-list">
				{{#each countries}}
						<li class="country-location__country-item-mobile">
							<a class="country-location__country-link-mobile" href="#">{{name}}</a>
						</li>
				{{/each}}
			</ul>
			{{/each}}
	</div>
	<div class="container country-location-list__container-desktop-only">
		<div class="grid__row">
			<div class="grid__column country-location__block" data-gridspan="12 M3">
			{{#each areas}}
				<div class="grid__row">
					<div class="grid__column" data-gridspan="12">
					{{#if areaLink}}
					<a class="country-location__area-Link" href="{{areaLink}}">{{areaName}}</a>
					{{else}}
					<h4 class="country-location__area-item js-area-trigger" data-rel="{{@index}}">{{areaName}}</h4>
					{{/if}}
					</div>
				</div>
			{{/each}}
			</div>
			<div class="country-location__country-list-container grid__column" data-gridspan="12 M9">
				{{#each areas}}
					<ul class="country-location__country-list" data-rel="{{@index}}">
						<div class="grid__row">
							{{#each countries}}
								<li class="country-location__country-item" data-gridspan="12 M6 L3"><a class="country-location__country-link" href="#">{{name}}</a></li>
							{{/each}}
						</div>
					</ul>
				{{/each}}
			</div>
		</div>
	</div>
</div>
{
    "areas": [
        {
            "areaName": "Global",
            "areaLink": "/"
        },
        {
            "areaName": "Americas",
            "countries": [
                {
                    "link": "/about-us/where-we-operate/americas/argentina/",
                    "name": "Argentina‡"
                },
                {
                    "link": "/about-us/where-we-operate/americas/brazil/",
                    "name": "Brazil"
                },
                {
                    "link": "/canada/",
                    "name": "Canada (English)"
                },
                {
                    "link": "/fr-canada/",
                    "name": "Canada (Francais)"
                },
                {
                    "link": "/about-us/where-we-operate/americas/chile/",
                    "name": "Chile‡"
                },
                {
                    "link": "/about-us/where-we-operate/americas/colombia/",
                    "name": "Colombia‡"
                },
                {
                    "link": "/about-us/where-we-operate/americas/equador/",
                    "name": "Ecuador‡"
                },
                {
                    "link": "/about-us/where-we-operate/americas/mexico/",
                    "name": "Mexico"
                },
                {
                    "link": "/about-us/where-we-operate/americas/paraguay/",
                    "name": "Paraguay‡"
                },
                {
                    "link": "/about-us/where-we-operate/americas/peru/",
                    "name": "Peru‡"
                },
                {
                    "link": "/about-us/where-we-operate/americas/puerto-rico/",
                    "name": "Puerto Rico"
                },
                {
                    "link": "/about-us/where-we-operate/americas/united-states/",
                    "name": "United States"
                },
                {
                    "link": "/recycle-bin/americas/uruguay/",
                    "name": "Uruguay‡"
                },
                {
                    "link": "/about-us/where-we-operate/americas/venezuela/",
                    "name": "Venezuela‡"
                }
            ]
        },
        {
            "areaName": "Europe",
            "countries": [
                {
                    "link": "/about-us/where-we-operate/europe/albania/",
                    "name": "Albania"
                },
                {
                    "link": "/about-us/where-we-operate/europe/austria/",
                    "name": "Austria"
                },
                {
                    "link": "/about-us/where-we-operate/europe/belarus/",
                    "name": "Belarus"
                },
                {
                    "link": "/belgie/",
                    "name": "Belgium (Belgie)"
                },
                {
                    "link": "/belgique/",
                    "name": "Belgium (Belgique)"
                },
                {
                    "link": "/about-us/where-we-operate/europe/bulgaria/",
                    "name": "Bulgaria‡"
                },
                {
                    "link": "/about-us/where-we-operate/europe/croatia-/",
                    "name": "Croatia‡"
                },
                {
                    "link": "/about-us/where-we-operate/europe/czech-republic/",
                    "name": "Czech Republic‡"
                },
                {
                    "link": "/danmark/",
                    "name": "Denmark"
                },
                {
                    "link": "/about-us/where-we-operate/europe/estonia-/",
                    "name": "Estonia‡"
                },
                {
                    "link": "/suomi/",
                    "name": "Finland"
                },
                {
                    "link": "http://www.smith-nephew.com/fr/france/",
                    "name": "France"
                },
                {
                    "link": "/about-us/where-we-operate/europe/georgia-/",
                    "name": "Georgia‡"
                },
                {
                    "link": "/deutschland/",
                    "name": "Germany"
                },
                {
                    "link": "/about-us/where-we-operate/europe/greece/",
                    "name": "Greece"
                },
                {
                    "link": "/about-us/where-we-operate/europe/hungary-/",
                    "name": "Hungary‡"
                },
                {
                    "link": "/italia/",
                    "name": "Italy"
                },
                {
                    "link": "/about-us/where-we-operate/europe/latvia-/",
                    "name": "Latvia"
                },
                {
                    "link": "/about-us/where-we-operate/europe/lithuania-/",
                    "name": "Lithuania‡"
                },
                {
                    "link": "/recycle-bin/europe/moldova/",
                    "name": "Moldova"
                },
                {
                    "link": "/nederland/",
                    "name": "Netherlands"
                },
                {
                    "link": "/norge/",
                    "name": "Norway"
                },
                {
                    "link": "http://www.smith-nephew.pl/",
                    "name": "Poland"
                },
                {
                    "link": "/about-us/where-we-operate/europe/portugal/",
                    "name": "Portugal"
                },
                {
                    "link": "/about-us/where-we-operate/europe/romania/",
                    "name": "Romania‡"
                },
                {
                    "link": "/about-us/where-we-operate/europe/russia/",
                    "name": "Russian Federation"
                },
                {
                    "link": "/about-us/where-we-operate/europe/serbia-/",
                    "name": "Serbia‡"
                },
                {
                    "link": "/about-us/where-we-operate/europe/slovakia-/",
                    "name": "Slovakia‡"
                },
                {
                    "link": "/about-us/where-we-operate/europe/slovenia-/",
                    "name": "Slovenia‡"
                },
                {
                    "link": "http://www.smith-nephew.com/about-us/where-we-operate/europe/spain/",
                    "name": "Spain"
                },
                {
                    "link": "/sverige/",
                    "name": "Sweden"
                },
                {
                    "link": "/about-us/where-we-operate/europe/switzerland/",
                    "name": "Switzerland"
                },
                {
                    "link": "/about-us/where-we-operate/europe/turkey/",
                    "name": "Turkey"
                },
                {
                    "link": "/uk/",
                    "name": "UK & Ireland"
                },
                {
                    "link": "/about-us/where-we-operate/europe/ukraine/",
                    "name": "Ukraine"
                }
            ]
        },
        {
            "areaName": "Asia",
            "countries": [
                {
                    "link": "/recycle-bin/asia/brunei/",
                    "name": "Brunei‡"
                },
                {
                    "link": "http://www.smith-nephew.com/zh-chs/china/",
                    "name": "China 中国"
                },
                {
                    "link": "/hong-kong/",
                    "name": "Hong Kong"
                },
                {
                    "link": "/india/",
                    "name": "India"
                },
                {
                    "link": "/about-us/where-we-operate/asia/indonesia/",
                    "name": "Indonesia‡"
                },
                {
                    "link": "/japan/",
                    "name": "Japan日本"
                },
                {
                    "link": "/about-us/where-we-operate/asia/malaysia/",
                    "name": "Malaysia"
                },
                {
                    "link": "/about-us/where-we-operate/asia/pakistan/",
                    "name": "Pakistan"
                },
                {
                    "link": "/about-us/where-we-operate/asia/philippines/",
                    "name": "Philippines‡"
                },
                {
                    "link": "/about-us/where-we-operate/asia/singapore/",
                    "name": "Singapore"
                },
                {
                    "link": "/about-us/where-we-operate/asia/south-korea/",
                    "name": "South Korea"
                },
                {
                    "link": "/about-us/where-we-operate/asia/sri-lanka/",
                    "name": "Sri Lanka‡"
                },
                {
                    "link": "/about-us/where-we-operate/asia/taiwan/",
                    "name": "Taiwan"
                },
                {
                    "link": "/about-us/where-we-operate/asia/thailand/",
                    "name": "Thailand"
                },
                {
                    "link": "/about-us/where-we-operate/asia/vietnam/",
                    "name": "Vietnam"
                }
            ]
        },
        {
            "areaName": "Australasia",
            "countries": [
                {
                    "link": "/australia/",
                    "name": "Australia"
                },
                {
                    "link": "/new-zealand/",
                    "name": "New Zealand"
                }
            ]
        },
        {
            "areaName": "Middle East",
            "countries": [
                {
                    "link": "/about-us/where-we-operate/middle-east/israel/",
                    "name": "Israel"
                },
                {
                    "link": "/about-us/where-we-operate/middle-east/united-arab-emirates/",
                    "name": "United Arab Emirates"
                }
            ]
        },
        {
            "areaName": "Africa",
            "countries": [
                {
                    "link": "/south-africa/",
                    "name": "South Africa"
                }
            ]
        }
    ]
}
.js .country-location {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.8s;
}
.js .country-location--active {
	max-height: 3000px;
	margin-top: 0;
}

.js .country-location__country-list {
	display: none;
}
.js .country-location__country-list--active {
	display: block;
}
.country-location {
	background: $grey--superlight;
	@include rem2px(font-size, 1.3);
}
.country-location-list__container-desktop-only {
	display:none;
}
@include mq($from: small) {
	.country-location__area-item {
		cursor: pointer;
		color: $black--off;
		background-color: $white;
		padding: 0.75em 0.5em;
	}
	.country-location__area-item--active { 
		background-color: $grey--light;
		position: relative;
		&:after {
			content: '';
			right:-17px;
			top:0;
			width: 17px;
			bottom: 0;
			position: absolute;
			background: $grey--light;
		}
	}
	.country-location__area-Link {
		cursor: pointer;
		color: $black--off;
		background-color: $white;
		font-family: 'smithnephewlfbold';
		display: block;
		@include rem2px(font-size, 1.6);
		padding: 0.75em 0.5em;
	}
	.country-location__area-item {
		  background-image: url('/assets/icons/arrow-right-grey.png');
		  background-image: url('/assets/icons/arrow-right-grey.svg');
		  background-repeat: no-repeat;
		  background-position: center right;
		  background-position-x: 98%;
		  background-size: 10px;
	}
	.country-location-list__container-desktop-only {
		margin-bottom: 1em;
		@include clearfix();
		display: block;
	}
	.country-location__country-list {
		padding: 1em;
		background: $grey--light;
		flex: 1 1 auto;
	}
	.country-location__country-link {
		padding: 0.5em;
		display: block;
		color: $grey--superdark;
	}
	.country-location__country-link--active,
	.country-location__country-link:hover{
		background-color: $grey;
	}
}
.country-location-list__container-mobile-only{
	display: none;
}
@include mq($until: small) {
	.country-location-list__container-mobile-only {
		margin-bottom: 1em;
		display: block;
	}
	.country-location__area-item-mobile {
		margin-bottom: 0.5em;
		padding: 1em;
		background: $white;
		cursor: pointer;
		position: relative;
		background-image: url('/assets/icons/arrow-down-grey.png');
		background-image: url('/assets/icons/arrow-down-grey.svg');
		background-repeat: no-repeat;
		background-position: center right;
		padding-right: 2.5em;
		background-size: 18px;
		background-position-x: 97%;
	}

	.country-location__area-item-mobile--active {
		transition: all 0.5s ease;
		background-image: url('/assets/icons/arrow-up-darkgrey.png');
		background-image: url('/assets/icons/arrow-up-darkgrey.svg');
		background-repeat: no-repeat;
		background-position: center right;
		background-size: 18px;
		background-position-x: 97%;
	}
	.country-location__country-link-mobile {
		color: $black--off;
		display: block;
		padding: 0.5em 1em;
	}
}
$(document).ready(function() {
	var allPanels = $('.js-country-list').hide();
    $('.js-area-item').on('click', function () {
        $this = $(this),
        $target = $this.next();
        if (!$target.hasClass('country-location__country-list-mobile--active')) {
        	$this.addClass('country-location__area-item-mobile--active');
        	$this.siblings('.js-area-item').removeClass('country-location__area-item-mobile--active');
            $this.parent().children('.js-country-list').removeClass('country-location__country-list-mobile--active').slideUp();
            $target.addClass('country-location__country-list-mobile--active').slideDown();
        }
        return false;
    });
    // desktop

    var $areaTrigger = $('.js-area-trigger');
	$areaTrigger.on('click', function(e) {
		var $this = $(this),
			relatedItem = $this.data('rel');
		$this.addClass('country-location__area-item--active');
		$this.parents('.country-location__block').find('.country-location__area-item').not($this).removeClass('country-location__area-item--active');


		$this.parents('.country-location-list__container-desktop-only').find(".country-location__country-list").not("[data-rel='"+relatedItem+"']").removeClass('country-location__country-list--active');
		$this.parents('.country-location-list__container-desktop-only').find(".country-location__country-list[data-rel='"+relatedItem+"']").addClass('country-location__country-list--active');
	});
});

There are no notes for this item.