<!DOCTYPE html>
<html lang="en">
<head>
<base href="https://preprod.pioneerdj.com">
<script src="/Bundles/JsHeader/?v=BMne-U6Vgal8q3NFbvZfdgOMUnIfzy_RdwlKQDCSjtg1"></script>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Pioneer DJ">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
<link href="https://plus.google.com/u/0/+pioneerdjglobal" rel="publisher" />
<link href="/Content/img/app/apple-touch-icon-precomposed-152.png" sizes="152x152" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-144.png" sizes="144x144" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-76.png" sizes="76x76" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-72.png" sizes="72x72" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-120.png" sizes="120x120" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-114.png" sizes="114x114" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-57.png" sizes="57x57" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-startup-image-1536x2008.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-1496x2048.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-768x1004.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: portrait)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-748x1024.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: landscape)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-1242x2148.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-1182x2208.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-750x1294.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-640x1096.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-640x920.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-320x460.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<script>
(function() {
['main', /*'reskin-theme-2020',*/ 'reskin-theme-2022'].forEach(name => {
const link = document.createElement('link');
link.rel = 'stylesheet';
link.href = name.includes('http') ? name : `${window.location.origin}/styles/${name}.css`;
document.head.appendChild(link);
});
}());
</script>
</head>
<div id="wrapper">
<section class="countrySelect">
<div class="countrySelect__inner">
<header class="sectionHeader sectionHeader--light">
<h2 class="sectionHeader__title heading heading--2 heading--fancy heading--centered">Select your location</h2>
</header>
<div class="countrySelect__content">
<div class="countrySelect__area">
<div class="countrySelect__trigger">
<div class="countrySelect__visual">
<span class="countrySelect__image" style="background-image: url('../../Content/img/countrySelect/countrySelect--americas.png');"></span>
</div>
<h3 class="countrySelect__title heading heading--4">Americas<span class="countrySelect__triggerIcon"></span>
</h3>
</div>
<div class="countrySelect__countries">
<ul class="countrySelect__list">
<li class="countrySelect__item"><a href="/en-us/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-US"></span></span>United States of America</a>
</li>
<li class="countrySelect__item"><a href="/es-419/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-INT"></span></span>América Latina</a></li>
<li class="countrySelect__item"><a href="/en/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-CA"></span></span>Canada</a></li>
<li class="countrySelect__item"><a href="/pt-br/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-BR"></span></span>Brazil</a></li>
</ul>
</div>
</div>
<div class="countrySelect__area">
<div class="countrySelect__trigger">
<div class="countrySelect__visual">
<span class="countrySelect__image" style="background-image: url('../../Content/img/countrySelect/countrySelect--europe.png');"></span>
</div>
<h3 class="countrySelect__title heading heading--4">Europe<span class="countrySelect__triggerIcon"></span>
</h3>
</div>
<div class="countrySelect__countries">
<ul class="countrySelect__list">
<li class="countrySelect__item"><a href="/es-es/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-ES"></span></span>España</a></li>
<li class="countrySelect__item"><a href="/nl-nl/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-NL"></span></span>Nederland</a></li>
<li class="countrySelect__item"><a href="/pt-pt/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-PT"></span></span>Portugal</a></li>
<li class="countrySelect__item"><a href="/it-it/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-IT"></span></span>Italia</a></li>
<li class="countrySelect__item"><a href="/fr-fr/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-FR"></span></span>France</a></li>
<li class="countrySelect__item"><a href="/de-de/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-DE"></span></span>Deutschland</a></li>
<li class="countrySelect__item"><a href="/en-gb/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-GB"></span></span>United Kingdom</a></li>
<li class="countrySelect__item"><a href="/ru-ru/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-RU"></span></span>Россия</a></li>
<li class="countrySelect__item"><a href="/en-gb/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-EU"></span></span>Rest of Europe</a></li>
<li class="countrySelect__item"><a href="/pl-pl/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-PL"></span></span>Poland</a></li>
<li class="countrySelect__item"><a href="/ro-ro/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-RO"></span></span>Romania</a></li>
</ul>
</div>
</div>
<div class="countrySelect__area">
<div class="countrySelect__trigger">
<div class="countrySelect__visual">
<span class="countrySelect__image" style="background-image: url('../../Content/img/countrySelect/countrySelect--asia.png');"></span>
</div>
<h3 class="countrySelect__title heading heading--4">Asia pacific<span class="countrySelect__triggerIcon"></span></h3>
</div>
<div class="countrySelect__countries">
<ul class="countrySelect__list">
<li class="countrySelect__item"><a href="/ja-jp/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-JP"></span></span>日本</a></li>
<li class="countrySelect__item"><a href="/en-au/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-AU"></span></span>Australia</a></li>
<li class="countrySelect__item"><a href="/zh-cn/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-CN"></span></span>中国</a></li>
<li class="countrySelect__item"><a href="/hi-in/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-IN"></span></span>India</a></li>
</ul>
</div>
</div>
</div>
<div class="countrySelect__targetList"></div>
<div class="countrySelect__footer">
<div class="countrySelect__note">
is your country not on the list?<br>
<strong>visit our global website</strong>
</div>
<div class="countrySelect__cta">
<a href="/en" class="button"><span class="button__label">Visit global website</span></a>
</div>
</div>
</div>
</section>
</div>
<script src="/Bundles/JsFooter/?v=_j_zkOObmlcWwjmfxQnYRkl_uQ27wT1CogmFZxvaJns1"></script>
<script>
var countrySelectorModule = (function() {
var makeActive = function() {
$('.countrySelect__link').filter(function(i) {
if (this.getAttribute('href') === "/en/") {
return this;
}
}).addClass('is-active');
};
return {
makeActive: makeActive
};
})();
$(function() {
countrySelectorModule.makeActive();
});
</script>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="https://preprod.pioneerdj.com">
<script src="/Bundles/JsHeader/?v=BMne-U6Vgal8q3NFbvZfdgOMUnIfzy_RdwlKQDCSjtg1"></script>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Pioneer DJ">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
<link href="https://plus.google.com/u/0/+pioneerdjglobal" rel="publisher" />
<link href="/Content/img/app/apple-touch-icon-precomposed-152.png" sizes="152x152" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-144.png" sizes="144x144" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-76.png" sizes="76x76" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-72.png" sizes="72x72" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-120.png" sizes="120x120" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-114.png" sizes="114x114" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-57.png" sizes="57x57" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-startup-image-1536x2008.jpg"
media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-1496x2048.jpg"
media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-768x1004.jpg"
media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: portrait)"
rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-748x1024.jpg"
media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: landscape)"
rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-1242x2148.jpg"
media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-1182x2208.jpg"
media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-750x1294.jpg"
media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-640x1096.jpg"
media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-640x920.jpg"
media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-320x460.jpg"
media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)"
rel="apple-touch-startup-image">
{{!-- <link href="/Content/css/theme2020/main.css" rel="stylesheet" type="text/css" /> --}}
{{!-- <link href="/Content/css/theme2020/reskin-theme-2022.css" rel="stylesheet" type="text/css" /> --}}
<script>
(function () {
['main', /*'reskin-theme-2020',*/ 'reskin-theme-2022'].forEach(name => {
const link = document.createElement('link');
link.rel = 'stylesheet';
link.href = name.includes('http') ? name : `${window.location.origin}/styles/${name}.css`;
document.head.appendChild(link);
});
}());
</script>
</head>
<div id="wrapper">
<section class="countrySelect">
<div class="countrySelect__inner">
<header class="sectionHeader sectionHeader--light">
<h2 class="sectionHeader__title heading heading--2 heading--fancy heading--centered">Select your location</h2>
</header>
<div class="countrySelect__content">
<div class="countrySelect__area">
<div class="countrySelect__trigger">
<div class="countrySelect__visual">
<span class="countrySelect__image"
style="background-image: url('../../Content/img/countrySelect/countrySelect--americas.png');"></span>
</div>
<h3 class="countrySelect__title heading heading--4">Americas<span class="countrySelect__triggerIcon"></span>
</h3>
</div>
<div class="countrySelect__countries">
<ul class="countrySelect__list">
<li class="countrySelect__item"><a href="/en-us/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-US"></span></span>United States of America</a>
</li>
<li class="countrySelect__item"><a href="/es-419/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-INT"></span></span>América Latina</a></li>
<li class="countrySelect__item"><a href="/en/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-CA"></span></span>Canada</a></li>
<li class="countrySelect__item"><a href="/pt-br/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-BR"></span></span>Brazil</a></li>
</ul>
</div>
</div>
<div class="countrySelect__area">
<div class="countrySelect__trigger">
<div class="countrySelect__visual">
<span class="countrySelect__image"
style="background-image: url('../../Content/img/countrySelect/countrySelect--europe.png');"></span>
</div>
<h3 class="countrySelect__title heading heading--4">Europe<span class="countrySelect__triggerIcon"></span>
</h3>
</div>
<div class="countrySelect__countries">
<ul class="countrySelect__list">
<li class="countrySelect__item"><a href="/es-es/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-ES"></span></span>España</a></li>
<li class="countrySelect__item"><a href="/nl-nl/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-NL"></span></span>Nederland</a></li>
<li class="countrySelect__item"><a href="/pt-pt/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-PT"></span></span>Portugal</a></li>
<li class="countrySelect__item"><a href="/it-it/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-IT"></span></span>Italia</a></li>
<li class="countrySelect__item"><a href="/fr-fr/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-FR"></span></span>France</a></li>
<li class="countrySelect__item"><a href="/de-de/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-DE"></span></span>Deutschland</a></li>
<li class="countrySelect__item"><a href="/en-gb/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-GB"></span></span>United Kingdom</a></li>
<li class="countrySelect__item"><a href="/ru-ru/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-RU"></span></span>Россия</a></li>
<li class="countrySelect__item"><a href="/en-gb/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-EU"></span></span>Rest of Europe</a></li>
<li class="countrySelect__item"><a href="/pl-pl/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-PL"></span></span>Poland</a></li>
<li class="countrySelect__item"><a href="/ro-ro/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-RO"></span></span>Romania</a></li>
</ul>
</div>
</div>
<div class="countrySelect__area">
<div class="countrySelect__trigger">
<div class="countrySelect__visual">
<span class="countrySelect__image"
style="background-image: url('../../Content/img/countrySelect/countrySelect--asia.png');"></span>
</div>
<h3 class="countrySelect__title heading heading--4">Asia pacific<span
class="countrySelect__triggerIcon"></span></h3>
</div>
<div class="countrySelect__countries">
<ul class="countrySelect__list">
<li class="countrySelect__item"><a href="/ja-jp/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-JP"></span></span>日本</a></li>
<li class="countrySelect__item"><a href="/en-au/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-AU"></span></span>Australia</a></li>
<li class="countrySelect__item"><a href="/zh-cn/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-CN"></span></span>中国</a></li>
<li class="countrySelect__item"><a href="/hi-in/" class="countrySelect__link"><span
class="countrySelect__flag"><span class="flag flag-IN"></span></span>India</a></li>
</ul>
</div>
</div>
</div>
<div class="countrySelect__targetList"></div>
<div class="countrySelect__footer">
<div class="countrySelect__note">
is your country not on the list?<br>
<strong>visit our global website</strong>
</div>
<div class="countrySelect__cta">
<a href="/en" class="button"><span class="button__label">Visit global website</span></a>
</div>
</div>
</div>
</section>
</div>
<script src="/Bundles/JsFooter/?v=_j_zkOObmlcWwjmfxQnYRkl_uQ27wT1CogmFZxvaJns1"></script>
<script>
var countrySelectorModule = (function () {
var makeActive = function () {
$('.countrySelect__link').filter(function (i) {
if (this.getAttribute('href') === "/en/") {
return this;
}
}).addClass('is-active');
};
return {
makeActive: makeActive
};
})();
$(function () {
countrySelectorModule.makeActive();
});
</script>
</html>
/* No context defined. */
No notes defined.