product-overview: Update

300 × 150
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->

<head>

    <base href="https://test1.pioneerdj.com" />

    <!-- instructs google search engines not to show the page in search results -->
    <meta name="robots" content="noindex" />

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />

    <title>DDJ-FLX6 - 4-channel DJ controller for rekordbox and Serato DJ Pro</title>
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@PioneerDJglobal" />
    <meta name="twitter:creator" content="@PioneerDJglobal" />
    <meta name="description" content="Captivate your audience with the DDJ-FLX6 (Dark grey). Packing a host of brand-new features, this 4-channel unit makes it easy to hype up the audience, mix tracks from totally different musical genres, and spice up your sets with pro-sounding scratch effects.">
    <meta property="og:title" content="DDJ-FLX6 - 4-channel DJ controller for rekordbox and Serato DJ Pro" />
    <meta property="og:site_name" content="Pioneer DJ" />
    <meta property="og:url" content="https://test1.pioneerdj.com/en/product/controller/ddj-flx6/white/overview/" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="Captivate your audience with the DDJ-FLX6 (Dark grey). Packing a host of brand-new features, this 4-channel unit makes it easy to hype up the audience, mix tracks from totally different musical genres, and spice up your sets with pro-sounding scratch effects." />
    <meta property="og:image" content="https://www.pioneerdj.com/-/media/pioneerdj/images/products/controller/ddj-flx6/ddj-flx6_prm_angle_201015_pc.png" />
    <meta property="og:image:width" content="600" />
    <meta property="og:image:height" content="315" />
    <link rel="canonical" href="https://test1.pioneerdj.com/en/product/controller/ddj-flx6/white/overview/" />

    <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">
    <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/fonts-default.css" rel="stylesheet" type="text/css">
    <link href="/-/media/feature/experience-accelerator/bootstrap/bootstrap/styles/bootstrap.css" rel="stylesheet" />
    <link href="/-/media/themes/pioneer/pioneerdj/productredesign-theme/styles/main.css" rel="stylesheet" />
    <script type="text/javascript">
        function checkForSpecialCharacters(formData, toCheck) {
            var errors = {};
            toCheck.forEach(function(item) {
                if (formData != null && !formData[item].match(new RegExp('^((?![\<,\>,\&,\"]).)*$'))) {
                    errors[item] = 'This character can not be used.';
                }
            });
            return errors;
        }
        window.__gigyaConf = {
            validation: {
                'gigya-register-screen': function(formData, eventType, callback) {
                    return checkForSpecialCharacters(formData, ['profile.firstName', 'profile.lastName']);
                },
                'gigya-update-profile-screen': function(formData, eventType, callback) {
                    var errors = checkForSpecialCharacters(formData, ['profile.nickname', 'profile.firstName', 'profile.lastName', 'profile.city', 'profile.zip']);
                    if (formData != null && formData['profile.nickname'].length == 0 && !enableEmptyNickname)
                        errors['profile.nickname'] = "You can not leave this field blank.";
                    return errors;
                }
            },
            enableSSOToken: true,
            bypassCookiePolicy: 'always'
        };
    </script>
    <script type="text/javascript" src="https://cdns.gigya.com/JS/socialize.js?apikey=3_wlzhvsGzBbA5N0X2o1INKsrMGr2b46ppQ-dIKrzCgfT3SnaX6_0071zXz_9KKNOw&lang=en">
        {
            enabledProviders: 'facebook,twitter,linkedin,yahoo'
        }
    </script>
    <link href="/content/css/gigya/gigya.css?bundleVirtualPath=%7e%2fBundles%2fGigyaStyle%2f" rel="stylesheet" />
    <link href="/Content/css/licences.css?bundleVirtualPath=%7e%2fBundles%2fGigyaStyle%2f" rel="stylesheet" />
    <link href="/Content/css/ATCare/atc.css?bundleVirtualPath=%7e%2fBundles%2fGigyaStyle%2f" rel="stylesheet" />
    <link href="/Content/css/plugins/jquery-ui-1.9.2.custom.min.css?bundleVirtualPath=%7e%2fBundles%2fGigyaStyle%2f" rel="stylesheet" />
    <script type="text/javascript" src="//cdn.gigya-ext.com/screenset-validation.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="/Scripts/Custom/atc_form.js?bundleVirtualPath=%7e%2fBundles%2fATCFormScriptJS%2f"></script>
    <script src="/GigyaConnector/Scripts/gigyaconnector_mvc.js?bundleVirtualPath=%7e%2fBundles%2fGigyaConnector%2f"></script>
    <script src="/Scripts/Custom/atcare.js?bundleVirtualPath=%7e%2fBundles%2fGigyaConnector%2f"></script>
    <script src="/GigyaConnector/Scripts/gigyaconnector_mvc.js?bundleVirtualPath=%7e%2fBundles%2fGigyaConnector%2f"></script>
    <script src="/Scripts/Custom/atcare.js?bundleVirtualPath=%7e%2fBundles%2fGigyaConnector%2f"></script>

</head>

<body class="header__experience-mode" class="default-device bodyclass">

    <!--
        <div class="cookies">
            <div class="cookies__content">Cookies help us improve your website experience. By using our website, you agree to our use of cookies. <a href="/en/company/cookie-policy/" class="cookies__policy">More information</a></div>
            <a href="#" class="cookies__close cookies__trigger"><span class="cookies__icon"><svg class="symbol symbol--close" viewBox="0 0 12 14" version="1" xmlns="http://www.w3.org/2000/svg"><path d="M6.066 5.492L2.372.931A1 1 0 1 0 .818 2.19l3.848 4.752L.418 11.34a1 1 0 0 0 1.439 1.39v-.001l4.077-4.222 3.694 4.561a1 1 0 1 0 1.554-1.259L7.334 7.059l4.248-4.399a1 1 0 0 0-1.439-1.39v.001L6.066 5.492z" fill="currentColor" fill-rule="evenodd"/></svg></span></a>
        </div>

 -->
    <script>
        dataLayer = [];
    </script>
    <!-- Google Tag Manager -->
    <noscript>
        <iframe src="//www.googletagmanager.com/ns.html?id=GTM-PSC5SC" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                '//www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-PSC5SC');
    </script>
    <!-- End Google Tag Manager -->

    <!-- #wrapper -->

    <header class="header theme-2020">
        <div class="header__inner">
            <div class="header__in">
                <div class="header__content">
                    <a class="header__trigger">
                        <span class="menuIcon">
                            <span class="menuIcon__inner">
                                <span class="menuIcon__bar"></span>
                            </span>
                        </span>
                    </a>
                    <a href="/en" class="header__logo">
                        <svg class="logo" viewBox="0 0 162 24">
                            <path fill="currentColor" d="M0.473684,17.4307148 C0.579569432,17.1848501 0.698235535,16.9437641 0.789479818,16.6922965 C1.87583685,13.6974261 2.91592461,10.6841817 4.05534569,7.71048668 C4.90242914,5.49976344 6.20630025,3.59941977 8.17961966,2.24650428 C9.69857813,1.20512189 11.3954144,0.661813437 13.190856,0.420397944 C15.7630065,0.0745887887 18.3244794,0.0844761127 20.8489855,0.788618366 C22.2919879,1.19119724 23.6403487,1.79498315 24.7815494,2.80909301 C26.5363032,4.368324 26.8715935,6.53200006 25.6374499,8.54851977 C24.5467248,10.3306275 22.8971284,11.3381458 20.9601288,11.9074085 C19.015121,12.4789782 17.0231968,12.5165501 15.0270663,12.3595064 C13.9411946,12.2740634 12.8634929,12.0838148 11.7807759,11.9516543 C11.5280745,11.9208388 11.4294692,11.8103479 11.3770523,11.548993 C11.1423895,10.3808881 10.8774737,9.21904513 10.6246105,8.05473034 C10.608028,7.97818597 10.6009906,7.89949935 10.5819004,7.77022259 C11.3133916,7.90600851 12.0066217,8.05028104 12.7049478,8.16118386 C14.5081549,8.44775146 16.3230102,8.64722823 18.1302618,8.27043879 C18.8015705,8.13053315 19.489381,7.88021907 20.0679085,7.51364654 C21.0733752,6.87665569 21.0450636,5.84878597 20.0862706,5.13137823 C19.3807452,4.60339513 18.5590614,4.38200146 17.7106028,4.286424 C16.1727968,4.11314865 14.6387119,4.15690006 13.142888,4.59869865 C11.2513488,5.15741485 10.0399353,6.4699571 9.37493595,8.31509654 C8.30863972,11.2737958 7.2682284,14.2421353 6.23307494,17.2122874 C6.12848376,17.5123677 5.99339692,17.5997881 5.6893302,17.5973986 C3.95091628,17.5836388 2.2122597,17.5936085 0.473684,17.5955036 L0.473684,17.4307148 Z M144.134896,23.4455036 C144.263188,23.0177944 144.379913,22.5860479 144.523008,22.1635296 C144.658418,21.7637522 144.719491,21.2336268 145.002041,21.0203902 C145.264691,20.822067 145.776646,20.9725191 146.178429,20.9582648 C147.407072,20.9147606 148.621235,20.783012 149.778938,20.3209444 C151.098501,19.7942796 152.044352,18.9259254 152.517803,17.5087423 C153.219122,15.4094163 154.00028,13.3378571 154.747221,11.2543508 C154.788718,11.1385867 154.837171,11.0243881 154.867343,10.905493 C155.070621,10.1037958 154.81614,9.76655569 154.011038,9.76556696 C153.611198,9.76507259 153.211357,9.76548456 152.752304,9.76548456 C153.010749,9.0468409 153.237889,8.37680992 153.502319,7.72243386 C153.540257,7.62858668 153.758013,7.56423668 153.892858,7.56374231 C156.343754,7.55443175 158.794649,7.55715076 161.245545,7.55640921 C161.339135,7.55640921 161.432725,7.54792259 161.526316,7.5433909 L161.526316,7.62578527 C161.471067,7.74772893 161.406841,7.86637682 161.361785,7.99202823 C160.098601,11.5162001 158.843345,15.0432557 157.573529,18.5648733 C156.854171,20.5600529 155.527813,21.9629817 153.539771,22.6505627 C152.830929,22.8957684 152.089489,23.0665719 151.349828,23.1899163 C150.543594,23.3243839 149.722234,23.3643451 148.907425,23.4455036 L144.134896,23.4455036 Z M51.5382237,17.5893652 C51.5674251,17.4705525 51.5818236,17.3771173 51.6131281,17.2899441 C52.2370352,15.5529884 52.8507501,13.8120779 53.4914014,12.081549 C54.2081706,10.1456934 55.556046,8.80966872 57.4318926,8.08097294 C60.2206673,6.99756942 63.1014953,6.81382999 66.0073992,7.48377858 C66.7103361,7.6458483 67.4068827,7.99709548 68.0115378,8.40651308 C69.2295034,9.2311159 69.6623475,10.5760391 69.1913232,11.9860539 C68.5892565,13.7884307 67.9219113,15.5683138 67.2713105,17.3536349 C67.2353952,17.452261 67.0962638,17.5784891 67.0042106,17.5793131 C65.3751604,17.5929905 63.7459485,17.5892004 62.0644813,17.5892004 C62.1238548,17.3997758 62.1659178,17.2462751 62.219629,17.0970589 C62.7707347,15.5664187 63.3249143,14.0369321 63.8756965,12.5061272 C64.2703604,11.409211 63.9089425,10.680268 62.8011495,10.3293504 C61.0318355,9.76882154 59.1163526,10.732506 58.4799076,12.5035729 C57.9112486,14.0860391 57.3471195,15.670318 56.7666506,17.2482525 C56.7170648,17.3830497 56.5604611,17.5734631 56.4515828,17.5748638 C54.8226134,17.5958744 53.1933206,17.5893652 51.5382237,17.5893652 Z M121.667909,7.59000963 C121.637251,7.71533146 121.61986,7.81923076 121.586371,7.91752724 C121.326471,8.68115823 121.053789,9.44042231 120.807074,10.2084202 C120.730632,10.4464575 120.616901,10.5212716 120.374715,10.5180582 C119.350886,10.5044632 118.326896,10.5121258 117.302986,10.512373 C116.011572,10.512785 115.466128,10.8716125 115.017268,12.1065392 C114.405737,13.789197 113.815481,15.4802589 113.244395,17.1775005 C113.130016,17.5174596 112.968963,17.6011723 112.640468,17.5972174 C111.2261,17.5799146 109.811329,17.5898019 108.396638,17.5898019 L107.956675,17.5898019 C108.025756,17.3778012 108.076798,17.2111174 108.134149,17.0467406 C108.813708,15.0977019 109.491488,13.1479216 110.175416,11.200366 C110.771173,9.50403076 111.793061,8.22922513 113.578391,7.76765189 C114.069314,7.64076456 114.588145,7.57666175 115.095085,7.5714709 C117.183106,7.54996597 119.271533,7.56191315 121.359797,7.56306668 C121.450556,7.56314907 121.541315,7.57847442 121.667909,7.59000963 Z M32.9509623,7.56188844 C32.8881106,7.76762717 32.8512246,7.90951027 32.8018815,8.04677928 C31.7063029,11.0962772 30.605871,14.1440448 29.5185433,17.1965913 C29.4179966,17.478792 29.3016763,17.6023835 28.9828876,17.5985934 C27.3666989,17.5794779 25.7501867,17.5897772 24.0724406,17.5897772 C24.1150698,17.4335575 24.1403075,17.30873 24.182775,17.1902469 C25.2903253,14.1014469 26.4032143,11.014542 27.5025947,7.92261097 C27.6017662,7.64370604 27.7342646,7.5521659 28.0243373,7.55480252 C29.6403641,7.56955111 31.2566336,7.56188844 32.9509623,7.56188844 Z M87.8546861,14.107989 C87.5032177,15.0957327 87.1847525,16.0267066 86.8319898,16.9439207 C86.7777124,17.0849798 86.5805827,17.2158221 86.4240599,17.2622101 C83.9920924,17.9836552 81.5022074,18.1658291 78.9844152,18.048582 C77.1835539,17.9647869 75.4219245,17.6726989 73.7579297,16.9281834 C72.7478522,16.4761679 71.8323356,15.8824341 71.1391055,14.9849122 C70.2171985,13.7912651 70.0986942,12.5294777 70.8271115,11.1906517 C71.4368628,10.0698411 72.3577991,9.2905552 73.4447224,8.69434956 C74.9737112,7.85565731 76.6277565,7.44459182 78.3405282,7.25557914 C80.92643,6.97032985 83.4573264,7.21421717 85.8778884,8.21728618 C86.5673976,8.50302985 87.2089387,8.93304604 87.8263745,9.36520449 C88.1598044,9.59862773 88.4403321,9.94649675 88.666097,10.2954369 C89.0783949,10.9325925 89.0028434,11.6278362 88.4240731,12.1070418 C87.9935748,12.4634798 87.4896281,12.7607587 86.9738714,12.9710291 C85.6115975,13.5262848 84.1614767,13.702032 82.7132164,13.8467989 C80.5668726,14.0613538 78.4290222,14.0390249 76.3476334,13.3813531 C75.6353132,13.1562517 74.9579376,12.8162101 74.2425436,12.5195904 C74.1901267,13.0226904 74.4040816,13.4319432 74.7463285,13.7818721 C75.3382839,14.3871411 76.0976014,14.6709073 76.8853922,14.8757397 C78.8454456,15.3855136 80.8345386,15.3721658 82.8287277,15.1679101 C84.4676466,14.9999904 86.0738048,14.6629151 87.6405695,14.139546 C87.6882947,14.1236439 87.7413588,14.1240559 87.8546861,14.107989 Z M76.1337593,10.5573686 C76.4599091,10.6776644 76.6821148,10.7740658 76.9123287,10.8420411 C78.4008724,11.2816975 79.9273537,11.413858 81.4675054,11.3630207 C82.0825954,11.3427517 82.699465,11.2488221 83.30501,11.1317397 C83.4903297,11.0959805 83.640543,10.8717855 83.8068535,10.7338573 C83.6559122,10.5780496 83.5222005,10.396782 83.348529,10.2745911 C83.2103683,10.1773658 83.0272326,10.1290003 82.857282,10.0993383 C82.2347501,9.99066013 81.61238,9.86484393 80.9845093,9.80741506 C79.349635,9.65795168 77.7675821,9.91395097 76.1337593,10.5573686 Z M107.321719,14.1033008 C106.96386,15.0987895 106.636254,16.0414634 106.277829,16.9717782 C106.227758,17.1017141 106.040173,17.2183022 105.8936,17.261724 C103.460824,17.9814388 100.970696,18.1655902 98.4523376,18.0493317 C96.7199904,17.9693268 95.0233159,17.6933057 93.4100393,17.0115747 C92.4814993,16.6191303 91.6282682,16.1042479 90.9228237,15.360062 C89.6065764,13.9714698 89.463077,12.4106733 90.5182912,10.8057958 C91.2712992,9.66059654 92.3422871,8.91245569 93.5579068,8.36906485 C95.786597,7.37266977 98.1353284,7.05981837 100.547154,7.17368738 C102.116669,7.24775992 103.665638,7.50178175 105.114303,8.13094513 C105.922316,8.48186273 106.664404,8.99592118 107.418949,9.46532189 C107.630154,9.5967409 107.797354,9.81665146 107.954686,10.0201655 C108.61103,10.8696515 108.505953,11.6807416 107.653126,12.3323986 C106.949138,12.8704339 106.129395,13.1476909 105.284496,13.3372803 C102.471131,13.9685036 99.6333363,14.2521874 96.789637,13.623024 C95.8297115,13.4106113 94.9228501,12.9491205 93.9926114,12.598862 C93.9083237,12.5671402 93.8309117,12.5166325 93.7080393,12.4529416 C93.6564313,13.0130585 93.8618927,13.4231353 94.199448,13.7720754 C94.7884913,14.3809698 95.5478897,14.6668782 96.3356805,14.8727817 C98.2954912,15.3849451 100.285312,15.3733275 102.279825,15.1693191 C103.918744,15.0017289 105.526115,14.6686909 107.092314,14.1412022 C107.141495,14.1246409 107.195692,14.1234874 107.321719,14.1033008 Z M95.5932691,10.5591895 C95.9362441,10.6836874 96.156832,10.7954141 96.3899579,10.8426261 C97.2063839,11.0079916 98.0217584,11.2026071 98.8474059,11.2906043 C100.106464,11.4247423 101.376765,11.4752501 102.622395,11.1677543 C102.862963,11.1083479 103.06252,10.8760782 103.281004,10.7235663 C103.074411,10.5492198 102.891518,10.2781423 102.656774,10.2184888 C101.942512,10.0368092 101.212882,9.88973527 100.480743,9.81450921 C98.8343017,9.64518879 97.2397916,9.91000428 95.5932691,10.5591895 Z M41.7343085,18.0901499 C39.6459631,18.0575217 37.5680525,17.7452471 35.6290306,16.7702746 C34.7506426,16.3285584 33.9591308,15.7658048 33.353424,14.9648492 C32.4224573,13.733795 32.3618705,12.3265816 33.1906727,11.0221964 C33.8160358,10.0380781 34.7030791,9.35024992 35.7022363,8.81180273 C38.1368732,7.49967245 40.7573152,7.06413583 43.4805688,7.17586259 C45.3403182,7.25215977 47.1424737,7.60777386 48.8291987,8.44926752 C49.6471616,8.85728442 50.3894112,9.37200203 50.9883232,10.0814175 C52.1241042,11.4270823 52.1870369,13.0236379 51.1427428,14.4531802 C50.2692891,15.6488048 49.0575521,16.3785717 47.7362896,16.939595 C45.8319696,17.7483781 43.8334933,18.0646901 41.7343085,18.0901499 Z M42.2525728,14.9727591 C42.5803404,14.9257943 43.0931042,14.8878929 43.5888001,14.7731999 C44.3976224,14.5860823 45.1589621,14.2730661 45.7381368,13.6307196 C46.3948854,12.9024358 46.3660075,12.0051612 45.6552242,11.3362013 C45.4505717,11.1435633 45.2166369,10.9399668 44.9599719,10.8561717 C44.2868836,10.6365084 43.6031177,10.4020964 42.906652,10.3162415 C41.7787173,10.1771598 40.6772338,10.3890781 39.6610896,10.9299147 C39.3555668,11.0924788 39.0599936,11.3045619 38.8160284,11.5514978 C38.0607555,12.3157879 38.106782,13.294221 38.9275761,13.9847682 C39.8373496,14.7501295 40.9356784,14.9218394 42.2525728,14.9727591 Z M128.251046,17.6288651 C128.739462,16.2691108 129.192529,15.0110313 129.643411,13.7521277 C131.03068,9.87835661 132.420942,6.005739 133.796725,2.12776576 C133.911185,1.80510942 134.061317,1.69980942 134.398953,1.70368196 C137.524313,1.73952351 140.650481,1.72905942 143.775355,1.78896013 C145.31397,1.81845731 146.84215,2.03523689 148.263878,2.69117844 C149.880795,3.43725942 151.119387,4.56334323 151.530553,6.40765872 C151.850474,7.842639 151.492939,9.18616154 150.863531,10.4624503 C149.757356,12.7053897 147.965393,14.2498721 145.855692,15.4478862 C143.628054,16.7128869 141.208301,17.3809404 138.682419,17.4772594 C135.237867,17.6086784 131.787571,17.5849489 128.251046,17.6288651 Z M136.249967,15.1384953 C136.625702,15.106032 137.002651,15.0846094 137.37685,15.0392925 C139.387217,14.7957348 141.3027,14.2292735 142.912255,12.9463932 C144.623571,11.5823545 145.690191,9.81927985 145.587136,7.50539886 C145.508754,5.7453728 144.566139,4.59621858 142.869222,4.33576999 C141.850651,4.17938548 140.804092,4.18960238 139.769262,4.17089886 C138.666241,4.15104182 138.452853,4.31179323 138.070484,5.36504041 C137.085806,8.07680379 136.112777,10.7929341 135.135217,13.5073341 C134.677297,14.7788439 134.925307,15.1386601 136.249967,15.1384953 Z"></path>
                        </svg>
                    </a>
                    <span class="header__overlay header__trigger--close"></span>
                    <div class="header__nav">
                        <div class="header__nav__inner">
                            <div class="header__mainNav">
                                <style>
                                    .megaMenu_btnlist {
                                        display: flex;
                                        text-align: center;
                                    }

                                    .megaMenu_btn {
                                        margin-right: var(--gap--8);
                                    }

                                    /* Responsive layout - makes a one column-layout instead of a row */
                                    @media (max-width: 800px) {
                                        .megaMenu_btnlist {
                                            flex-direction: column;
                                        }

                                        .megaMenu_btn {
                                            margin-bottom: var(--gap--8);
                                        }
                                    }
                                </style>
                                <nav class="mainNav">
                                    <ul class="mainNav__list">
                                        <li class="mainNav__item">

                                            <a href="/en/" class="mainNav__link">Home</a>
                                        </li>
                                        <li class="mainNav__item">
                                            <section class="megaMenu">
                                                <a class="mainNav__link megaMenu__trigger">Products</a>
                                                <span class="megaMenu__icon megaMenu__trigger"></span>
                                                <div class="megaMenu__target">
                                                    <div class="megaMenu__inner">
                                                        <div class="megaMenu__links">
                                                            <ul class="megaMenu__list">
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/product/player/" class="megaMenu__link"> <span class="megaMenu__link__icon">
                                                                            <svg class="symbol symbol--djplayers" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                                <title>1 fundament/icons/product/players</title>
                                                                                <path d="M19.036 36.808a18.366 18.366 0 0 0 9.13 2.9v-2.523a15.884 15.884 0 0 1-7.765-2.494l-1.365 2.117zM20.16 7.54l-1.356-2.12a18.727 18.727 0 0 0-6.074 6.612l2.208 1.195a16.2 16.2 0 0 1 5.222-5.687zm-5.389 6.002l-2.207-1.196a18.672 18.672 0 0 0-2.108 7.858h2.506c.12-2.396.763-4.653 1.81-6.662zm3.968 23.072l1.364-2.116a16.197 16.197 0 0 1-5.096-5.53l-2.213 1.187a18.726 18.726 0 0 0 5.945 6.459zm-4.092-8.198a16.159 16.159 0 0 1-1.685-6.419h-2.506a18.68 18.68 0 0 0 1.98 7.604l2.211-1.185zm5.81-21.068a15.885 15.885 0 0 1 7.71-2.457V2.37a18.35 18.35 0 0 0-9.065 2.859l1.355 2.12zm.586 26.347a14.714 14.714 0 0 0 7.125 2.299v-3.33a11.46 11.46 0 0 1-5.328-1.753l-1.797 2.784zm-2.328-18.02l-2.906-1.571a14.985 14.985 0 0 0-1.666 6.1h3.306a11.644 11.644 0 0 1 1.266-4.528zm4.165-4.537a11.45 11.45 0 0 1 5.288-1.728V6.082c-2.59.143-5.002.955-7.073 2.265l1.784 2.792zm-.339 19.58a11.696 11.696 0 0 1-3.581-3.867l-2.912 1.56a15.002 15.002 0 0 0 4.698 5.092l1.795-2.784zM20.796 8.54a15.016 15.016 0 0 0-4.821 5.25l2.905 1.574a11.69 11.69 0 0 1 3.7-4.032L20.796 8.54zm-5.11 19.321l2.912-1.56a11.638 11.638 0 0 1-1.15-4.302h-3.306c.114 2.098.66 4.08 1.545 5.862zm14.353 9.325v2.523a18.37 18.37 0 0 0 9.131-2.9l-1.364-2.117a15.885 15.885 0 0 1-7.767 2.494zm13.23-23.957l2.209-1.195a18.727 18.727 0 0 0-6.074-6.613l-1.356 2.121a16.2 16.2 0 0 1 5.221 5.687zm1.977 6.977h2.506a18.684 18.684 0 0 0-2.108-7.858l-2.208 1.196a16.149 16.149 0 0 1 1.81 6.662zM38.104 34.5l1.364 2.116a18.721 18.721 0 0 0 5.945-6.46l-2.212-1.185a16.197 16.197 0 0 1-5.097 5.529zm5.456-6.082l2.212 1.185a18.68 18.68 0 0 0 1.98-7.604h-2.506c-.116 2.3-.713 4.47-1.686 6.42zm-4.455-23.19A18.353 18.353 0 0 0 30.04 2.37v2.523a15.88 15.88 0 0 1 7.71 2.457l1.356-2.121zm-3.737 25.685a11.462 11.462 0 0 1-5.33 1.754v3.329a14.714 14.714 0 0 0 7.126-2.299l-1.796-2.784zm7.03-16.807l-2.905 1.572a11.657 11.657 0 0 1 1.265 4.528h3.307a14.973 14.973 0 0 0-1.667-6.1zm-5.286-5.758a14.71 14.71 0 0 0-7.073-2.265v3.33c1.932.137 3.734.75 5.289 1.727l1.784-2.792zm5.047 20.065l-2.912-1.56a11.685 11.685 0 0 1-3.58 3.868l1.795 2.784a15.002 15.002 0 0 0 4.697-5.092zm-2.834-13.05l2.907-1.572a15.024 15.024 0 0 0-4.822-5.25l-1.784 2.791c1.529 1.027 2.8 2.41 3.7 4.032zm4.74 6.636h-3.307a11.653 11.653 0 0 1-1.15 4.302l2.911 1.56a14.97 14.97 0 0 0 1.546-5.862zM17.952 38.84l-4.069 6.309c.249.159.5.313.754.465L18.37 39.1a20.67 20.67 0 0 1-.418-.26zm-4.808-4.236l-5.803 4.732c.188.229.38.453.575.675l5.55-5.033c-.108-.123-.217-.247-.322-.374zm-1.283-1.722L5.6 36.976c.163.247.33.493.5.733l6.044-4.422c-.095-.135-.191-.268-.283-.405zm-1.094-1.849l-6.655 3.414c.137.263.277.524.422.782l6.468-3.761c-.08-.144-.158-.289-.235-.435zm-2.309-8.229L1 23.198c.018.297.04.593.068.887l7.427-.787a25.693 25.693 0 0 1-.037-.494zm.252 2.138L1.33 26.12c.05.292.101.584.16.875l7.305-1.564c-.032-.162-.059-.325-.086-.488zm.472 2.099l-7.217 1.947c.08.287.161.571.25.853l7.1-2.323c-.047-.157-.088-.318-.133-.477zm.688 2.037l-6.976 2.698c.109.276.223.549.34.82l6.821-3.058c-.064-.152-.123-.306-.185-.46zm4.729 7.103l-5.28 5.317c.21.207.422.412.64.613l4.995-5.588c-.12-.112-.238-.227-.355-.342zm1.608 1.417l-4.7 5.846c.23.184.463.365.7.542l4.387-6.082c-.132-.1-.258-.204-.387-.306zm.22 8.996l3.39-6.701c.147.073.296.143.444.212l-3.038 6.873a28.504 28.504 0 0 1-.797-.384zm13.165-17.396c-4.543 0-8.225-3.71-8.225-8.286s3.682-8.285 8.225-8.285c4.542 0 8.225 3.71 8.225 8.285 0 4.576-3.683 8.286-8.225 8.286zm0-1.579c3.677 0 6.658-3.002 6.658-6.707 0-3.704-2.981-6.707-6.658-6.707-3.678 0-6.659 3.003-6.659 6.707 0 3.705 2.981 6.707 6.659 6.707z" fill="currentColor" fill-rule="evenodd"></path>
                                                                            </svg>
                                                                        </span>DJ players / Turntables</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/product/mixer/" class="megaMenu__link"> <span class="megaMenu__link__icon">
                                                                            <svg class="symbol symbol--djmixers" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                                <title>1 fundament/icons/product/mixers</title>
                                                                                <path d="M4.706 6A.717.717 0 0 0 4 6.727v15.254c0 .402.316.727.706.727.39 0 .705-.325.705-.727V6.727A.717.717 0 0 0 4.706 6zm0 21.292a.717.717 0 0 0-.706.727v15.254c0 .402.316.727.706.727.39 0 .705-.325.705-.727V28.019a.717.717 0 0 0-.705-.727zM11.136 6a.717.717 0 0 0-.705.728V21.98c0 .402.316.727.706.727.39 0 .706-.325.706-.727V6.728A.717.717 0 0 0 11.137 6zm0 21.292a.717.717 0 0 0-.705.727v15.254c0 .402.316.727.706.727.39 0 .706-.325.706-.727V28.019a.718.718 0 0 0-.706-.727zM17.569 6a.717.717 0 0 0-.706.727v15.254c0 .402.316.727.706.727.39 0 .706-.325.706-.727V6.727A.717.717 0 0 0 17.568 6zm0 21.292a.717.717 0 0 0-.706.727v15.254c0 .402.316.727.706.727.39 0 .706-.325.706-.727V28.019a.717.717 0 0 0-.706-.727zm7.138-20.564A.717.717 0 0 0 24 6a.717.717 0 0 0-.706.728V13.5h-1.14v23.495h1.14v6.277c0 .402.316.727.706.727.39 0 .706-.325.706-.727v-6.277h1.138V13.501h-1.138V6.728zM30.43 6a.717.717 0 0 0-.706.728V9.9c0 .401.316.727.706.727.39 0 .706-.326.706-.727V6.728A.717.717 0 0 0 30.43 6zm0 33.838a.717.717 0 0 0-.706.727v2.707c0 .403.316.728.706.728.39 0 .706-.325.706-.728v-2.707a.717.717 0 0 0-.706-.727zM36.862 6a.717.717 0 0 0-.706.728V21.98c0 .402.317.727.706.727.39 0 .707-.325.707-.727V6.728A.717.717 0 0 0 36.862 6zm0 21.292a.718.718 0 0 0-.706.727v15.253c0 .403.317.728.706.728.39 0 .707-.325.707-.728V28.02a.718.718 0 0 0-.707-.727zM43.294 6a.717.717 0 0 0-.706.728V21.98c0 .402.316.727.706.727.39 0 .706-.325.706-.727V6.728A.717.717 0 0 0 43.294 6zm0 21.292a.717.717 0 0 0-.706.727v15.254c0 .402.316.727.706.727.39 0 .706-.325.706-.727V28.019a.718.718 0 0 0-.706-.727z" fill="currentColor" fill-rule="evenodd"></path>
                                                                            </svg>
                                                                        </span>DJ mixers</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/product/all-in-one-system/" class="megaMenu__link"> <span class="megaMenu__link__icon">
                                                                            <svg class="symbol symbol--allinone" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                                <title>1 fundament/icons/product/all in one</title>
                                                                                <defs>
                                                                                    <path d="M7.004 1.692L7.4.106c3.803.946 6.109 4.822 5.15 8.657a7.17 7.17 0 0 1-3.252 4.412l-.836-1.396a5.53 5.53 0 0 0 2.515-3.409c.74-2.957-1.04-5.947-3.973-6.678zM.784 5.53l1.179.294c.625-1.82 2.475-2.927 4.359-2.604l.297-1.188a5.09 5.09 0 0 0-.946-.089A5.156 5.156 0 0 0 .784 5.53zm6.204-2.135l.297-1.189c2.404.801 3.86 3.271 3.404 5.79l-1.178-.293c.298-1.863-.767-3.677-2.523-4.308zm-2.867 8.633l.297-1.188c-1.816-.599-2.927-2.444-2.624-4.343L.616 6.204c-.463 2.555 1.041 5.06 3.505 5.824zm.967-1.03c1.848.265 3.64-.836 4.255-2.621l1.178.293c-.783 2.438-3.23 3.936-5.73 3.516l.297-1.188z" id="a"></path>
                                                                                    <path d="M7.004 1.692L7.4.106c3.803.946 6.109 4.822 5.15 8.657a7.17 7.17 0 0 1-3.252 4.412l-.836-1.396a5.53 5.53 0 0 0 2.515-3.409c.74-2.957-1.04-5.947-3.973-6.678zM.784 5.53l1.179.294c.625-1.82 2.475-2.927 4.359-2.604l.297-1.188a5.09 5.09 0 0 0-.946-.089A5.155 5.155 0 0 0 .784 5.53zm6.204-2.135l.297-1.189c2.404.801 3.86 3.271 3.404 5.79l-1.178-.293c.298-1.863-.767-3.677-2.523-4.308zm-2.867 8.633l.297-1.188c-1.816-.599-2.927-2.444-2.624-4.343L.616 6.204c-.463 2.555 1.041 5.06 3.505 5.824zm.967-1.03c1.848.265 3.64-.836 4.255-2.621l1.178.293c-.783 2.438-3.23 3.936-5.73 3.516l.297-1.188z" id="c"></path>
                                                                                </defs>
                                                                                <g fill="currentColor" fill-rule="evenodd">
                                                                                    <path d="M22.358 24.954l-1.178-.293c-.613 1.785-2.406 2.887-4.254 2.621l-.297 1.189c2.499.42 4.947-1.078 5.73-3.517zm-8.726-2.172l-1.179-.294c-.462 2.555 1.042 5.06 3.506 5.824l.297-1.188c-1.817-.598-2.928-2.443-2.624-4.342zm8.895 1.499c.456-2.52-1-4.99-3.404-5.79l-.297 1.188c1.756.632 2.82 2.445 2.523 4.309l1.178.293zm-4.367-4.776l.296-1.188c-2.535-.48-5.04 1.026-5.834 3.498l1.178.294c.625-1.82 2.475-2.927 4.36-2.604zm1.078-3.115l-.396 1.586c2.933.731 4.712 3.721 3.973 6.68a5.53 5.53 0 0 1-2.516 3.407l.837 1.397a7.171 7.171 0 0 0 3.253-4.413c.957-3.834-1.349-7.71-5.151-8.657z" fill="currentColor"></path>
                                                                                    <g transform="translate(11.838 16.285)">
                                                                                        <mask id="b" fill="#fff">
                                                                                            <use xlink:href="#a"></use>
                                                                                        </mask>
                                                                                        <path fill="currentColor" mask="url(#b)" d="M1.385 14.195l12.173-1.557-1.683-13.16L-.298 1.034z"></path>
                                                                                    </g>
                                                                                    <use fill="currentColor" xlink:href="#c" transform="translate(11.838 16.285)"></use>
                                                                                    <path d="M17.49 23.963a.573.573 0 1 1 0-1.146.573.573 0 0 1 0 1.146m0-3.882a3.309 3.309 0 1 0 0 6.618 3.309 3.309 0 0 0 0-6.618" fill="currentColor"></path>
                                                                                    <path d="M17.712 39.052c-8.685 0-15.75-7.065-15.75-15.75 0-8.685 7.065-15.75 15.75-15.75 8.685 0 15.75 7.065 15.75 15.75 0 8.685-7.065 15.75-15.75 15.75m11.84-4.288c.398-.31.857-.479 1.324-.528.214-.257.42-.52.618-.79a2.599 2.599 0 0 1 .954-2.513c.242-.188.507-.317.781-.408.174-.37.334-.749.481-1.133a2.602 2.602 0 0 1 .793-3.068c.02-.016.044-.025.065-.04.094-.53.162-1.068.206-1.613-.045-.05-.095-.09-.136-.143a2.61 2.61 0 0 1 .067-3.288 16.936 16.936 0 0 0-.326-1.842 2.593 2.593 0 0 1-.588-.538 2.605 2.605 0 0 1-.409-2.444c-.146-.33-.302-.656-.469-.976a2.578 2.578 0 0 1-1.117-.82 2.59 2.59 0 0 1-.536-1.768c-.172-.222-.349-.44-.532-.654a2.592 2.592 0 0 1-2.536-2.42c-.228-.178-.46-.35-.699-.516A2.598 2.598 0 0 1 25 8.305a2.576 2.576 0 0 1-.359-.653 16.972 16.972 0 0 0-.766-.319c-.319.14-.67.22-1.04.22a2.602 2.602 0 0 1-2.125-1.104c-.3-.053-.6-.098-.905-.136a2.59 2.59 0 0 1-3.563-.064c-.49.042-.974.104-1.452.186a2.602 2.602 0 0 1-2.135 1.117c-.382 0-.742-.087-1.068-.234-.467.18-.925.377-1.37.595a2.604 2.604 0 0 1-2.435 1.689c-.098 0-.192-.019-.288-.03-.364.273-.714.561-1.055.86a2.602 2.602 0 0 1-2.072 2.162c-.255.317-.5.643-.731.978a2.603 2.603 0 0 1-1.648 2.962 16.77 16.77 0 0 0-.37.93A2.59 2.59 0 0 1 .83 20.47c-.083.49-.142.987-.181 1.489a2.59 2.59 0 0 1 .012 2.84c.019.225.044.448.072.67a2.6 2.6 0 0 1 1.078 2.105c0 .442-.12.851-.313 1.216.11.326.23.648.36.965A2.606 2.606 0 0 1 3.87 32.29c0 .3-.062.584-.155.853.17.241.345.477.527.709.06-.004.118-.018.179-.018a2.61 2.61 0 0 1 2.609 2.61c0 .07-.015.137-.02.207.15.122.3.243.455.359.213-.057.434-.096.665-.096 1.223 0 2.242.845 2.525 1.98.285.13.575.253.868.367a2.576 2.576 0 0 1 1.186-.298c.932 0 1.744.493 2.206 1.228.24.04.482.073.725.102a2.6 2.6 0 0 1 3.74.048c.27-.027.54-.06.806-.099a2.603 2.603 0 0 1 2.185-1.19c.45 0 .867.125 1.236.325.459-.169.906-.36 1.345-.565.166-.419.432-.804.813-1.1a2.597 2.597 0 0 1 1.947-.525c.29-.21.576-.426.853-.654.075-.675.41-1.32.987-1.77" fill="#979797"></path>
                                                                                    <path d="M6.275 22.654a.456.456 0 0 1-.441-.576c1.649-6.126 7.237-10.405 13.59-10.405a.457.457 0 0 1 0 .914c-5.94 0-11.166 4-12.708 9.728a.457.457 0 0 1-.44.339" fill="currentColor"></path>
                                                                                    <path d="M17.617 8.652c-8.037 0-14.576 6.663-14.576 14.853S9.58 38.358 17.617 38.358c8.038 0 14.577-6.663 14.577-14.853S25.654 8.652 17.617 8.652m0 31c-8.737 0-15.845-7.244-15.845-16.147 0-8.903 7.108-16.146 15.845-16.146 8.737 0 15.846 7.243 15.846 16.146s-7.109 16.146-15.846 16.146" fill="currentColor"></path>
                                                                                    <path d="m42.669 10.45v2.686" stroke="currentcolor" stroke="" d="M42.669 10.45v2.686" stroke="currentColor"></path>
                                                                                </g>
                                                                            </svg>
                                                                        </span>All-in-one DJ systems</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/product/controller/" class="megaMenu__link"> <span class="megaMenu__link__icon">
                                                                            <svg class="symbol symbol--djcontrollers" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                                <title>1 fundament/icons/product/controller</title>
                                                                                <path d="M7.125 14.206c.84.53 1.956.29 2.495-.537a1.761 1.761 0 0 0-.546-2.455 1.823 1.823 0 0 0-2.495.537 1.761 1.761 0 0 0 .546 2.455zm9.229-6.087a1.766 1.766 0 0 0 .805-2.386 1.82 1.82 0 0 0-2.423-.793 1.766 1.766 0 0 0-.806 2.386 1.82 1.82 0 0 0 2.424.793zM5.803 31.408a1.765 1.765 0 0 0-.806 2.385 1.82 1.82 0 0 0 2.424.793 1.765 1.765 0 0 0 .805-2.386 1.82 1.82 0 0 0-2.423-.792zm.808-8.663c0-.982-.808-1.778-1.805-1.778-.998 0-1.806.796-1.806 1.778s.808 1.778 1.806 1.778c.997 0 1.805-.796 1.805-1.778zM24.48 7.053a.968.968 0 0 0 .973-.963V1.962A.968.968 0 0 0 24.48 1a.968.968 0 0 0-.973.962V6.09c0 .532.435.963.973.963zm11.85 33.625a.978.978 0 0 0-1.37 0 .95.95 0 0 0 0 1.36l3.71 3.654a.98.98 0 0 0 1.371 0 .952.952 0 0 0 0-1.36l-3.71-3.654zm-22.328 0a.978.978 0 0 0-1.371 0L8.89 44.36a.953.953 0 0 0 0 1.36.98.98 0 0 0 1.37 0L14 42.039a.952.952 0 0 0 0-1.36zm27.874-26.472c.84-.53 1.083-1.629.546-2.455a1.823 1.823 0 0 0-2.495-.537 1.761 1.761 0 0 0-.546 2.455 1.823 1.823 0 0 0 2.495.537zM32.646 8.12a1.82 1.82 0 0 0 2.424-.793 1.766 1.766 0 0 0-.806-2.386 1.82 1.82 0 0 0-2.423.793 1.766 1.766 0 0 0 .805 2.386zm10.551 23.289a1.82 1.82 0 0 0-2.423.792 1.765 1.765 0 0 0 .805 2.386 1.82 1.82 0 0 0 2.424-.793 1.765 1.765 0 0 0-.806-2.385zm.997-10.441c-.997 0-1.805.796-1.805 1.778s.808 1.778 1.805 1.778c.998 0 1.806-.796 1.806-1.778s-.808-1.778-1.806-1.778zm-4.163 3.156c0-7.8-5.925-14.236-13.586-15.187a.397.397 0 0 0-.443.39v14.409a.39.39 0 0 1-.394.388H23.35a.39.39 0 0 1-.392-.388V9.326a.397.397 0 0 0-.444-.39c-7.661.951-13.586 7.387-13.586 15.187 0 8.456 6.962 15.311 15.551 15.311 8.59 0 15.552-6.855 15.552-15.311z" fill="currentColor" fill-rule="evenodd"></path>
                                                                            </svg>
                                                                        </span>DJ controllers</a>
                                                                </li>
                                                            </ul>
                                                            <ul class="megaMenu__list">
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/product/software/" class="megaMenu__link"> <span class="megaMenu__link__icon">
                                                                            <svg class="symbol symbol--software" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                                <title>1 fundament/icons/product/software</title>
                                                                                <defs>
                                                                                    <path id="a" d="M1.8 0H.015v20.476H1.8V0z"></path>
                                                                                    <path id="c" d="M2.642 2.441V.015H.676v2.426h1.966z"></path>
                                                                                    <path id="e" d="M0 .493v2.426h1.966V.493H0z"></path>
                                                                                </defs>
                                                                                <g fill="currentColor" fill-rule="evenodd">
                                                                                    <path d="M11.47 22.208v7.741a.983.983 0 1 1-1.966 0V18.926a.984.984 0 0 1 1.966 0v3.282z" fill="currentColor"></path>
                                                                                    <path d="M6.679 26.267a.983.983 0 1 1-1.967 0v-3.66a.983.983 0 0 1 1.967 0v3.66zM15.933 26.267a.983.983 0 1 1-1.966 0v-3.66a.983.983 0 0 1 1.966 0v3.66z" fill="currentColor"></path>
                                                                                    <g transform="translate(23.118 13.722)">
                                                                                        <mask id="b" fill="currentColor">
                                                                                            <use xlink:href="#a"></use>
                                                                                        </mask>
                                                                                        <path d="M1.8 19.585a.891.891 0 1 1-1.784 0V.892a.892.892 0 0 1 1.783 0v18.693z" fill="currentColor" mask="url(#b)"></path>
                                                                                    </g>
                                                                                    <path d="M11.47 22.208v7.741a.983.983 0 1 1-1.966 0V18.926a.984.984 0 0 1 1.966 0v3.282zM20.517 31.683a.983.983 0 1 1-1.967 0V17.192a.984.984 0 0 1 1.967 0v14.49z" fill="currentColor"></path>
                                                                                    <path d="M36.736 18.449a.983.983 0 1 1 1.966 0V29.47a.983.983 0 0 1-1.966 0V18.449z" fill="currentColor"></path>
                                                                                    <path d="M41.528 22.13a.983.983 0 1 1 1.966 0v3.66a.983.983 0 0 1-1.966 0v-3.66zM32.273 22.13a.983.983 0 1 1 1.967 0v3.66a.983.983 0 0 1-1.967 0v-3.66zM36.736 18.449a.983.983 0 1 1 1.966 0V29.47a.983.983 0 0 1-1.966 0V18.449zM27.69 16.715a.983.983 0 1 1 1.966 0v14.49a.984.984 0 0 1-1.967 0v-14.49z" fill="currentColor"></path>
                                                                                    <g transform="translate(45.233 22.731)">
                                                                                        <mask id="d" fill="currentColor">
                                                                                            <use xlink:href="#c"></use>
                                                                                        </mask>
                                                                                        <path d="M2.642 1.458a.983.983 0 1 1-1.966 0v-.46a.984.984 0 0 1 1.966 0v.46z" fill="currentColor" mask="url(#d)"></path>
                                                                                    </g>
                                                                                    <g transform="translate(.184 22.731)">
                                                                                        <mask id="f" fill="currentColor">
                                                                                            <use xlink:href="#e"></use>
                                                                                        </mask>
                                                                                        <path d="M1.966 1.936a.983.983 0 1 1-1.966 0v-.46a.984.984 0 0 1 1.966 0v.46z" fill="currentColor" mask="url(#f)"></path>
                                                                                    </g>
                                                                                </g>
                                                                            </svg>
                                                                        </span>DJ software &amp; interfaces</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/product/dj-sampler/" class="megaMenu__link"> <span class="megaMenu__link__icon">
                                                                            <svg class="symbol symbol--djsampler" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 37 36">
                                                                                <defs>
                                                                                    <polygon id="sampler-a" points="6 7.299 42.848 7.299 42.848 41.565 6 41.565"></polygon>
                                                                                </defs>
                                                                                <g fill="none" fill-rule="evenodd" transform="translate(-6 -6)">
                                                                                    <mask id="sampler-b" fill="#fff">
                                                                                        <use xlink:href="#sampler-a"></use>
                                                                                    </mask>
                                                                                    <path fill="currentColor" d="M8.97770308,8.31941924 C8.03562615,8.31941924 7.26830308,8.96395255 7.23187231,9.7869287 L7.13339538,24.6894394 C7.13168769,24.729969 7.13168769,24.7710615 7.13339538,24.812154 L7.22788769,39.0785751 C7.26602615,39.9009883 8.03278,40.5438329 8.97371846,40.5438329 L39.86758,40.5438329 C40.80738,40.5438329 41.5741338,39.9009883 41.6128415,39.079138 L41.7147338,24.812154 C41.7170108,24.7704986 41.7170108,24.7288432 41.7153031,24.6877507 L41.6094262,9.78580288 C41.5724262,8.96338964 40.8056723,8.31941924 39.8641646,8.31941924 L8.97770308,8.31941924 Z M8.97371846,41.5649538 C7.42427231,41.5649538 6.16114923,40.4909192 6.09739538,39.1219192 L6.00233385,24.8543724 C5.99948769,24.7856972 5.99948769,24.717022 6.00233385,24.6483469 L6.10081077,9.74583618 C6.16228769,8.37402163 7.42541077,7.29886127 8.97770308,7.29886127 L39.8641646,7.29886127 C41.41418,7.29886127 42.6784415,8.37289581 42.7404877,9.74471036 L42.8457954,24.647784 C42.8492108,24.717022 42.8492108,24.7862601 42.8457954,24.8554982 L42.7433338,39.1224822 C42.67958,40.4914822 41.4158877,41.5649538 39.86758,41.5649538 L8.97371846,41.5649538 Z" mask="url(#sampler-b)"></path>
                                                                                    <path fill="currentColor" d="M17.8519538 19.8062975L17.1728615 19.8062975C16.2854308 19.8062975 15.5590923 19.0885857 15.5590923 18.2104442L15.5590923 17.5388912C15.5590923 16.6613127 16.2854308 15.9436009 17.1728615 15.9436009L17.8519538 15.9436009C18.7393846 15.9436009 19.4651538 16.6613127 19.4651538 17.5388912L19.4651538 18.2104442C19.4651538 19.0885857 18.7393846 19.8062975 17.8519538 19.8062975M22.5925646 19.8062975L21.9134723 19.8062975C21.0254723 19.8062975 20.2997031 19.0885857 20.2997031 18.2104442L20.2997031 17.5388912C20.2997031 16.6613127 21.0254723 15.9436009 21.9134723 15.9436009L22.5925646 15.9436009C23.4799954 15.9436009 24.2057646 16.6613127 24.2057646 17.5388912L24.2057646 18.2104442C24.2057646 19.0885857 23.4799954 19.8062975 22.5925646 19.8062975M27.3326631 19.8062975L26.65414 19.8062975C25.76614 19.8062975 25.0403708 19.0885857 25.0403708 18.2104442L25.0403708 17.5388912C25.0403708 16.6613127 25.76614 15.9436009 26.65414 15.9436009L27.3326631 15.9436009C28.2206631 15.9436009 28.9464323 16.6613127 28.9464323 17.5388912L28.9464323 18.2104442C28.9464323 19.0885857 28.2206631 19.8062975 27.3326631 19.8062975M32.0732738 19.8062975L31.3941815 19.8062975C30.5067508 19.8062975 29.7809815 19.0885857 29.7809815 18.2104442L29.7809815 17.5388912C29.7809815 16.6613127 30.5067508 15.9436009 31.3941815 15.9436009L32.0732738 15.9436009C32.9612738 15.9436009 33.6870431 16.6613127 33.6870431 17.5388912L33.6870431 18.2104442C33.6870431 19.0885857 32.9612738 19.8062975 32.0732738 19.8062975M17.8519538 24.3381828L17.1728615 24.3381828C16.2854308 24.3381828 15.5590923 23.6204711 15.5590923 22.7423296L15.5590923 22.0713395C15.5590923 21.193198 16.2854308 20.4754863 17.1728615 20.4754863L17.8519538 20.4754863C18.7393846 20.4754863 19.4651538 21.193198 19.4651538 22.0713395L19.4651538 22.7423296C19.4651538 23.6204711 18.7393846 24.3381828 17.8519538 24.3381828M22.5925646 24.3381828L21.9134723 24.3381828C21.0254723 24.3381828 20.2997031 23.6204711 20.2997031 22.7423296L20.2997031 22.0713395C20.2997031 21.193198 21.0254723 20.4754863 21.9134723 20.4754863L22.5925646 20.4754863C23.4799954 20.4754863 24.2057646 21.193198 24.2057646 22.0713395L24.2057646 22.7423296C24.2057646 23.6204711 23.4799954 24.3381828 22.5925646 24.3381828M27.3326631 24.3381828L26.65414 24.3381828C25.76614 24.3381828 25.0403708 23.6204711 25.0403708 22.7423296L25.0403708 22.0713395C25.0403708 21.193198 25.76614 20.4754863 26.65414 20.4754863L27.3326631 20.4754863C28.2206631 20.4754863 28.9464323 21.193198 28.9464323 22.0713395L28.9464323 22.7423296C28.9464323 23.6204711 28.2206631 24.3381828 27.3326631 24.3381828M32.0732738 24.3381828L31.3941815 24.3381828C30.5067508 24.3381828 29.7809815 23.6204711 29.7809815 22.7423296L29.7809815 22.0713395C29.7809815 21.193198 30.5067508 20.4754863 31.3941815 20.4754863L32.0732738 20.4754863C32.9612738 20.4754863 33.6870431 21.193198 33.6870431 22.0713395L33.6870431 22.7423296C33.6870431 23.6204711 32.9612738 24.3381828 32.0732738 24.3381828M17.8519538 28.8700682L17.1728615 28.8700682C16.2854308 28.8700682 15.5590923 28.1523564 15.5590923 27.2747779L15.5590923 26.6032248C15.5590923 25.7256463 16.2854308 25.0073716 17.1728615 25.0073716L17.8519538 25.0073716C18.7393846 25.0073716 19.4651538 25.7256463 19.4651538 26.6032248L19.4651538 27.2747779C19.4651538 28.1523564 18.7393846 28.8700682 17.8519538 28.8700682M22.5925646 28.8700682L21.9134723 28.8700682C21.0254723 28.8700682 20.2997031 28.1523564 20.2997031 27.2747779L20.2997031 26.6032248C20.2997031 25.7256463 21.0254723 25.0073716 21.9134723 25.0073716L22.5925646 25.0073716C23.4799954 25.0073716 24.2057646 25.7256463 24.2057646 26.6032248L24.2057646 27.2747779C24.2057646 28.1523564 23.4799954 28.8700682 22.5925646 28.8700682M27.3326631 28.8700682L26.65414 28.8700682C25.76614 28.8700682 25.0403708 28.1523564 25.0403708 27.2747779L25.0403708 26.6032248C25.0403708 25.7256463 25.76614 25.0073716 26.65414 25.0073716L27.3326631 25.0073716C28.2206631 25.0073716 28.9464323 25.7256463 28.9464323 26.6032248L28.9464323 27.2747779C28.9464323 28.1523564 28.2206631 28.8700682 27.3326631 28.8700682M32.0732738 28.8700682L31.3941815 28.8700682C30.5067508 28.8700682 29.7809815 28.1523564 29.7809815 27.2747779L29.7809815 26.6032248C29.7809815 25.7256463 30.5067508 25.0073716 31.3941815 25.0073716L32.0732738 25.0073716C32.9612738 25.0073716 33.6870431 25.7256463 33.6870431 26.6032248L33.6870431 27.2747779C33.6870431 28.1523564 32.9612738 28.8700682 32.0732738 28.8700682" mask="url(#sampler-b)"></path>
                                                                                    <path fill="currentColor" d="M36.6231923 6.00016887L12.6227154 6.00016887C11.2673769 6.00016887 12.3910385 14.6312861 13.1925154 14.6312861L36.0533923 14.6312861C36.8548692 14.6312861 37.9785308 6.00016887 36.6231923 6.00016887M40.6261938 32.3629884C40.6261938 32.2594127 40.5413785 32.1755389 40.43664 32.1755389L36.4599938 32.1755389C36.3552554 32.1755389 36.27044 32.2594127 36.27044 32.3629884 36.27044 32.4671269 36.3552554 32.5504378 36.4599938 32.5504378L40.43664 32.5504378C40.5413785 32.5504378 40.6261938 32.4671269 40.6261938 32.3629884M40.6261938 30.637947C40.6261938 30.5338085 40.5413785 30.4504976 40.43664 30.4504976L36.4599938 30.4504976C36.3552554 30.4504976 36.27044 30.5338085 36.27044 30.637947 36.27044 30.7415227 36.3552554 30.8253965 36.4599938 30.8253965L40.43664 30.8253965C40.5413785 30.8253965 40.6261938 30.7415227 40.6261938 30.637947M40.6261938 28.9123991C40.6261938 28.8088234 40.5413785 28.7249497 40.43664 28.7249497L36.4599938 28.7249497C36.3552554 28.7249497 36.27044 28.8088234 36.27044 28.9123991 36.27044 29.0165377 36.3552554 29.1004114 36.4599938 29.1004114L40.43664 29.1004114C40.5413785 29.1004114 40.6261938 29.0165377 40.6261938 28.9123991M40.6261938 27.1874141C40.6261938 27.0838384 40.5413785 26.9999646 40.43664 26.9999646L36.4599938 26.9999646C36.3552554 26.9999646 36.27044 27.0838384 36.27044 27.1874141 36.27044 27.2909897 36.3552554 27.3748635 36.4599938 27.3748635L40.43664 27.3748635C40.5413785 27.3748635 40.6261938 27.2909897 40.6261938 27.1874141M40.6261938 25.4623727C40.6261938 25.3582342 40.5413785 25.2749233 40.43664 25.2749233L36.4599938 25.2749233C36.3552554 25.2749233 36.27044 25.3582342 36.27044 25.4623727 36.27044 25.5659484 36.3552554 25.6498222 36.4599938 25.6498222L40.43664 25.6498222C40.5413785 25.6498222 40.6261938 25.5659484 40.6261938 25.4623727M40.6261938 23.7368248C40.6261938 23.6332491 40.5413785 23.5493754 40.43664 23.5493754L36.4599938 23.5493754C36.3552554 23.5493754 36.27044 23.6332491 36.27044 23.7368248 36.27044 23.8409634 36.3552554 23.9242742 36.4599938 23.9242742L40.43664 23.9242742C40.5413785 23.9242742 40.6261938 23.8409634 40.6261938 23.7368248M40.6261938 22.0117835C40.6261938 21.9082078 40.5413785 21.824334 40.43664 21.824334L36.4599938 21.824334C36.3552554 21.824334 36.27044 21.9082078 36.27044 22.0117835 36.27044 22.1153591 36.3552554 22.1992329 36.4599938 22.1992329L40.43664 22.1992329C40.5413785 22.1992329 40.6261938 22.1153591 40.6261938 22.0117835M40.6261938 20.2867984C40.6261938 20.1826599 40.5413785 20.099349 40.43664 20.099349L36.4599938 20.099349C36.3552554 20.099349 36.27044 20.1826599 36.27044 20.2867984 36.27044 20.3903741 36.3552554 20.4742479 36.4599938 20.4742479L40.43664 20.4742479C40.5413785 20.4742479 40.6261938 20.3903741 40.6261938 20.2867984M40.6261938 18.5611942C40.6261938 18.4576185 40.5413785 18.3737448 40.43664 18.3737448L36.4599938 18.3737448C36.3552554 18.3737448 36.27044 18.4576185 36.27044 18.5611942 36.27044 18.6653328 36.3552554 18.7486436 36.4599938 18.7486436L40.43664 18.7486436C40.5413785 18.7486436 40.6261938 18.6653328 40.6261938 18.5611942M40.6261938 16.8362092C40.6261938 16.7320706 40.5413785 16.6487597 40.43664 16.6487597L36.4599938 16.6487597C36.3552554 16.6487597 36.27044 16.7320706 36.27044 16.8362092 36.27044 16.9397848 36.3552554 17.0236586 36.4599938 17.0236586L40.43664 17.0236586C40.5413785 17.0236586 40.6261938 16.9397848 40.6261938 16.8362092M13.3031169 32.3629884C13.3031169 32.2594127 13.2183015 32.1755389 13.1135631 32.1755389L9.13691692 32.1755389C9.03217846 32.1755389 8.94736308 32.2594127 8.94736308 32.3629884 8.94736308 32.4671269 9.03217846 32.5504378 9.13691692 32.5504378L13.1135631 32.5504378C13.2183015 32.5504378 13.3031169 32.4671269 13.3031169 32.3629884M13.3031169 30.637947C13.3031169 30.5338085 13.2183015 30.4504976 13.1135631 30.4504976L9.13691692 30.4504976C9.03217846 30.4504976 8.94736308 30.5338085 8.94736308 30.637947 8.94736308 30.7415227 9.03217846 30.8253965 9.13691692 30.8253965L13.1135631 30.8253965C13.2183015 30.8253965 13.3031169 30.7415227 13.3031169 30.637947M13.3031169 28.9123991C13.3031169 28.8088234 13.2183015 28.7249497 13.1135631 28.7249497L9.13691692 28.7249497C9.03217846 28.7249497 8.94736308 28.8088234 8.94736308 28.9123991 8.94736308 29.0165377 9.03217846 29.1004114 9.13691692 29.1004114L13.1135631 29.1004114C13.2183015 29.1004114 13.3031169 29.0165377 13.3031169 28.9123991M13.3031169 27.1874141C13.3031169 27.0838384 13.2183015 26.9999646 13.1135631 26.9999646L9.13691692 26.9999646C9.03217846 26.9999646 8.94736308 27.0838384 8.94736308 27.1874141 8.94736308 27.2909897 9.03217846 27.3748635 9.13691692 27.3748635L13.1135631 27.3748635C13.2183015 27.3748635 13.3031169 27.2909897 13.3031169 27.1874141M13.3031169 25.4623727C13.3031169 25.3582342 13.2183015 25.2749233 13.1135631 25.2749233L9.13691692 25.2749233C9.03217846 25.2749233 8.94736308 25.3582342 8.94736308 25.4623727 8.94736308 25.5659484 9.03217846 25.6498222 9.13691692 25.6498222L13.1135631 25.6498222C13.2183015 25.6498222 13.3031169 25.5659484 13.3031169 25.4623727M13.3031169 23.7368248C13.3031169 23.6332491 13.2183015 23.5493754 13.1135631 23.5493754L9.13691692 23.5493754C9.03217846 23.5493754 8.94736308 23.6332491 8.94736308 23.7368248 8.94736308 23.8409634 9.03217846 23.9242742 9.13691692 23.9242742L13.1135631 23.9242742C13.2183015 23.9242742 13.3031169 23.8409634 13.3031169 23.7368248M13.3031169 22.0117835C13.3031169 21.9082078 13.2183015 21.824334 13.1135631 21.824334L9.13691692 21.824334C9.03217846 21.824334 8.94736308 21.9082078 8.94736308 22.0117835 8.94736308 22.1153591 9.03217846 22.1992329 9.13691692 22.1992329L13.1135631 22.1992329C13.2183015 22.1992329 13.3031169 22.1153591 13.3031169 22.0117835M13.3031169 20.2867984C13.3031169 20.1826599 13.2183015 20.099349 13.1135631 20.099349L9.13691692 20.099349C9.03217846 20.099349 8.94736308 20.1826599 8.94736308 20.2867984 8.94736308 20.3903741 9.03217846 20.4742479 9.13691692 20.4742479L13.1135631 20.4742479C13.2183015 20.4742479 13.3031169 20.3903741 13.3031169 20.2867984M13.3031169 18.5611942C13.3031169 18.4576185 13.2183015 18.3737448 13.1135631 18.3737448L9.13691692 18.3737448C9.03217846 18.3737448 8.94736308 18.4576185 8.94736308 18.5611942 8.94736308 18.6653328 9.03217846 18.7486436 9.13691692 18.7486436L13.1135631 18.7486436C13.2183015 18.7486436 13.3031169 18.6653328 13.3031169 18.5611942M13.3031169 16.8362092C13.3031169 16.7320706 13.2183015 16.6487597 13.1135631 16.6487597L9.13691692 16.6487597C9.03217846 16.6487597 8.94736308 16.7320706 8.94736308 16.8362092 8.94736308 16.9397848 9.03217846 17.0236586 9.13691692 17.0236586L13.1135631 17.0236586C13.2183015 17.0236586 13.3031169 16.9397848 13.3031169 16.8362092"></path>
                                                                                    <path stroke="currentColor" d="M12.4109046,37.0306479 C12.4109046,37.8631935 11.7289662,38.5375611 10.8870738,38.5375611 C10.0457508,38.5375611 9.36324308,37.8631935 9.36324308,37.0306479 C9.36324308,36.1981023 10.0457508,35.5231718 10.8870738,35.5231718 C11.7289662,35.5231718 12.4109046,36.1981023 12.4109046,37.0306479 Z"></path>
                                                                                    <path fill="currentColor" d="M14.8362262 35.5232843C15.6781185 35.5232843 16.3600569 36.1982148 16.3600569 37.0307605 16.3600569 37.8627432 15.6781185 38.5371108 14.8362262 38.5371108 13.9943338 38.5371108 13.3118262 37.8627432 13.3118262 37.0307605 13.3118262 36.1982148 13.9943338 35.5232843 14.8362262 35.5232843M20.3089815 37.0306479C20.3089815 37.8631935 19.6270431 38.5375611 18.7851508 38.5375611 17.9438277 38.5375611 17.26132 37.8631935 17.26132 37.0306479 17.26132 36.1981023 17.9438277 35.5231718 18.7851508 35.5231718 19.6270431 35.5231718 20.3089815 36.1981023 20.3089815 37.0306479M22.7343031 35.5232843C23.5761954 35.5232843 24.2581338 36.1982148 24.2581338 37.0307605 24.2581338 37.8627432 23.5761954 38.5371108 22.7343031 38.5371108 21.8924108 38.5371108 21.2099031 37.8627432 21.2099031 37.0307605 21.2099031 36.1982148 21.8924108 35.5232843 22.7343031 35.5232843"></path>
                                                                                    <path stroke="currentColor" d="M28.2070585,37.0306479 C28.2070585,37.8631935 27.52512,38.5375611 26.6832277,38.5375611 C25.8419046,38.5375611 25.1593969,37.8631935 25.1593969,37.0306479 C25.1593969,36.1981023 25.8419046,35.5231718 26.6832277,35.5231718 C27.52512,35.5231718 28.2070585,36.1981023 28.2070585,37.0306479 Z"></path>
                                                                                    <path fill="currentColor" d="M30.63238 35.5232843C31.4742723 35.5232843 32.1562108 36.1982148 32.1562108 37.0307605 32.1562108 37.8627432 31.4742723 38.5371108 30.63238 38.5371108 29.7904877 38.5371108 29.10798 37.8627432 29.10798 37.0307605 29.10798 36.1982148 29.7904877 35.5232843 30.63238 35.5232843M36.1051354 37.0306479C36.1051354 37.8631935 35.4231969 38.5375611 34.5813046 38.5375611 33.7399815 38.5375611 33.0574738 37.8631935 33.0574738 37.0306479 33.0574738 36.1981023 33.7399815 35.5231718 34.5813046 35.5231718 35.4231969 35.5231718 36.1051354 36.1981023 36.1051354 37.0306479M38.5304569 35.5232843C39.3723492 35.5232843 40.0542877 36.1982148 40.0542877 37.0307605 40.0542877 37.8627432 39.3723492 38.5371108 38.5304569 38.5371108 37.6885646 38.5371108 37.0060569 37.8627432 37.0060569 37.0307605 37.0060569 36.1982148 37.6885646 35.5232843 38.5304569 35.5232843M17.8519538 33.4025164L17.1728615 33.4025164C16.2854308 33.4025164 15.5590923 32.6842418 15.5590923 31.8066632L15.5590923 31.1351102C15.5590923 30.2575317 16.2854308 29.5398199 17.1728615 29.5398199L17.8519538 29.5398199C18.7393846 29.5398199 19.4651538 30.2575317 19.4651538 31.1351102L19.4651538 31.8066632C19.4651538 32.6842418 18.7393846 33.4025164 17.8519538 33.4025164M22.5925646 33.4025164L21.9134723 33.4025164C21.0254723 33.4025164 20.2997031 32.6842418 20.2997031 31.8066632L20.2997031 31.1351102C20.2997031 30.2575317 21.0254723 29.5398199 21.9134723 29.5398199L22.5925646 29.5398199C23.4799954 29.5398199 24.2057646 30.2575317 24.2057646 31.1351102L24.2057646 31.8066632C24.2057646 32.6842418 23.4799954 33.4025164 22.5925646 33.4025164M27.3326631 33.4025164L26.65414 33.4025164C25.76614 33.4025164 25.0403708 32.6842418 25.0403708 31.8066632L25.0403708 31.1351102C25.0403708 30.2575317 25.76614 29.5398199 26.65414 29.5398199L27.3326631 29.5398199C28.2206631 29.5398199 28.9464323 30.2575317 28.9464323 31.1351102L28.9464323 31.8066632C28.9464323 32.6842418 28.2206631 33.4025164 27.3326631 33.4025164M32.0732738 33.4025164L31.3941815 33.4025164C30.5067508 33.4025164 29.7809815 32.6842418 29.7809815 31.8066632L29.7809815 31.1351102C29.7809815 30.2575317 30.5067508 29.5398199 31.3941815 29.5398199L32.0732738 29.5398199C32.9612738 29.5398199 33.6870431 30.2575317 33.6870431 31.1351102L33.6870431 31.8066632C33.6870431 32.6842418 32.9612738 33.4025164 32.0732738 33.4025164"></path>
                                                                                </g>
                                                                            </svg>
                                                                        </span>DJ samplers</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/product/effector/" class="megaMenu__link"> <span class="megaMenu__link__icon">
                                                                            <svg class="symbol symbol--remixstation" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                                <title>1 fundament/icons/product/remix station</title>
                                                                                <path d="M16.623 26.004c0-4.604 3.233-8.669 7.839-9.85 3.775-.97 7.717.075 10.434 2.789 1.518 1.517 2.461 3.326 2.815 5.414.859 5.07-2.337 9.98-7.43 11.423-4.01 1.137-8.238-.026-11.02-3.05-1.33-1.445-2.165-3.131-2.486-5.045-.093-.554-.127-1.118-.188-1.677l.036-.004m9.852-4.71c-2.016.226-4.243 2.045-4.209 4.78.033 2.64 2.315 4.783 5.138 4.71 2.706-.068 4.909-2.316 4.805-4.934-.108-2.747-2.402-4.37-4.212-4.553v4.435c0 .06-.001.122-.007.183-.038.404-.447.709-.86.642-.407-.066-.655-.364-.655-.792v-4.471zm.753 10.954c-3.589-.002-6.485-2.802-6.482-6.266.003-3.435 2.919-6.226 6.501-6.223 3.583.003 6.49 2.807 6.486 6.254-.005 3.445-2.917 6.237-6.505 6.235zm.011 2.553c.462-.041.927-.06 1.384-.128 1.869-.28 3.522-1.025 4.876-2.304 2.513-2.377 3.415-5.256 2.56-8.56-.963-3.723-4.338-6.342-8.302-6.561a9.236 9.236 0 0 0-5.202 1.23c-3.47 1.987-5.177 5.987-4.154 9.723 1.063 3.878 4.689 6.577 8.838 6.6M47 25.341v1.324c-.007.052-.02.103-.021.155a17.434 17.434 0 0 1-.458 3.345c-.997 4.17-3.19 7.638-6.578 10.38-3.294 2.665-7.105 4.12-11.39 4.41l-.642.045H26.52c-.058-.007-.116-.02-.174-.022a19.955 19.955 0 0 1-3.861-.534c-3.21-.768-6.051-2.216-8.505-4.36-2.873-2.509-4.824-5.575-5.84-9.194-.073-.259-.137-.52-.207-.788-.04.024-.073.042-.104.062-1.22.774-2.442 1.546-3.66 2.322-.748.475-1.491.955-2.237 1.431a.587.587 0 0 1-.459.083c-.253-.056-.391-.222-.472-.447V20.341c.01-.022.02-.044.027-.067.152-.439.673-.586 1.047-.295.03.022.06.046.09.066l5.383 3.398c.03.019.062.032.09.047.08-.436.145-.86.235-1.279.636-2.979 1.915-5.675 3.905-8.027 3.708-4.384 8.504-6.76 14.342-7.143 2-.131 3.978.055 5.921.534 4.456 1.099 8.11 3.403 10.918 6.927 2.403 3.015 3.724 6.442 3.996 10.244.014.199.03.397.046.596m-6.996 12.16c3.59-3.86 5.188-8.345 4.579-13.505-.47-3.98-2.291-7.335-5.251-10.131l-.105.11c-.949 1.026-1.897 2.051-2.847 3.075-.308.331-.782.363-1.106.08-.32-.28-.33-.73-.023-1.062l2.273-2.454c.217-.233.433-.468.649-.702-6.07-4.85-15.367-4.958-21.568-.23.016.019.031.038.048.056l1.757 1.898c.448.484.898.966 1.343 1.451a.719.719 0 0 1-.3 1.191c-.311.107-.616.02-.863-.246l-3.067-3.312c-.03-.033-.061-.064-.094-.098-.031.026-.054.043-.076.063-2.238 2.01-3.839 4.417-4.777 7.232a15.95 15.95 0 0 0-.769 3.836c-.006.084.019.132.093.178.645.403 1.287.81 1.929 1.216.51.322.507 1.155-.004 1.48-.575.364-1.148.73-1.725 1.092-.075.047-.103.094-.084.179.038.17.066.345.104.516.69 3.137 2.186 5.86 4.468 8.182.051.053.098.11.148.167.045-.044.07-.066.091-.09l1.817-1.962c.352-.38.701-.763 1.058-1.138a.768.768 0 0 1 .926-.143c.3.16.463.491.362.81a1.127 1.127 0 0 1-.25.403c-.91.992-1.828 1.979-2.743 2.967l-.13.144c6.797 5.646 16.844 5.218 23.026-.245l-.09-.101-1.191-1.287c-.482-.52-.965-1.038-1.444-1.561a.7.7 0 0 1-.067-.904c.284-.401.863-.43 1.213-.055.858.923 1.713 1.848 2.57 2.773l.12.128" fill="currentColor" fill-rule="evenodd"></path>
                                                                            </svg>
                                                                        </span>Effector</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/product/production/" class="megaMenu__link"> <span class="megaMenu__link__icon">
                                                                            <svg class="symbol symbol--production" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                                <g fill="none">
                                                                                    <path d="M35.144 42.434H12.858C10.736 42.434 9 40.642 9 38.452V9.982C9 7.792 10.736 6 12.858 6h22.286c2.122 0 3.858 1.792 3.858 3.982v28.47c0 2.19-1.736 3.982-3.858 3.982z" stroke="currentColor" stroke-width="2"></path>
                                                                                    <path d="M13.604 9.613v2.184" stroke="currentColor" stroke-linecap="round"></path>
                                                                                    <path d="M15.866 11.628c0 1.375-1.013 2.49-2.261 2.49-1.25 0-2.263-1.115-2.263-2.49 0-1.375 1.013-2.49 2.263-2.49 1.248 0 2.261 1.115 2.261 2.49z" stroke="currentColor"></path>
                                                                                    <path d="M21.596 12.79l-1.771-1.197" stroke="currentColor" stroke-linecap="round"></path>
                                                                                    <path d="M18.524 13.504c-1.115-.753-1.465-2.238-.781-3.317.684-1.078 2.143-1.343 3.258-.59 1.115.753 1.465 2.239.78 3.318-.684 1.078-2.142 1.343-3.257.59z" stroke="currentColor"></path>
                                                                                    <path d="M18.303 35.475H11.7a.656.656 0 0 1-.643-.664v-3.77c0-.366.29-.665.643-.665h6.603c.354 0 .643.3.643.664v3.771c0 .365-.29.664-.643.664M27.299 35.475h-6.603a.656.656 0 0 1-.643-.664v-3.77c0-.366.289-.665.643-.665h6.603c.353 0 .643.3.643.664v3.771c0 .365-.29.664-.643.664M36.294 35.475h-6.603a.656.656 0 0 1-.643-.664v-3.77c0-.366.29-.665.643-.665h6.603c.354 0 .643.3.643.664v3.771c0 .365-.289.664-.643.664M18.303 28.935H11.7a.656.656 0 0 1-.643-.663V24.5c0-.365.29-.664.643-.664h6.603c.354 0 .643.299.643.664v3.77c0 .366-.29.664-.643.664M27.299 28.935h-6.603a.656.656 0 0 1-.643-.663V24.5c0-.365.289-.664.643-.664h6.603c.353 0 .643.299.643.664v3.77c0 .366-.29.664-.643.664M36.294 28.935h-6.603a.656.656 0 0 1-.643-.663V24.5c0-.365.29-.664.643-.664h6.603c.354 0 .643.299.643.664v3.77c0 .366-.289.664-.643.664M18.303 22.238H11.7a.656.656 0 0 1-.643-.664v-3.77c0-.366.29-.665.643-.665h6.603c.354 0 .643.3.643.664v3.771c0 .365-.29.664-.643.664M27.299 22.238h-6.603a.656.656 0 0 1-.643-.664v-3.77c0-.366.289-.665.643-.665h6.603c.353 0 .643.3.643.664v3.771c0 .365-.29.664-.643.664M36.294 22.238h-6.603a.656.656 0 0 1-.643-.664v-3.77c0-.366.29-.665.643-.665h6.603c.354 0 .643.3.643.664v3.771c0 .365-.289.664-.643.664M20.557 38.182l-3.147-.007a.733.733 0 0 0-.723.743.734.734 0 0 0 .72.747l3.147.007a.734.734 0 0 0 .724-.744.734.734 0 0 0-.72-.746M25.566 38.182l-3.148-.007a.733.733 0 0 0-.722.743.734.734 0 0 0 .72.747l3.147.007a.734.734 0 0 0 .723-.744.734.734 0 0 0-.72-.746M30.588 38.182l-3.148-.007a.733.733 0 0 0-.723.743.734.734 0 0 0 .72.747l3.147.007a.734.734 0 0 0 .724-.744.734.734 0 0 0-.72-.746" fill="currentColor"></path>
                                                                                </g>
                                                                            </svg>
                                                                        </span>Music production</a>
                                                                </li>
                                                            </ul>
                                                            <ul class="megaMenu__list">
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/product/headphones/" class="megaMenu__link"> <span class="megaMenu__link__icon">
                                                                            <svg class="symbol symbol--headphones" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                                <title>1 fundament/icons/product/headphones</title>
                                                                                <path d="M37.356 34.93l.756-2.346 1.153-3.581c.232-.719-.266-1.46-1.111-1.657a1.834 1.834 0 0 0-.987.046l.157-.49c.232-.719-.266-1.46-1.111-1.657-.846-.196-1.718.226-1.95.945l-4.38 13.6c-.231.718.267 1.965 1.112 2.162.14.032.28.048.42.048.697 0 1.336-.9 1.53-1.498l.034-.11c.203.219.482.388.822.468.14.032.282.048.42.048.698 0 1.337-.394 1.53-.993l.959-2.978c.421.168.842.253 1.26.253.19 0 .379-.017.567-.053 1.67-.31 2.488-1.871 2.576-2.049 1.032-2.188 2.779-8.81 2.852-9.09a1.047 1.047 0 0 0-.714-1.27l-4.067-1.214a1.051 1.051 0 0 0-1.309.702 1.046 1.046 0 0 0 .705 1.304l3.09.923c-.529 1.936-1.728 6.205-2.45 7.736-.001 0-.432.786-1.076.9-.254.046-.526-.022-.788-.148zM13.29 36.938l.96 2.978c.192.6.831.993 1.53.993.137 0 .279-.016.419-.048.34-.08.62-.25.822-.467l.035.109c.193.599.832 1.498 1.53 1.498.138 0 .28-.016.42-.048.844-.197 1.342-1.444 1.11-2.162l-4.38-13.6c-.23-.719-1.103-1.141-1.95-.945-.844.197-1.342.938-1.11 1.657l.157.49a1.834 1.834 0 0 0-.987-.046c-.845.197-1.343.938-1.111 1.657l1.153 3.58.756 2.348c-.262.126-.534.194-.788.149-.644-.115-1.075-.9-1.075-.9-.723-1.532-1.922-5.8-2.45-7.737l3.089-.923c.556-.166.871-.75.705-1.304a1.051 1.051 0 0 0-1.309-.702L6.75 24.729a1.047 1.047 0 0 0-.714 1.268c.073.28 1.82 6.903 2.852 9.091.088.178.906 1.74 2.576 2.05.188.035.378.052.568.052.417 0 .838-.085 1.26-.253zm27.395-14.974a1.207 1.207 0 0 1-1.205-1.333c.055-.523.083-1.048.083-1.56 0-8.082-6.599-14.657-14.71-14.657-8.112 0-14.711 6.575-14.711 14.658 0 .51.028 1.036.083 1.56a1.208 1.208 0 0 1-1.076 1.326 1.212 1.212 0 0 1-1.332-1.074 17.231 17.231 0 0 1-.097-1.812C7.72 9.658 15.406 2 24.852 2 34.3 2 41.985 9.658 41.985 19.07c0 .596-.033 1.206-.098 1.813a1.21 1.21 0 0 1-1.202 1.08z" fill="currentColor" fill-rule="evenodd"></path>
                                                                            </svg>
                                                                        </span>Headphones</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/product/monitor-speakers/" class="megaMenu__link"> <span class="megaMenu__link__icon">
                                                                            <svg class="symbol symbol--monitors" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                                <title>1 fundament/icons/product/monitor speakers</title>
                                                                                <path d="M11.795 47c-2.096 0-3.806-1.41-3.893-3.208l-.899-18.737a2.641 2.641 0 0 1 0-.27l.904-19.57C7.99 3.411 9.7 2 11.8 2h26.391C40.29 2 42 3.411 42.084 5.213l.913 19.57c.004.091.004.182 0 .273l-.91 18.736C42.002 45.591 40.292 47 38.197 47H11.795zM11.8 3.34c-1.275 0-2.313.847-2.363 1.927l-.904 19.571a2.81 2.81 0 0 0 0 .161l.9 18.736c.052 1.08 1.089 1.925 2.362 1.925h26.4c1.273 0 2.31-.845 2.363-1.925L41.466 25a1.637 1.637 0 0 0 0-.162l-.913-19.57c-.05-1.081-1.088-1.927-2.362-1.927h-26.39zm13.195 31.771c-7.394 0-13.408-5.772-13.408-12.867 0-7.095 6.014-12.868 13.408-12.868 7.393 0 13.409 5.773 13.409 12.868 0 7.095-6.016 12.867-13.409 12.867zm0-24.338c-6.59 0-11.953 5.146-11.953 11.471 0 6.326 5.362 11.471 11.953 11.471 6.59 0 11.953-5.145 11.953-11.47 0-6.326-5.362-11.472-11.953-11.472zm0 2.573c5.121 0 9.272 3.984 9.272 8.898 0 4.915-4.15 8.898-9.272 8.898-5.121 0-9.272-3.983-9.272-8.898 0-4.914 4.15-8.898 9.272-8.898zm0 12.815c2.255 0 4.082-1.753 4.082-3.917 0-2.163-1.827-3.917-4.082-3.917-2.254 0-4.082 1.754-4.082 3.917 0 2.164 1.828 3.917 4.082 3.917zm0-7.109c1.834 0 3.327 1.432 3.327 3.192 0 1.76-1.493 3.193-3.327 3.193-1.834 0-3.326-1.433-3.326-3.193s1.492-3.192 3.326-3.192zm0 4.982c1.03 0 1.865-.801 1.865-1.79 0-.988-.835-1.789-1.865-1.789s-1.864.8-1.864 1.79c0 .988.834 1.789 1.864 1.789zm8.657 14.59c.977 0 1.652.94 1.302 1.817l-.82 2.062c-.207.518-.726.86-1.304.86H17.16a1.395 1.395 0 0 1-1.303-.86l-.821-2.062c-.35-.876.325-1.817 1.302-1.817h17.314z" fill="currentColor" fill-rule="evenodd"></path>
                                                                            </svg>
                                                                        </span>Monitor speakers</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/product/pa-speakers/" class="megaMenu__link"> <span class="megaMenu__link__icon">
                                                                            <svg class="symbol symbol--paspeakers" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 34 47">
                                                                                <defs>
                                                                                    <polygon id="pa-speakers-a" points="0 .095 33.799 .095 33.799 45.508 0 45.508"></polygon>
                                                                                </defs>
                                                                                <g fill="none" fill-rule="evenodd">
                                                                                    <g transform="translate(0 .651)">
                                                                                        <mask id="pa-speakers-b" fill="#fff">
                                                                                            <use xlink:href="#pa-speakers-a"></use>
                                                                                        </mask>
                                                                                        <path fill="currentColor" d="M3.95261333,1.44730159 C2.70216889,1.44730159 1.68368,2.30150794 1.63456889,3.39220635 L1.50385778,23.1426508 C1.50234667,23.1963651 1.50234667,23.2515714 1.50385778,23.3052857 L1.63003556,42.2127143 C1.68065778,43.3026667 2.69839111,44.155381 3.94732444,44.155381 L29.84248,44.155381 C31.0899022,44.155381 32.1076356,43.3026667 32.1590133,42.2142063 L32.2942578,23.3052857 C32.29728,23.2500794 32.29728,23.194873 32.2950133,23.1411587 L32.15448,3.39071429 C32.1053689,2.30150794 31.0876356,1.44730159 29.8371911,1.44730159 L3.95261333,1.44730159 Z M3.94732444,45.5079365 C1.89070222,45.5079365 0.214124444,44.085254 0.128746667,42.2701587 L0.00332444444,23.3619841 C-0.00120888889,23.2702222 -0.00120888889,23.1792063 0.00332444444,23.0881905 L0.134035556,3.33774603 C0.215635556,1.5204127 1.89145778,0.0947460317 3.95261333,0.0947460317 L29.8371911,0.0947460317 C31.8953244,0.0947460317 33.5734133,1.51892063 33.6557689,3.337 L33.7955467,23.0874444 C33.80008,23.1792063 33.80008,23.2709683 33.7955467,23.3627302 L33.6595467,42.2716508 C33.5741689,44.085254 31.8975911,45.5079365 29.84248,45.5079365 L3.94732444,45.5079365 Z" mask="url(#pa-speakers-b)"></path>
                                                                                    </g>
                                                                                    <path fill="currentColor" d="M16.8996622 35.5228984C14.4380622 35.5228984 12.4433956 33.5518825 12.4433956 31.1228032 12.4433956 28.6922317 14.4380622 26.7219619 16.8996622 26.7219619 19.3605067 26.7219619 21.3559289 28.6922317 21.3559289 31.1228032 21.3559289 33.5518825 19.3605067 35.5228984 16.8996622 35.5228984M16.8996622 21.1259778C11.3085511 21.1259778 6.77597333 25.6014222 6.77597333 31.1228032 6.77597333 36.6426921 11.3085511 41.1181365 16.8996622 41.1181365 22.4900178 41.1181365 27.0225956 36.6426921 27.0225956 31.1228032 27.0225956 25.6014222 22.4900178 21.1259778 16.8996622 21.1259778M16.8996622 15.5446905C13.4309067 15.5446905 10.6187289 13.8840238 10.6187289 11.8361667 10.6187289 9.78830952 13.4309067 8.12838889 16.8996622 8.12838889 20.3676622 8.12838889 23.17984 9.78830952 23.17984 11.8361667 23.17984 13.8840238 20.3676622 15.5446905 16.8996622 15.5446905M21.9384622 4.74588095L11.8601067 4.74588095C10.6821956 4.74588095 9.71886222 5.69781746 9.71886222 6.86088095L9.71886222 16.8114524C9.71886222 17.9752619 10.6821956 18.9264524 11.8601067 18.9264524L21.9384622 18.9264524C23.1163733 18.9264524 24.0797067 17.9752619 24.0797067 16.8114524L24.0797067 6.86088095C24.0797067 5.69781746 23.1163733 4.74588095 21.9384622 4.74588095"></path>
                                                                                    <path fill="currentColor" d="M18.2218844,11.8363905 C18.2218844,12.5578032 17.6295289,13.141946 16.8996622,13.141946 C16.16904,13.141946 15.57744,12.5578032 15.57744,11.8363905 C15.57744,11.1149778 16.16904,10.5308349 16.8996622,10.5308349 C17.6295289,10.5308349 18.2218844,11.1149778 18.2218844,11.8363905"></path>
                                                                                    <polygon fill="currentColor" points="10.131 45.673 .174 35.841 .954 35.072 10.91 44.904"></polygon>
                                                                                    <polygon fill="currentColor" points="33.302 35.841 23.345 45.673 22.566 44.903 32.523 35.072"></polygon>
                                                                                </g>
                                                                            </svg>
                                                                        </span>PA speakers</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/product/accessories/" class="megaMenu__link"> <span class="megaMenu__link__icon">
                                                                            <svg class="symbol symbol--accessories" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                                <title>1 fundament/icons/product/accessories</title>
                                                                                <defs>
                                                                                    <path id="a" d="M.718.635h3.115v3.114H.718V.635z"></path>
                                                                                </defs>
                                                                                <g fill="currentColor" fill-rule="evenodd">
                                                                                    <path d="M13.8 14.404c.69 1.505 1.81 2.555 3.199 3.407l-.885.32-1.173.426c-.55.201-.947.585-1.274 1.055-1.04 1.488-1.944 3.05-2.662 4.719-.32.744-.43 1.536-.391 2.342.052 1.107.867 2.03 2.022 2.312.907.223 1.798.1 2.662-.195 1.484-.508 2.834-1.277 4.075-2.225a87.75 87.75 0 0 0 2.914-2.354c1.767-1.472 3.65-2.76 5.766-3.68 1.04-.451 2.11-.825 3.23-1.027 1.679-.304 3.321-.192 4.84.63 2 1.081 3.172 2.8 3.635 5.007.266 1.265.083 2.507-.255 3.736-.526 1.916-1.483 3.616-2.613 5.229-1.536 2.194-3.331 4.16-5.29 5.98-.719.667-1.458 1.317-2.217 1.943-.626.517-1.414.397-1.846-.242-.26-.384-.389-1.158.129-1.67.345-.34.717-.655 1.085-.97a37.916 37.916 0 0 0 3.65-3.608c1.032-1.158 2.014-2.356 2.868-3.653.81-1.229 1.461-2.533 1.826-3.965.277-1.089.322-2.179-.153-3.229-.603-1.334-1.586-2.245-3.04-2.583-.625-.146-1.26-.131-1.896-.046-1.484.196-2.845.733-4.142 1.46-1.449.812-2.754 1.822-4.041 2.863-1.361 1.1-2.68 2.255-4.165 3.196-1.531.97-3.15 1.728-4.954 2.028-1.311.218-2.602.17-3.799-.479-1.325-.719-2.267-1.782-2.696-3.245-.285-.973-.25-1.963-.062-2.955.377-1.976 1.27-3.718 2.421-5.34.418-.59.857-1.164 1.298-1.736.665-.861 1.165-1.817 1.617-2.8.095-.21.2-.413.316-.651" fill="currentColor"></path>
                                                                                    <path d="M17.183 16.458l-2.067-2.136 2.713-2.805 2.14 2.06-2.786 2.88M18.539 10.782l2.14-2.214 2.084 2.12-2.142 2.215-2.082-2.12" fill="currentColor"></path>
                                                                                    <g transform="translate(20.609 6.206)">
                                                                                        <mask id="b" fill="#fff">
                                                                                            <use xlink:href="#a"></use>
                                                                                        </mask>
                                                                                        <path d="M2.882 3.749c-.73-.697-1.44-1.375-2.164-2.064.266-.264.486-.52.743-.731.554-.455 1.328-.416 1.875.067.53.467.665 1.3.267 1.895-.213.317-.501.583-.72.833" fill="currentColor" mask="url(#b)"></path>
                                                                                    </g>
                                                                                </g>
                                                                            </svg>
                                                                        </span>Accessories</a>
                                                                </li>
                                                            </ul>

                                                        </div>
                                                        <div class="megaMenu__aside">
                                                            <div class="megaMenu__aside__inner">
                                                                <a href="http://rekordbox.com" class="megaMenu__banner" target="_blank">
                                                                    <span class="megaMenu__banner__visual responsiveImage--bg">
                                                                        <em data-mq="small" href="/-/media/pioneerdj/images/navigation/dropdown-menu/rb6-mega-menu-banner-mobile-250x90.jpg?mh=90&amp;w=250&amp;hash=019BEEC30C5CECD8104BCFCDC9531771"></em>
                                                                        <em data-mq="large" href="/-/media/pioneerdj/images/navigation/dropdown-menu/rb6-mega-menu-banner-320x200.jpg?h=200&amp;w=320&amp;hash=B21B6185B82A99FFEFD9F7634FF2D874"></em>
                                                                    </span>

                                                                    <div class="megaMenu__banner__content">
                                                                        <p class="megaMenu__banner__title">Rekordbox6</p>
                                                                        <div class="megaMenu__banner__desc">test</div>
                                                                    </div>

                                                                    <div class="megaMenu__banner__icon">
                                                                        <span class="button button--subtle">
                                                                            <i class="button__icon">
                                                                                <svg class="symbol symbol--arro-right" viewBox="0 0 27 18" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                                    <g transform="translate(-38 -1)" fill="none" fill-rule="evenodd">
                                                                                        <path class="theFill" d="M38.009 1.001h26.988L47.14 19.005v-6.65H38.01z" />
                                                                                        <path class="theStroke" stroke="#395EE2" stroke-width="2" d="M39.009 2.001v9.355h9.131v5.22L62.597 2.002H39.009z" />
                                                                                    </g>
                                                                                </svg>
                                                                            </i>
                                                                        </span>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        </div>

                                                        <div class="megaMenu__cta">
                                                            <ul class="megaMenu_btnlist">
                                                                <li class="megaMenu_btn"><a href="/en/product/" class="button"><span class=" button__label">All products</span></a></li>
                                                                <li class="megaMenu_btn"><a href="/en/product/archive/" class="button"><span class="button__label">Archived Products</span></a></li>
                                                            </ul>
                                                        </div>

                                                    </div>
                                                </div>
                                            </section>
                                        </li>
                                        <li class="mainNav__item">
                                            <a href="/en/news/" class="mainNav__link" title="News">News</a>
                                        </li>
                                        <li class="mainNav__item">
                                            <a href="http://blog.pioneerdj.com" class="mainNav__link" rel="noopener noreferrer" target="_blank">Blog</a>
                                        </li>
                                        <li class="mainNav__item">
                                            <section class="megaMenu">
                                                <a class="mainNav__link megaMenu__trigger">Support</a>
                                                <span class="megaMenu__icon megaMenu__trigger"></span>
                                                <div class="megaMenu__target">
                                                    <div class="megaMenu__inner">
                                                        <div class="megaMenu__links">
                                                            <ul class="megaMenu__list">
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/support/software/" class="megaMenu__link"> <span class="megaMenu__link__icon">

                                                                        </span>Software &amp; firmware updates</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/support/documents/" class="megaMenu__link"> <span class="megaMenu__link__icon">

                                                                        </span>Tutorials, manuals &amp; documentation</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/support/software-information/" class="megaMenu__link"> <span class="megaMenu__link__icon">

                                                                        </span>Extra software information</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="http://faq.pioneerdj.com" class="megaMenu__link" rel="noopener noreferrer" target="_blank"> <span class="megaMenu__link__icon">

                                                                        </span>FAQ</a>
                                                                </li>
                                                            </ul>
                                                            <ul class="megaMenu__list">
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/support/service-centres/" class="megaMenu__link"> <span class="megaMenu__link__icon">

                                                                        </span>Service centers</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/landing/technical-riders/" class="megaMenu__link"> <span class="megaMenu__link__icon">

                                                                        </span>Technical Riders</a>
                                                                </li>
                                                                <li class="megaMenu__item">
                                                                    <a href="/en/account/about/" class="megaMenu__link"> <span class="megaMenu__link__icon">

                                                                        </span>My Pioneer DJ Account</a>
                                                                </li>
                                                            </ul>

                                                        </div>

                                                        <div class="megaMenu__cta">
                                                            <ul class="megaMenu_btnlist">
                                                                <li class="megaMenu_btn"><a href="/en/support/" class="button"><span class=" button__label">All support</span></a></li>
                                                            </ul>
                                                        </div>

                                                    </div>
                                                </div>
                                            </section>
                                        </li>
                                        <li class="mainNav__item">
                                            <a href="/Pioneer/PioneerDJ/Home/Shops/search" class="mainNav__link"></a>
                                        </li>
                                    </ul>
                                </nav>

                            </div>
                            <div class="header__actionNav">
                                <nav class="actionNav">
                                    <div class="actionNav__item">
                                        <div class="search">
                                            <a class="search__trigger search__trigger--open header__trigger--close">
                                                <svg class="symbol symbol--search" viewBox="0 0 20 19">
                                                    <path fill="currentColor" d="M6.49314942,13.6122949 C6.47588142,13.6181476 6.42690009,13.6318599 6.34238653,13.6318599 C6.14480082,13.6318599 5.942483,13.5575296 5.8612072,13.4857914 L1.7437035,9.84921293 C1.61303127,9.73349526 1.50278176,9.40632527 1.53673661,9.23433737 L2.6046127,3.82428522 C2.63848453,3.65238093 2.86487791,3.39251783 3.02942199,3.33608038 L8.21488479,1.56269028 C8.23198674,1.55692112 8.28130015,1.54320891 8.36573069,1.54320891 C8.56331641,1.54320891 8.76538516,1.61753912 8.84674399,1.689361 L12.9642477,5.32610667 C13.0949199,5.44157351 13.2052524,5.76891072 13.1713806,5.94064779 L12.1034215,11.3509508 C12.0695497,11.5226878 11.8433223,11.7825509 11.6785292,11.8388212 L6.49314942,13.6122949 Z M19.7390302,17.5341542 L13.4919178,12.016411 C13.5424765,11.8964292 13.5818276,11.7741898 13.6059862,11.6517833 L14.6739453,6.24173113 C14.8135836,5.53404732 14.512888,4.64166672 13.9742594,4.16600353 L9.85675568,0.529090642 C9.48175791,0.197740102 8.92453298,-1.24344979e-14 8.36573069,-1.24344979e-14 C8.13576748,-1.24344979e-14 7.91925338,0.0341969141 7.72233182,0.101671021 L2.53686902,1.87514473 C1.85860208,2.10683091 1.24176936,2.81560167 1.10204804,3.52328549 L0.0340889331,8.93350486 C-0.105632395,9.64110506 0.195229217,10.533402 0.733774825,11.0090652 L4.85136154,14.6461453 C5.22635931,14.9772451 5.78375028,15.1749852 6.34238653,15.1749852 C6.57234974,15.1749852 6.78878082,15.1408719 6.98570238,15.0733977 L12.1710822,13.3000077 C12.2722826,13.2653927 12.3717396,13.2190722 12.468789,13.1648922 L18.7290185,18.6941737 C18.8743852,18.8228511 19.0544538,18.8857266 19.2336923,18.8857266 C19.4467196,18.8857266 19.6585846,18.7968481 19.8099286,18.6228535 C20.0887901,18.3026232 20.0571598,17.8150873 19.7390302,17.5341542 L19.7390302,17.5341542 Z"></path>
                                                </svg>
                                            </a>
                                            <div class="search__inner">
                                                <form action="/search-results" class="search__form">
                                                    <div class="search__field">
                                                        <input name="q" type="search" class="search__input input__search" data-search-page="/search-results?q=" data-no-results="Oops nothing can be found" data-nothing-entered="Please enter a search query">
                                                        <a href="#0" class="search__closeTrigger search__trigger--close">
                                                            <svg class="symbol symbol--close" viewBox="0 0 12 14" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M6.066 5.492L2.372.931A1 1 0 1 0 .818 2.19l3.848 4.752L.418 11.34a1 1 0 0 0 1.439 1.39v-.001l4.077-4.222 3.694 4.561a1 1 0 1 0 1.554-1.259L7.334 7.059l4.248-4.399a1 1 0 0 0-1.439-1.39v.001L6.066 5.492z" fill="currentColor" fill-rule="evenodd" />
                                                            </svg>
                                                            <span class="screenReader">Close</span>
                                                        </a>
                                                    </div>
                                                    <span class="search__loader"></span>
                                                </form>
                                                <div class="search__overlay search__trigger--close"></div>
                                                <div class="search__results">
                                                    <div class="search__results__inner">
                                                        <h3 class="heading heading--2 heading--fancy">
                                                            Top results
                                                        </h3>
                                                        <ul class="search__list"><!-- POPULATED WITH JAVASCRIPT --></ul>
                                                        <a class="search__cta button trigger__searchpage"><span class="button__label">See all results</span></a>
                                                        <p class="search__note">
                                                            Didn’t find what you’re looking for? Maybe use fewer words or a more general search term.<br />If you still have no luck you can contact our <a href="/en/support/contact">customer service</a>.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </nav>
                            </div>
                            <div class="header__profileNav">

                                <nav class="profileNav">
                                    <div class="profileNav__item">
                                        <a href="/en/account/register/" class="profileNav__link">
                                            <span class="profileNav__label">Register</span>
                                        </a>
                                    </div>
                                    <div id="LoginRegister" class="profileNav__item">
                                        <a href="/en/account/login/?relPath=en%2Fproduct%2Fcontroller%2Fddj-flx6%2Fwhite%2Foverview%2F" class="profileNav__link">
                                            <span class="profileNav__label">Log in</span>
                                        </a>
                                    </div>

                                    <div class="profileNav__item profileNav__item--lang">
                                        <a href="/selectCountry/" class="profileNav__link flag flag-INT" style="margin:0;width:20px"></a>
                                    </div>

                                </nav>

                                <script type="text/javascript">
                                    synchroniseLoginStatus();
                                    $("#loginlink").click(function() {
                                        if (window.location.href.indexOf("account/about") > -1) {
                                            document.getElementById("loginlink").setAttribute("target", "_blank")
                                        }
                                    });
                                </script>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <script>
        if (window.location.href.indexOf("/product-register/") > -1) {
            var urlQuery = window.location.href.split('?')[1];
            var redURl = '/account/hardware/product-registration/?' + urlQuery;
            console.log(redURl);
            window.location.href = redURl;
        }
    </script>

    <div id="the-bucket">

        <style type="text/css">
            @media screen and (max-width: 768px) {
                .visual img {
                    object-fit: contain;
                }

                .media__slide {
                    padding-top: 73.86667% !important;
                }
            }
        </style>

        <input type="hidden" id="ProductID" value="{ADCC6BFA-6E04-4449-827A-908453DA65E6}" />
        <input type="hidden" id="ProductCategoryName" value="DDJ-FLX6" />
        <div class="spacer spacer--6"></div>
        <section class="hero-product">
            <div class="hero-product__in">
                <div class="hero-product__inner">
                    <div class="hero-product__media">
                        <section class="media media--slider">
                            <div class="media__slider swiper-container swiper-container-initialized swiper-container-horizontal">
                                <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">

                                    <div class="swiper-slide">
                                        <div class="media__slide">
                                            <picture class="visual">
                                                <source srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png" alt="DDJ-FLX6-W_prm_angle_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png' });">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="media__slide">
                                            <picture class="visual">
                                                <source srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png" alt="DDJ-FLX6-W_prm_frontangle_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png' });">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="media__slide">
                                            <picture class="visual">
                                                <source srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png" alt="DDJ-FLX6-W_prm_top_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png' });">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="media__slide">
                                            <picture class="visual">
                                                <source srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png" alt="DDJ-FLX6-W_prm_front_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png' });">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="media__slide">
                                            <picture class="visual">
                                                <source srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png" alt="DDJ-FLX6-W_prm_rear_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png' });">
                                            </picture>
                                        </div>
                                    </div>

                                </div>
                                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                            </div>

                            <div class="media__thumbs swiper-container swiper-container-initialized swiper-container-horizontal swiper-container-free-mode thumbs-init swiper-container-thumbs">
                                <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">

                                    <div class="swiper-slide" style="width: 124.154px; margin-right: 8px;">
                                        <div class="media__thumb">
                                            <picture class="visual">
                                                <source media="(min-width: 750px)" data-srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png?h=273&amp;w=372&amp;hash=09AB90745797A32F3C59AC3633FED866">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png?h=273&amp;w=372&amp;hash=09AB90745797A32F3C59AC3633FED866" alt="DDJ-FLX6-W_prm_angle_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png' });">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" style="width: 124.154px; margin-right: 8px;">
                                        <div class="media__thumb">
                                            <picture class="visual">
                                                <source media="(min-width: 750px)" data-srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png?h=273&amp;w=372&amp;hash=4C515BF73953431B9978281658EE5703">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png?h=273&amp;w=372&amp;hash=4C515BF73953431B9978281658EE5703" alt="DDJ-FLX6-W_prm_frontangle_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png' });">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" style="width: 124.154px; margin-right: 8px;">
                                        <div class="media__thumb">
                                            <picture class="visual">
                                                <source media="(min-width: 750px)" data-srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png?h=273&amp;w=372&amp;hash=3244CAEF13E9CA9789B36698E402A4AD">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png?h=273&amp;w=372&amp;hash=3244CAEF13E9CA9789B36698E402A4AD" alt="DDJ-FLX6-W_prm_top_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png' });">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" style="width: 124.154px; margin-right: 8px;">
                                        <div class="media__thumb">
                                            <picture class="visual">
                                                <source media="(min-width: 750px)" data-srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png?h=273&amp;w=372&amp;hash=4DD65B861F994889EC93F12F3D1FD75C">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png?h=273&amp;w=372&amp;hash=4DD65B861F994889EC93F12F3D1FD75C" alt="DDJ-FLX6-W_prm_front_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png' });">
                                            </picture>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" style="width: 124.154px; margin-right: 8px;">
                                        <div class="media__thumb">
                                            <picture class="visual">
                                                <source media="(min-width: 750px)" data-srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png?h=273&amp;w=372&amp;hash=04D3978E89B59859E8A25C3207136BA7">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png?h=273&amp;w=372&amp;hash=04D3978E89B59859E8A25C3207136BA7" alt="DDJ-FLX6-W_prm_rear_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png' });">
                                            </picture>
                                        </div>
                                    </div>
                                </div>
                                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                            </div>
                        </section>
                    </div>
                    <div class="hero-product__content">
                        <div class="hero-product__back caption">
                            <a href="/en/product/controller/" class="link link--underlined" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Navigate', 'dlElement': 'Back to parent page', 'dlLabel': 'DJ Controller', 'dlPosition': 'top', 'dlURL': '/en/product/controller/' });">
                                <span class="link__label">&lt; DJ Controller</span>
                            </a>
                        </div>
                        <input type="hidden" id="productCurrentItem" value="{8688C6E2-D584-443D-98FC-F05C0CDF1DC2}" />
                        <div class="hero-product__logos">

                        </div>

                        <div class="hero-product__intro">
                            <h3 class="hero-product__heading heading" id="product_name">DDJ-FLX6-W</h3>

                            <div class="hero-product__description">
                                4-channel DJ controller for rekordbox and Serato DJ Pro
                            </div>

                        </div>

                        <div class="hero-product__info">
                            <h3 class="hero-product__subheading heading">Flex Your Boundaries</h3>

                            <div class="hero-product__description p--2">
                                Captivate your audience with the DDJ-FLX6-W. Packing a host of brand-new features, this 4-channel unit makes it easy to hype up the audience, mix tracks from totally different musical genres, and spice up your sets with pro-sounding scratch effects.
                            </div>
                        </div>
                        <div class="hero-product__colors">
                            <div class="hero-product__color">
                                <a href="/en/product/controller/ddj-flx6/dark-grey/overview/" class="radio-color" style="background: #484545;" title="Dark Grey" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Filter', 'dlElement': 'Color', 'dlLabel': 'Dark Grey', 'dlPosition': 'Middle', 'dlURL': '/en/product/controller/ddj-flx6/dark-grey/overview/' });"></a>
                            </div>
                            <div class="hero-product__color">
                                <a href="/en/product/controller/ddj-flx6/white/overview/" class="radio-color" style="background: #FFFFFF;" title="White" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Filter', 'dlElement': 'Color', 'dlLabel': 'White', 'dlPosition': 'Middle', 'dlURL': '/en/product/controller/ddj-flx6/white/overview/' });"></a>
                            </div>
                        </div>

                        <div class="hero-product__price">
                        </div>

                        <section class="overlay-modal" data-modal="warranty-info">
                            <div class="overlay-modal__overlay">
                                <span class="overlay-modal__bg overlay-modal__trigger--close"></span>
                                <div class="overlay-modal__inner">
                                    <span class="overlay-modal__close overlay-modal__trigger--close">
                                        <span class="icon-cross">
                                            <span class="icon-cross__inner"></span>
                                        </span>
                                    </span>
                                    <div class="overlay-modal__content">
                                        <h3 class="heading heading--4">
                                            <span data-step="1">AlphaTheta Care NAME</span>
                                        </h3>
                                        <div class="overlay-modal__description">
                                            <div class="form-container__info">
                                                <h3 class="form-container__info--title">AlphaTheta Care Plus</h3>
                                                <p class="form-container__info--text">NAME</p>
                                                <br>
                                                <h3 class="form-container__info--title">AlphaTheta Care Pro</h3>
                                                <p class="form-container__info--text">NAME</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>

                        <section class="overlay-modal" data-modal="atc-care">
                            <div class="overlay-modal__overlay">
                                <span class="overlay-modal__bg overlay-modal__trigger--close"></span>
                                <div class="overlay-modal__inner">
                                    <span class="overlay-modal__close overlay-modal__trigger--close" onclick="clearText()">
                                        <span class="icon-cross">
                                            <span class="icon-cross__inner"></span>
                                        </span>
                                    </span>
                                    <div class="overlay-modal__content">
                                        <h3 class="heading heading--4">
                                            <span class="form-title" id="formTitle"></span>
                                        </h3>
                                        <br>
                                        <form id="form-atccare" class="form-container" novalidate>
                                            <div class="client">
                                                <div class="client__type">
                                                    <div class="customer-field">
                                                        <input class="custom-radio" name="care" id="private" type="radio" value="private" checked onclick="validateAddtoCartbtn()">
                                                        <label id="private_client" for="private">
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="client__type">
                                                    <div class="customer-field">
                                                        <input class="custom-radio" name="care" id="business" type="radio" value="business" onclick="validateAddtoCartbtn()">
                                                        <label id="business_client" for="business">
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="overlay-modal__form">
                                                <div class="input-field">
                                                    <div class="input-field__inner">
                                                        <input class="input-field__info" type="text" name="firstname" id="name" value="" errorId="name_error_txt" onfocusout="formValidation(this)">
                                                        <span class="input-field__placeholder">NAME</span>
                                                    </div>
                                                    <span id="name_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">Enter valid name</span>
                                                </div>
                                                <br>
                                                <div class="input-field">
                                                    <div class="input-field__inner">
                                                        <input class="input-field__info" type="text" name="surname" id="surname" value="" errorId="surname_error_txt" onfocusout="formValidation(this)">
                                                        <span class="input-field__placeholder">NAME</span>
                                                    </div>
                                                    <span id="surname_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">
                                                        * Please enter the "Last Name".</span>
                                                </div>
                                                <br>
                                                <div class="business-field hidden">
                                                    <div class="input-field">
                                                        <div class="input-field__inner">
                                                            <input class="input-field__info" type="text" name="corporate" id="corporate_name" value="" disabled errorId="corporate_name_error_txt" onfocusout="formValidation(this)">
                                                            <span class="input-field__placeholder">Corporate Name</span>
                                                        </div>
                                                        <span id="corporate_name_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">ATCare.FormTexts.Form.CorporatenameErrorMessage</span>
                                                    </div>
                                                    <br>
                                                    <div class="input-field">
                                                        <div class="input-field__inner">
                                                            <input class="input-field__info" type="text" name="club" id="club_name" value="" disabled errorId="club_name_error_txt" onfocusout="formValidation(this)">
                                                            <span class="input-field__placeholder">ClubName</span>
                                                        </div>
                                                        <span id="club_name_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">ATCare.FormTexts.Form.ClubnameErrorMessage</span>
                                                    </div>
                                                    <br>
                                                </div>
                                                <div class="input-field">
                                                    <div class="input-field__inner">
                                                        <input class="input-field__info" type="text" name="email" id="email" value="" errorId="email_error_txt" onfocusout="formValidation(this)">
                                                        <span class="input-field__placeholder">NAME</span>
                                                    </div>
                                                    <span id="email_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">email address error message</span>
                                                    <span id="email-format_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">email address format error message</span>
                                                </div>
                                                <br>
                                                <div class="input-field">
                                                    <div class="input-field__inner">
                                                        <input class="input-field__info" type="text" name="confirm-email" value="" id="confirm-email" errorId="confirm-email_error_txt" onfocusout="formValidation(this)" onpaste="return false;" ondrop="return false;" autocomplete="off">
                                                        <span class="input-field__placeholder">NAME</span>
                                                    </div>
                                                    <span id="confirm-email_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">Enter your confirmation email address - error message</span>
                                                    <span id="confirm-email-match_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">Email Address Match - error message</span>
                                                </div>
                                                <br>
                                                <div class="overlay-modal__note">
                                                    <div class="checkbox">
                                                        <label class="checkbox__inner">
                                                            <input class="input-field__info" type="checkbox" name="agree" value="agree" id="agree" onclick="validateAddtoCartbtn()">
                                                            <span class="checkbox__spoof">
                                                                <span class="checkbox__icon">
                                                                    <svg class="icon-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12">
                                                                        <path fill="currentColor" d="M5.961 12L0 6.039l2.4-2.4L5.961 7.2 13.084 0l2.4 2.477L5.96 12z" />
                                                                    </svg>
                                                                </span>
                                                            </span>

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

                                                <div class="overlay-modal__action">
                                                    <a href="javascript:void(0)" class="action action--normal action--on-light btn-buy-now" id="btn_buynow" goal-id="{3EF4DC1F-C8B7-414A-A50B-2C3B3C993CF7}" data-sku="" data-variantsku="" data-pwwsku data-pwwvariantsku data-careprodname="DDJ-FLX6-W" data-planselected data-planprice data-modelnumber="DDJ-FLX6-W" data-culturecode="en" onclick="dataLayer.push({'event':'dlDYNAMICCOMPONENTSEvent', 'dlCategory':'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Buy online', 'dlLabel': 'White', 'dlPosition': 'top', 'dlURL': 'javascript:void(0)'});buynow()">
                                                        <span class="action__bg"></span>
                                                        <span class="action__label">Buy Now</span>
                                                    </a>
                                                    <span style="font-size: 0.75rem;" id="annotationMsgOnAddToCart"> Complete the application below + upload receipts</span>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </section>

                        <div class="hero-product__actions actions actions--stack actions--force">
                            <div class="actions__item">
                                <a id="wheretobuy" href="/en/shops/search/#/{D7A7E2DF-B000-42C8-9533-543B93B3A203}/{34E84F4B-0BD2-4492-A744-E18D9F35820F}" goal-id="{B4414F34-A71F-495A-83F6-CE4A7D041164}" class="action action--normal action--on-light" onclick="dataLayer.push({'event':'dlDYNAMICCOMPONENTSEvent', 'dlCategory':'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Where to Buy', 'dlLabel': 'White', 'dlPosition': 'top', 'dlURL': '/en/shops/search/'});">
                                    <span class="action__bg"></span>
                                    <span class="action__label">Where to buy</span>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <script>
            //Added - Dealer Locator -  Passing ProductItem ID and its corresponding Product CategoryID to the query string
            // var findastorevalue = jQuery('li.mainNav__item').children().last().attr('href');
            // jQuery('li.mainNav__item').children().last().attr('href', findastorevalue + '#/' + $("#ProductCategoryID").val() + '/' + $("#ProductID").val());
            var validMailId = false;
            var validCaptcha = false;

            function validateEmail($email) {
                var emailReg = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
                return emailReg.test($email);
            }

            function ClearErrors() {
                $("#MailError").hide();
                $("#CaptchaError").hide();
                $("#MailExists").hide();
            }

            function registerbackorder(event) {
                event.preventDefault();
                ClearErrors();
                var emailIDValue = $('[name=emailaddress]').val();
                if (!validateEmail(emailIDValue)) {
                    $("#MailError").show();
                    validMailId = false;
                } else {
                    validMailId = true
                }
                var ContextIDValue = $("#productCurrentItem").val();
                var captcharesponse = grecaptcha.getResponse();
                if (validMailId && (captcharesponse == null || captcharesponse == "")) {
                    $("#CaptchaError").show();
                    validCaptcha = false;
                } else {
                    validCaptcha = true
                }
                if (validCaptcha && validMailId) {
                    jQuery.ajax({
                        type: "POST",
                        url: '/api/sitecore/BackOrder/Add',
                        data: JSON.stringify({
                            emailid: emailIDValue,
                            contextItemId: ContextIDValue,
                            CaptchaResponse: captcharesponse
                        }),
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function(data) {
                            if (data.Success) {
                                //document.querySelector('.overlay-modal').setAttribute('data-step', 2); return false;
                                document.querySelectorAll(".overlay-modal").forEach(ele => {
                                    if (ele.getAttribute("data-notificationmodal") == "notification-info")
                                        ele.setAttribute('data-step', 2);
                                });
                                return false;
                            } else {
                                if (data.FailureCode = "100") {
                                    $("#MailExists").show();
                                }
                            }
                        },
                        //failure: function (response) {
                        //    alert(response.responseText);
                        //},
                        error: function(response) {
                            alert(response.statusText);
                        }
                    });
                }
            }

            function warrantySelection(data) {
                var pwwsku = data.getAttribute('data-pwwsku');
                var pwwvariantsku = data.getAttribute('data-pwwvariantsku');
                var planSelected = data.getAttribute('data-planselected');
                var planPrice = data.getAttribute('data-planprice');
                var btn_buynow = document.querySelector('#btn_buynow');
                if (btn_buynow != null) {
                    btn_buynow.setAttribute('data-pwwsku', pwwsku);
                    btn_buynow.setAttribute('data-pwwvariantsku', pwwvariantsku);
                    btn_buynow.setAttribute('data-planselected', planSelected);
                    btn_buynow.setAttribute('data-planprice', planPrice);
                }
                if (document.getElementById('care-plus') != null && document.getElementById('care-plus').checked) {
                    document.getElementById('formTitle').innerHTML = document.getElementById('care-plus').value;
                } else if (document.getElementById('care-pro') != null && document.getElementById('care-pro').checked) {
                    document.getElementById('formTitle').innerHTML = document.getElementById('care-pro').value;
                }
                ShowHideBuyNowBtn();
            }
            ShowHideBuyNowBtn();

            function ShowHideBuyNowBtn() {
                if (document.getElementById('btn_addtocart') != null)
                    document.getElementById('btn_addtocart').style.display = "none";
                if (document.getElementById('btn_addtocartpww') != null)
                    document.getElementById('btn_addtocartpww').style.display = "none";
                var element = document.getElementById('care-no');
                if (typeof element !== "undefined" && element !== null) {
                    if (document.getElementById('care-no').checked && document.getElementById('btn_addtocartpww') != null) {
                        document.getElementById('btn_addtocartpww').style.display = "block";
                    } else if (((document.getElementById('care-plus') != null && document.getElementById('care-plus').checked) ||
                            (document.getElementById('care-pro') != null && document.getElementById('care-pro').checked)) &&
                        document.getElementById('btn_addtocart') != null) {
                        document.getElementById('btn_addtocart').style.display = "block";
                    }
                } else if (document.getElementById('btn_addtocartpww') != null) {
                    document.getElementById('btn_addtocartpww').style.display = "block";
                }
            }

            function buynow() {
                //get form details
                var surname = jQuery('#surname').val();
                var name = jQuery('#name').val();
                var email = jQuery('#email').val();
                var element = document.getElementById('ProductCategoryName');
                if (typeof element !== "undefined" && element !== null) {
                    var productname = jQuery('#ProductCategoryName').val();
                } else {
                    var productname = document.getElementById('product_name').innerHTML;
                }
                if (document.getElementById('care-plus') != null && document.getElementById('care-plus').checked) {
                    var warrantytype = document.getElementById('care-plus').value;
                } else if (document.getElementById('care-pro') != null && document.getElementById('care-pro').checked) {
                    var warrantytype = document.getElementById('care-pro').value;
                }
                if (document.getElementById('private').checked) {
                    var userformtype = document.getElementById('private_client').innerHTML;
                } else if (document.getElementById('business').checked) {
                    var userformtype = document.getElementById('business_client').innerHTML;
                }
                var corporatename = jQuery('#corporate_name').val();
                var clubname = jQuery('#club_name').val();
                if (window.FormData == undefined)
                    alert("Error: FormData is undefined");
                var fileData = new FormData();
                //save formdetails to object
                const object = {
                    Surname: surname,
                    Name: name,
                    Email: email,
                    CorporateName: corporatename,
                    ClubName: clubname,
                    WarrantyType: warrantytype,
                    UserFormType: userformtype,
                    ProductName: productname,
                };
                //append object details to filedata
                for (var key in object) {
                    fileData.append(key, object[key]);
                }
                jQuery.ajax({
                    url: '/api/sitecore/Product/SaveUserFormDetails',
                    type: 'post',
                    datatype: 'json',
                    contentType: false,
                    processData: false,
                    async: false,
                    data: fileData,
                    success: function(response) {
                        console.log("Form Success");
                    }
                });
            }

            function clearText() {
                $('input[type=text]').each(function() {
                    $(this).val('');
                });
                document.querySelectorAll('div.input-field').forEach(function(ele) {
                    ele.classList.remove('has-value');
                });
                hideFormErrorMessage();
            }
            //Page reload for radio reset
            window.addEventListener("pageshow", function(event) {
                var historyTraversal = event.persisted || (typeof window.performance != "undefined" && window.performance.navigation.type === 2);
                if (historyTraversal) {
                    window.location.reload();
                }
            });
            //form validation
            hideFormErrorMessage();

            function hideFormErrorMessage() {
                document.getElementById("name_error_txt").style.display = "none";
                document.getElementById("surname_error_txt").style.display = "none";
                document.getElementById("corporate_name_error_txt").style.display = "none";
                document.getElementById("club_name_error_txt").style.display = "none";
                document.getElementById("email_error_txt").style.display = "none";
                document.getElementById("email-format_error_txt").style.display = "none";
                document.getElementById("confirm-email_error_txt").style.display = "none";
                document.getElementById("confirm-email-match_error_txt").style.display = "none";
                var cultureCode = 'en';
                if (cultureCode == "en-us") {
                    document.getElementById("streetaddress_error_txt").style.display = "none";
                    document.getElementById("city_error_txt").style.display = "none";
                    document.getElementById("zipcode_error_txt").style.display = "none";
                    document.getElementById("state_error_txt").style.display = "none";
                    document.getElementById("phone_error_txt").style.display = "none";
                    document.getElementById("phone-format_error_txt").style.display = "none";
                }
                document.getElementById("agree").checked = false;
                document.querySelector("#btn_buynow").setAttribute("disabled", true)
                document.getElementById("annotationMsgOnAddToCart").style.display = "none";
            }

            function formValidation(data) {
                var elementId = data.attributes['id'].value;
                var elementErrorId = data.attributes['errorId'].value;
                switch (elementId) {
                    case "name":
                    case "surname":
                    case "corporate_name":
                    case "club_name":
                    case "streetaddress":
                    case "city":
                    case "zipcode":
                    case "state":
                        document.getElementById(elementErrorId).style.display = "none";
                        if (document.getElementById(elementId).value == "")
                            document.getElementById(elementErrorId).style.display = "block";
                        break;
                    case "phone":
                        document.getElementById(elementErrorId).style.display = "none";
                        document.getElementById("phone-format_error_txt").style.display = "none";
                        var regex = new RegExp(/\+?\d{0,3}[\s\(\-]?([0-9]{2,3})[\s\)\-]?([\s\-]?)([0-9]{3})[\s\-]?([0-9]{2})[\s\-]?([0-9]{2})/g);
                        var phoneValue = document.getElementById(elementId).value;
                        if (phoneValue == "")
                            document.getElementById(elementErrorId).style.display = "block";
                        else if (!regex.test(phoneValue))
                            document.getElementById("phone-format_error_txt").style.display = "block";
                        break;
                    case "email":
                        document.getElementById(elementErrorId).style.display = "none";
                        document.getElementById("email-format_error_txt").style.display = "none";
                        document.getElementById("confirm-email-match_error_txt").style.display = "none";
                        if (document.getElementById(elementId).value == "") {
                            document.getElementById(elementErrorId).style.display = "block";
                        } else if (!validateEmail(document.getElementById(elementId).value)) {
                            document.getElementById("email-format_error_txt").style.display = "block";
                        } else if (!validateEmailId(document.getElementById(elementId).value, document.getElementById("confirm-email").value)) {
                            document.getElementById("confirm-email-match_error_txt").style.display = "block";
                        }
                        break;
                    case "confirm-email":
                        document.getElementById(elementErrorId).style.display = "none";
                        document.getElementById("confirm-email-match_error_txt").style.display = "none";
                        if (document.getElementById(elementId).value == "") {
                            document.getElementById(elementErrorId).style.display = "block";
                        } else if (!validateConfirmEmailId(document.getElementById(elementId).value, document.getElementById("email").value)) {
                            document.getElementById("confirm-email-match_error_txt").style.display = "block";
                        }
                        break;
                }
                validateAddtoCartbtn();
            }

            function validateEmailId(email1, email2) {
                if (email1 != "" && email2 == "") {
                    return true;
                } else {
                    return validateConfirmEmailId(email1, email2)
                }
                return false;
            }

            function validateConfirmEmailId(email1, email2) {
                if (email1 != "" && email2 != "") {
                    if (email1 == email2)
                        return true;
                }
                return false;
            }

            function validateAddtoCartbtn() {
                document.querySelector("#btn_buynow").setAttribute("disabled", true)
                document.getElementById("annotationMsgOnAddToCart").style.display = "none";
                if ((document.getElementById("name").value != "" && document.getElementById("name_error_txt").style.display == "none") &&
                    (document.getElementById("surname").value != "" && document.getElementById("surname_error_txt").style.display == "none") &&
                    (document.getElementById("email").value != "" &&
                        document.getElementById("email_error_txt").style.display == "none" &&
                        document.getElementById("email-format_error_txt").style.display == "none") &&
                    (document.getElementById("confirm-email").value != "" &&
                        document.getElementById("confirm-email_error_txt").style.display == "none" &&
                        document.getElementById("confirm-email-match_error_txt").style.display == "none") &&
                    document.getElementById("agree").checked == true) {
                    var cultureCode = 'en';
                    if (cultureCode == "en-us") {
                        if ((document.getElementById("streetaddress").value != "" && document.getElementById("streetaddress_error_txt").style.display == "none") &&
                            (document.getElementById("city").value != "" && document.getElementById("city_error_txt").style.display == "none") &&
                            (document.getElementById("zipcode").value != "" && document.getElementById("zipcode_error_txt").style.display == "none") &&
                            (document.getElementById("state").value != "" && document.getElementById("state_error_txt").style.display == "none") &&
                            (document.getElementById("phone").value != "" &&
                                document.getElementById("phone_error_txt").style.display == "none" &&
                                document.getElementById("phone-format_error_txt").style.display == "none")) {
                            setRequiredAttributes();
                        }
                    } else {
                        setRequiredAttributes();
                    }
                }
            }

            function setRequiredAttributes() {
                if (document.getElementById("business").checked == true) {
                    if ((document.getElementById("corporate_name").value != "" && document.getElementById("corporate_name_error_txt").style.display == "none") &&
                        (document.getElementById("club_name").value != "" && document.getElementById("club_name_error_txt").style.display == "none")) {
                        document.querySelector("#btn_buynow").setAttribute("disabled", false)
                        document.getElementById("annotationMsgOnAddToCart").style.display = "block";
                    }
                } else {
                    document.querySelector("#btn_buynow").setAttribute("disabled", false)
                    document.getElementById("annotationMsgOnAddToCart").style.display = "block";
                }
            }
            disableEmail();

            function disableEmail() {
                var cultureCode = 'en';
                if (cultureCode == "en-us") {
                    var email = '';
                    var emailElement = document.getElementById("email");
                    var confirmEmailElement = document.getElementById("confirm-email");
                    if (email != "") {
                        emailElement.value = email;
                        emailElement.disabled = true;
                        confirmEmailElement.value = email;
                        confirmEmailElement.disabled = true;
                    } else {
                        emailElement.value = "";
                        emailElement.disabled = false;
                        confirmEmailElement.value = "";
                        confirmEmailElement.disabled = false;
                    }
                }
            }
        </script>

        <div class="nav-in-page-v2 nav-in-page-v2--top-spacing">
            <div class="nav-in-page-v2">
                <span class="nav-in-page-v2__anchor"></span>
                <div class="nav-in-page-v2__inner">
                    <a class="nav-in-page-v2__label">
                        <span class="link__label">Overview</span>
                        <div class="link__icon">
                            <svg class="icon-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                <path fill="currentColor" d="M11.172 9.82L13 8 9.906 4.99 6.04 1.21c-.281-.28-.703-.28-.914 0l-.914.91c-.281.28-.281.7 0 .91L9.273 8l-5.062 4.97c-.281.28-.281.7 0 .91l.914.91c.281.28.703.28.914 0l5.133-4.97z"></path>
                            </svg>

                        </div>
                    </a>
                    <nav class="nav-in-page-v2__nav">
                        <ul class="nav-in-page-v2__nav-items">

                            <li class="nav-in-page-v2__nav-item active">

                                <a href="#" class="nav-in-page-v2__link" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Navigation', 'dlLabel': 'Overview', 'dlPosition': '', 'dlURL': '#' });">
                                    <span class="link__label">Overview</span>
                                </a>
                            </li>
                            <li class="nav-in-page-v2__nav-item">

                                <a href="/en/product/controller/ddj-flx6/white/specifications/" class="nav-in-page-v2__link" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Navigation', 'dlLabel': 'Specifications', 'dlPosition': '', 'dlURL': '/en/product/controller/ddj-flx6/white/specifications/' });">
                                    <span class="link__label">Specifications</span>
                                </a>
                            </li>
                            <li class="nav-in-page-v2__nav-item">

                                <a href="/en/product/controller/ddj-flx6/white/support/" class="nav-in-page-v2__link" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Navigation', 'dlLabel': 'Support', 'dlPosition': '', 'dlURL': '/en/product/controller/ddj-flx6/white/support/' });">
                                    <span class="link__label">Support</span>
                                </a>
                            </li>

                        </ul>
                    </nav>

                    <div class="nav-in-page-v2__actions">

                        <div class="nav-in-page-v2__actions-inner">
                            <a id="wheretobuy" href="/en/shops/search/" goal-id="{B4414F34-A71F-495A-83F6-CE4A7D041164}" class="link link--colored" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Floating where to buy', 'dlLabel': 'White', 'dlPosition': '', 'dlURL': '/en/shops/search/' });">
                                <span class="link__label">Where to buy</span>
                            </a>
                            <a id="wheretobuy" href="/en/shops/search/" goal-id="{B4414F34-A71F-495A-83F6-CE4A7D041164}" class="action action--normal action--on-light" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Floating where to buy', 'dlLabel': 'White', 'dlPosition': '', 'dlURL': '/en/shops/search/' });">
                                <span class="action__bg"></span>
                                <span class="action__label">Where to buy</span>
                            </a>

                        </div>

                    </div>
                </div>

            </div>
        </div>
        <div class="nav-top-page hidden">
            <div class="nav-top-page__inner">
                <nav class="nav-top-page__nav">
                    <ul class="nav-top-page__nav-items">
                        <li class="nav-top-page__nav-item active">

                            <a href="#" class="nav-top-page__link" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Navigation', 'dlLabel': 'Overview', 'dlPosition': '', 'dlURL': '#' });">
                                <span class="link__label">Overview</span>
                            </a>
                        </li>
                        <li class="nav-top-page__nav-item">

                            <a href="/en/product/controller/ddj-flx6/white/specifications/" class="nav-top-page__link" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Navigation', 'dlLabel': 'Specifications', 'dlPosition': '', 'dlURL': '/en/product/controller/ddj-flx6/white/specifications/' });">
                                <span class="link__label">Specifications</span>
                            </a>
                        </li>
                        <li class="nav-top-page__nav-item">

                            <a href="/en/product/controller/ddj-flx6/white/support/" class="nav-top-page__link" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Navigation', 'dlLabel': 'Support', 'dlPosition': '', 'dlURL': '/en/product/controller/ddj-flx6/white/support/' });">
                                <span class="link__label">Support</span>
                            </a>
                        </li>

                    </ul>
                </nav>
            </div>
        </div>

        <style type="text/css">
            @media screen and (max-width: 768px) {
                .nav-in-page-v2--is-scroll .nav-in-page-v2__nav .nav-in-page-v2__link {
                    color: var(--color--neutrals-10);
                }

                .nav-top-page__link {
                    color: var(--color--neutrals-10);
                }
            }
        </style>
        <script type="text/javascript">
            document.addEventListener('DOMContentLoaded', function() {
                const navInPageV2 = document.querySelector('.nav-in-page-v2');
                const navTopPage = document.querySelector('.nav-top-page');
                const heroProduct = document.querySelector('.hero-product');
                if (navInPageV2 && navTopPage) {
                    if (heroProduct) {
                        navTopPage.parentNode.removeChild(navTopPage);
                    } else {
                        navInPageV2.parentNode.removeChild(navInPageV2);
                        navTopPage.classList.remove('hidden');
                    }
                }
            });
        </script>

        <div class="spacer spacer--12"></div>

        <div class="component content section--9 col-xs-12">
            <div class="component-content" id='Video player'>
                <section class="media media--contained">
                    <div class="media__inner">
                        <div class="video-player">
                            <picture class="visual">
                                <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/ddj_flx6_video_thumbnail.jpg">
                                <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj_flx6_video_thumbnail.jpg">
                                <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj_flx6_video_thumbnail.jpg" alt="">
                            </picture>

                            <a class="video-player__trigger">
                                <span class="video-ID">v9jKvd6bWUQ</span>
                                <span class="video-url"></span>
                                <span class="icon-play">
                                    <span class="icon-play__inner"></span>

                                    <span class="icon-play__icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                            <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                        </svg>
                                    </span>
                                </span> </a>
                        </div>
                    </div>
                </section>
            </div>

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("Video player");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': 'dlDYNAMICCOMPONENTSEvent',
                        'dlCategory': 'Dynamic component interaction',
                        'dlAction': 'Click',
                        'dlElement': 'Video',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="spacer spacer--1"></div>

        <div class="component content col-xs-12" id="seeallvideos">
            <div class="component-content" id='default-text'>
                <section class="col-one">
                    <div class="col-one__inner">
                        <div class="col-one__content field-text">
                            <div class="specs__actions actions actions--start actions--m--end actions--force" style="
    margin-top: 0;
    margin-bottom: 20px;
">

                                <!--<div class="actions__item">
                <a href="/en/landing/comparison/dj-mixer/" class="link link--underlined" target="_blank">
                    <span class="link__label">Compare</span>
                </a>
            </div>-->
                                <div class="actions__item">
                                    <a href="#videos" class="action action--normal action--on-light">
                                        <span class="action__bg" style="border-color: var(--color--action); background-color: var(--color--action);"></span>
                                        <span class="action__label" style="font-size: 15px; font-weight: initial;">See all videos</span>
                                    </a>
                                </div>

                            </div>

                            KEY FEATURES
                        </div>
                    </div>
                </section>
            </div>

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("default-text");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="spacer spacer--6"></div>

        <div class="component content col-two col-xs-12">
            <div class="component-content" id='Content1'>
                <section>
                    <div class="col-two__inner" style="background-color: ;">
                        <div class="col-two__item section-divide-video">
                            <div class="component content col-xs-12">
                                <div class="component-content" id='Content1'>
                                    <div class="col-two__visual">
                                        <div class="video-player">
                                            <div class="video-bg">
                                                <video autoplay loop="" muted="" playsinline="" poster="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-merge-fx-pc.jpg" src="/-/media/PioneerDj/Images/Features/Mixer/DJM-S7/DJM-S7_short_KeyFeatures5C_Desktop_1770x1300.mp4"></video>

                                                <a class="video-bg__control video-bg__control--right">
                                                    <span class="icon-media">
                                                        <span class="icon-media__inner">
                                                            <span class="icon-media__pause">
                                                                <svg class="icon-media__play" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                                    <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- GRID EVENT TRACKING-->

                            <script>
                                var x = document.getElementById("Content1");
                                if (x != null) {
                                    x.onclick = function(e) {
                                        dataLayer.push({
                                            'event': '',
                                            'dlCategory': '',
                                            'dlAction': '',
                                            'dlElement': '',
                                            'dlLabel': 'en - ',
                                            'dlPosition': '',
                                            'dlURL': ''
                                        });
                                        e.stopPropagation();
                                    };
                                }
                            </script>

                        </div>
                        <div class="col-two__item">
                            <div class="col-two__content">
                                <h2 class="col-two__heading heading heading--5 field-promotext">All-new Merge FX</h2>
                                <div class="col-two__item__description field-promotext2">
                                    <p>Add drama to your sets and easily mix different styles of music. No matter what the BPM or key of the next track is, you can create an exciting transition whenever you want. Simply press the knob and turn it as fast or as slowly as you like to start building up the tension in the music.</p>
                                </div>
                                <div class="gap--s--top-out-2"></div>
                                <div class="gap--s--top-out-4"></div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("Content1");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="spacer spacer--10"></div>

        <div class="component content usp-interactive col-xs-12 usp-interactive--reversed">
            <div class="component-content" id='Overview'>
                <div>
                    <div class="usp-interactive__in">
                        <div class="usp-interactive__inner">
                            <div class="togglers togglers--accordion">
                                <div class="component content toggler  active">
                                    <div class="component-content" id='Toggler1'>
                                        <div>
                                            <div class="toggler__trigger">
                                                <p class="heading heading--7"><strong class="field-promotext">1. Select a Merge FX preset and press the knob</strong></p>
                                                <div class="toggler__icon"><span class="icon-plus"><span class="icon-plus__inner"></span></span></div>
                                            </div>
                                            <div class="toggler__target">
                                                <div class="toggler__visual">
                                                    <div class="toggler__visual__inner">
                                                        <picture class="visual">
                                                            <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx1-sp.jpg">
                                                            <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx1-pc.jpg">
                                                            <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx1-pc.jpg" alt="">
                                                        </picture>
                                                    </div>
                                                </div>
                                                <div class="toggler__content">
                                                    <p>Choose one of the 4 assigned Merge FX patterns and press the knob to start building the tension. </p>
                                                    <div></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("Toggler1");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content toggler ">
                                    <div class="component-content" id='Toggler2'>
                                        <div>
                                            <div class="toggler__trigger">
                                                <p class="heading heading--7"><strong class="field-promotext">2. Turn the Merge FX knob</strong></p>
                                                <div class="toggler__icon"><span class="icon-plus"><span class="icon-plus__inner"></span></span></div>
                                            </div>
                                            <div class="toggler__target">
                                                <div class="toggler__visual">
                                                    <div class="toggler__visual__inner">
                                                        <picture class="visual">
                                                            <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx2-sp.jpg">
                                                            <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx2-pc.jpg">
                                                            <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx2-pc.jpg" alt="">
                                                        </picture>
                                                    </div>
                                                </div>
                                                <div class="toggler__content">
                                                    <p>Increase the influence of the effect by simply turning the knob — depending on the preset pattern you’ve chosen, the combination of different effects and samples is triggered at the same time. </p>
                                                    <div></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("Toggler2");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content toggler ">
                                    <div class="component-content" id='Toggler3'>
                                        <div>
                                            <div class="toggler__trigger">
                                                <p class="heading heading--7"><strong class="field-promotext">3. Press the knob again to release the effect, then play the next track</strong></p>
                                                <div class="toggler__icon"><span class="icon-plus"><span class="icon-plus__inner"></span></span></div>
                                            </div>
                                            <div class="toggler__target">
                                                <div class="toggler__visual">
                                                    <div class="toggler__visual__inner">
                                                        <picture class="visual">
                                                            <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx3-sp.jpg">
                                                            <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx3-pc.jpg">
                                                            <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx3-pc.jpg" alt="">
                                                        </picture>
                                                    </div>
                                                </div>
                                                <div class="toggler__content">
                                                    <p>When you&rsquo;re ready to make a drop and move to your next track, simply press the knob again. The effect is released and, when one is assigned in the preset, the sample plays. The track stops automatically so all you need to do is hit play on the other deck to drop your next track. </p>
                                                    <div></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("Toggler3");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content toggler ">
                                    <div class="component-content" id='Toggler4'>
                                        <div>
                                            <div class="toggler__trigger">
                                                <p class="heading heading--7"><strong class="field-promotext">4. Customize your Merge FX</strong></p>
                                                <div class="toggler__icon"><span class="icon-plus"><span class="icon-plus__inner"></span></span></div>
                                            </div>
                                            <div class="toggler__target">
                                                <div class="toggler__visual">
                                                    <div class="toggler__visual__inner">
                                                        <picture class="visual">
                                                            <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx4-sp.jpg">
                                                            <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx4-pc.jpg">
                                                            <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx4-pc.jpg" alt="">
                                                        </picture>
                                                    </div>
                                                </div>
                                                <div class="toggler__content">
                                                    <p>In the new Merge FX section in rekordbox (PC/Mac), you can customize each effect type and the samples used in each pattern to create your own variations. Choose from 41 types of effect for each element (Build FX, Build Sample, Release FX, and Drop Sample) and combine them to create more than 9,000 different patterns. </p>
                                                    <div></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("Toggler4");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                            </div>
                            <div class="usp-interactive__visual"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("Overview");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="spacer spacer--10"></div>

        <div class="component content col-two col-two--reversed">
            <div class="component-content" id='Content2'>
                <section>
                    <div class="col-two__inner" style="background-color: ;">
                        <div class="col-two__item section-divide-video">
                            <div class="component content col-xs-12">
                                <div class="component-content" id='Content2'>
                                    <div class="col-two__visual">
                                        <div class="video-player">
                                            <div class="video-bg">
                                                <video autoplay loop="" muted="" playsinline="" poster="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-jog-cutter-pc.jpg" src="/-/media/PioneerDj/Images/Features/Controller/DDJ-FLX6/DDJ FLX Socials 1082x1000_Video02_pc.mp4"></video>

                                                <a class="video-bg__control video-bg__control--right">
                                                    <span class="icon-media">
                                                        <span class="icon-media__inner">
                                                            <span class="icon-media__pause">
                                                                <svg class="icon-media__play" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                                    <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- GRID EVENT TRACKING-->

                            <script>
                                var x = document.getElementById("Content2");
                                if (x != null) {
                                    x.onclick = function(e) {
                                        dataLayer.push({
                                            'event': '',
                                            'dlCategory': '',
                                            'dlAction': '',
                                            'dlElement': '',
                                            'dlLabel': 'en - ',
                                            'dlPosition': '',
                                            'dlURL': ''
                                        });
                                        e.stopPropagation();
                                    };
                                }
                            </script>

                        </div>
                        <div class="col-two__item">
                            <div class="col-two__content">
                                <h2 class="col-two__heading heading heading--5 field-promotext">Jog Cutter: Create pro-sounding scratch effects, one-handed
                                </h2>
                                <div class="col-two__item__description field-promotext2">
                                    <p>Turn on Jog Cutter and simply move the jog wheel to apply a professional-sounding scratch effect to the last Hot Cue or playback position you used on that deck. There are 10 different scratch patterns and you can switch from one to another by simply moving the playhead position, shown on the jog wheel’s display, to point toward the angle for the scratch you want to use. </p>
                                </div>
                                <div class="gap--s--top-out-2">
                                    <div class="component content">
                                        <div class="component-content" id='Overlay 4 Title and Link'>
                                            <section class="overlay-content">
                                                <div class="overlay-content__overlay">
                                                    <div class="overlay-content__header">
                                                        <div class="overlay-content__header__inner"><span class="overlay-content__heading field-promotext2">Rebuilt range-leading performance interface</span><a class="overlay-content__close"><span class="icon-cross"><span class="icon-cross__inner"></span></span></a></div>
                                                    </div>
                                                    <div class="overlay-content__inner">
                                                        <div class="component content col-two">
                                                            <div class="component-content" id='Overview'>
                                                                <section>
                                                                    <div class="col-two__inner" style="background-color: ;">
                                                                        <div class="col-two__item section-divide-video">
                                                                            <div class="component content col-xs-12">
                                                                                <div class="component-content" id='Overview'>
                                                                                    <div class="col-two__visual">
                                                                                        <div></div>
                                                                                    </div>
                                                                                </div>

                                                                            </div>

                                                                            <!-- GRID EVENT TRACKING-->

                                                                            <script>
                                                                                var x = document.getElementById("Overview");
                                                                                if (x != null) {
                                                                                    x.onclick = function(e) {
                                                                                        dataLayer.push({
                                                                                            'event': '',
                                                                                            'dlCategory': '',
                                                                                            'dlAction': '',
                                                                                            'dlElement': '',
                                                                                            'dlLabel': 'en - ',
                                                                                            'dlPosition': '',
                                                                                            'dlURL': ''
                                                                                        });
                                                                                        e.stopPropagation();
                                                                                    };
                                                                                }
                                                                            </script>

                                                                        </div>
                                                                        <div class="col-two__item">
                                                                            <div class="col-two__content">
                                                                                <div class="gap--s--top-out-2"></div>
                                                                                <div class="gap--s--top-out-4"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </section>
                                                            </div>

                                                        </div>

                                                        <!-- GRID EVENT TRACKING-->

                                                        <script>
                                                            var x = document.getElementById("Overview");
                                                            if (x != null) {
                                                                x.onclick = function(e) {
                                                                    dataLayer.push({
                                                                        'event': '',
                                                                        'dlCategory': '',
                                                                        'dlAction': '',
                                                                        'dlElement': '',
                                                                        'dlLabel': 'en - ',
                                                                        'dlPosition': '',
                                                                        'dlURL': ''
                                                                    });
                                                                    e.stopPropagation();
                                                                };
                                                            }
                                                        </script>

                                                        <div class="component content col-two col-two--reversed">
                                                            <div class="component-content" id='Overview'>
                                                                <section>
                                                                    <div class="col-two__inner" style="background-color: ;">
                                                                        <div class="col-two__item section-divide-video">
                                                                            <div class="component content col-xs-12">
                                                                                <div class="component-content" id='Overview'>
                                                                                    <div class="col-two__visual">
                                                                                        <div></div>
                                                                                    </div>
                                                                                </div>

                                                                            </div>

                                                                            <!-- GRID EVENT TRACKING-->

                                                                            <script>
                                                                                var x = document.getElementById("Overview");
                                                                                if (x != null) {
                                                                                    x.onclick = function(e) {
                                                                                        dataLayer.push({
                                                                                            'event': '',
                                                                                            'dlCategory': '',
                                                                                            'dlAction': '',
                                                                                            'dlElement': '',
                                                                                            'dlLabel': 'en - ',
                                                                                            'dlPosition': '',
                                                                                            'dlURL': ''
                                                                                        });
                                                                                        e.stopPropagation();
                                                                                    };
                                                                                }
                                                                            </script>

                                                                        </div>
                                                                        <div class="col-two__item">
                                                                            <div class="col-two__content">
                                                                                <div class="gap--s--top-out-2"></div>
                                                                                <div class="gap--s--top-out-4"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </section>
                                                            </div>

                                                        </div>

                                                        <!-- GRID EVENT TRACKING-->

                                                        <script>
                                                            var x = document.getElementById("Overview");
                                                            if (x != null) {
                                                                x.onclick = function(e) {
                                                                    dataLayer.push({
                                                                        'event': '',
                                                                        'dlCategory': '',
                                                                        'dlAction': '',
                                                                        'dlElement': '',
                                                                        'dlLabel': 'en - ',
                                                                        'dlPosition': '',
                                                                        'dlURL': ''
                                                                    });
                                                                    e.stopPropagation();
                                                                };
                                                            }
                                                        </script>

                                                        <div class="component content col-two">
                                                            <div class="component-content" id='Overview'>
                                                                <section>
                                                                    <div class="col-two__inner" style="background-color: ;">
                                                                        <div class="col-two__item section-divide-video">
                                                                            <div class="component content col-xs-12">
                                                                                <div class="component-content" id='Overview'>
                                                                                    <div class="col-two__visual">
                                                                                        <div></div>
                                                                                    </div>
                                                                                </div>

                                                                            </div>

                                                                            <!-- GRID EVENT TRACKING-->

                                                                            <script>
                                                                                var x = document.getElementById("Overview");
                                                                                if (x != null) {
                                                                                    x.onclick = function(e) {
                                                                                        dataLayer.push({
                                                                                            'event': '',
                                                                                            'dlCategory': '',
                                                                                            'dlAction': '',
                                                                                            'dlElement': '',
                                                                                            'dlLabel': 'en - ',
                                                                                            'dlPosition': '',
                                                                                            'dlURL': ''
                                                                                        });
                                                                                        e.stopPropagation();
                                                                                    };
                                                                                }
                                                                            </script>

                                                                        </div>
                                                                        <div class="col-two__item">
                                                                            <div class="col-two__content">
                                                                                <div class="gap--s--top-out-2"></div>
                                                                                <div class="gap--s--top-out-4"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </section>
                                                            </div>

                                                        </div>

                                                        <!-- GRID EVENT TRACKING-->

                                                        <script>
                                                            var x = document.getElementById("Overview");
                                                            if (x != null) {
                                                                x.onclick = function(e) {
                                                                    dataLayer.push({
                                                                        'event': '',
                                                                        'dlCategory': '',
                                                                        'dlAction': '',
                                                                        'dlElement': '',
                                                                        'dlLabel': 'en - ',
                                                                        'dlPosition': '',
                                                                        'dlURL': ''
                                                                    });
                                                                    e.stopPropagation();
                                                                };
                                                            }
                                                        </script>

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

                                    </div>

                                    <!-- GRID EVENT TRACKING-->

                                    <script>
                                        var y = document.getElementById("Overlay 4 Title and Link");
                                        y.onclick = function(e) {
                                            var x = document.querySelector(".is-visible");
                                            if (x != null) {
                                                dataLayer.push({
                                                    'event': '',
                                                    'dlCategory': '',
                                                    'dlAction': '',
                                                    'dlElement': '',
                                                    'dlLabel': 'en -  - Open',
                                                    'dlPosition': '',
                                                    'dlURL': ''
                                                });
                                                e.stopPropagation();
                                            } else {
                                                dataLayer.push({
                                                    'event': '',
                                                    'dlCategory': '',
                                                    'dlAction': '',
                                                    'dlElement': '',
                                                    'dlLabel': 'en -  - Close',
                                                    'dlPosition': '',
                                                    'dlURL': ''
                                                });
                                                e.stopPropagation();
                                            }
                                        };
                                    </script>

                                </div>
                                <div class="gap--s--top-out-4"></div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("Content2");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="component content col-two col-xs-12">
            <div class="component-content" id='Content3'>
                <section>
                    <div class="col-two__inner" style="background-color: ;">
                        <div class="col-two__item section-divide-video">
                            <div class="component content col-xs-12">
                                <div class="component-content" id='Content3'>
                                    <div class="col-two__visual">
                                        <div>
                                            <picture class="visual">
                                                <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-full-size-jog-sp.jpg">
                                                <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-full-size-jog-pc.jpg">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-full-size-jog-pc.jpg" alt="">
                                            </picture>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- GRID EVENT TRACKING-->

                            <script>
                                var x = document.getElementById("Content3");
                                if (x != null) {
                                    x.onclick = function(e) {
                                        dataLayer.push({
                                            'event': '',
                                            'dlCategory': '',
                                            'dlAction': '',
                                            'dlElement': '',
                                            'dlLabel': 'en - ',
                                            'dlPosition': '',
                                            'dlURL': ''
                                        });
                                        e.stopPropagation();
                                    };
                                }
                            </script>

                        </div>
                        <div class="col-two__item">
                            <div class="col-two__content">
                                <h2 class="col-two__heading heading heading--5 field-promotext">Full-size jog wheels with track position display</h2>
                                <div class="col-two__item__description field-promotext2">
                                    <p>Pitch bending and scratching feels natural thanks to the large jog wheels, which are the same size as those on the flagship CDJ-3000 multi player. Each one features On Jog Display too, so you can keep an eye on the playhead position. </p>
                                </div>
                                <div class="gap--s--top-out-2">
                                    <div class="component content">
                                        <div class="component-content" id='Overlay 2 Title and Link'>
                                            <section class="overlay-content">
                                                <div class="overlay-content__overlay">
                                                    <div class="overlay-content__header">
                                                        <div class="overlay-content__header__inner"><span class="overlay-content__heading field-promotext2">Enhanced audio design</span><a class="overlay-content__close"><span class="icon-cross"><span class="icon-cross__inner"></span></span></a></div>
                                                    </div>
                                                    <div class="overlay-content__inner">
                                                        <div class="component content col-two col-xs-12">
                                                            <div class="component-content" id='Overview'>
                                                                <section>
                                                                    <div class="col-two__inner" style="background-color: ;">
                                                                        <div class="col-two__item section-divide-video">
                                                                            <div class="component content col-xs-12">
                                                                                <div class="component-content" id='Overview'>
                                                                                    <div class="col-two__visual">
                                                                                        <div></div>
                                                                                    </div>
                                                                                </div>

                                                                            </div>

                                                                            <!-- GRID EVENT TRACKING-->

                                                                            <script>
                                                                                var x = document.getElementById("Overview");
                                                                                if (x != null) {
                                                                                    x.onclick = function(e) {
                                                                                        dataLayer.push({
                                                                                            'event': '',
                                                                                            'dlCategory': '',
                                                                                            'dlAction': '',
                                                                                            'dlElement': '',
                                                                                            'dlLabel': 'en - ',
                                                                                            'dlPosition': '',
                                                                                            'dlURL': ''
                                                                                        });
                                                                                        e.stopPropagation();
                                                                                    };
                                                                                }
                                                                            </script>

                                                                        </div>
                                                                        <div class="col-two__item">
                                                                            <div class="col-two__content">
                                                                                <div class="gap--s--top-out-2"></div>
                                                                                <div class="gap--s--top-out-4"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </section>
                                                            </div>

                                                        </div>

                                                        <!-- GRID EVENT TRACKING-->

                                                        <script>
                                                            var x = document.getElementById("Overview");
                                                            if (x != null) {
                                                                x.onclick = function(e) {
                                                                    dataLayer.push({
                                                                        'event': '',
                                                                        'dlCategory': '',
                                                                        'dlAction': '',
                                                                        'dlElement': '',
                                                                        'dlLabel': 'en - ',
                                                                        'dlPosition': '',
                                                                        'dlURL': ''
                                                                    });
                                                                    e.stopPropagation();
                                                                };
                                                            }
                                                        </script>

                                                        <div class="component content col-two col-xs-12 col-two--reversed">
                                                            <div class="component-content" id='Overview'>
                                                                <section>
                                                                    <div class="col-two__inner" style="background-color: ;">
                                                                        <div class="col-two__item section-divide-video">
                                                                            <div class="component content col-xs-12">
                                                                                <div class="component-content" id='Overview'>
                                                                                    <div class="col-two__visual">
                                                                                        <div></div>
                                                                                    </div>
                                                                                </div>

                                                                            </div>

                                                                            <!-- GRID EVENT TRACKING-->

                                                                            <script>
                                                                                var x = document.getElementById("Overview");
                                                                                if (x != null) {
                                                                                    x.onclick = function(e) {
                                                                                        dataLayer.push({
                                                                                            'event': '',
                                                                                            'dlCategory': '',
                                                                                            'dlAction': '',
                                                                                            'dlElement': '',
                                                                                            'dlLabel': 'en - ',
                                                                                            'dlPosition': '',
                                                                                            'dlURL': ''
                                                                                        });
                                                                                        e.stopPropagation();
                                                                                    };
                                                                                }
                                                                            </script>

                                                                        </div>
                                                                        <div class="col-two__item">
                                                                            <div class="col-two__content">
                                                                                <div class="gap--s--top-out-2"></div>
                                                                                <div class="gap--s--top-out-4"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </section>
                                                            </div>

                                                        </div>

                                                        <!-- GRID EVENT TRACKING-->

                                                        <script>
                                                            var x = document.getElementById("Overview");
                                                            if (x != null) {
                                                                x.onclick = function(e) {
                                                                    dataLayer.push({
                                                                        'event': '',
                                                                        'dlCategory': '',
                                                                        'dlAction': '',
                                                                        'dlElement': '',
                                                                        'dlLabel': 'en - ',
                                                                        'dlPosition': '',
                                                                        'dlURL': ''
                                                                    });
                                                                    e.stopPropagation();
                                                                };
                                                            }
                                                        </script>

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

                                    </div>

                                    <!-- GRID EVENT TRACKING-->

                                    <script>
                                        var y = document.getElementById("Overlay 2 Title and Link");
                                        y.onclick = function(e) {
                                            var x = document.querySelector(".is-visible");
                                            if (x != null) {
                                                dataLayer.push({
                                                    'event': '',
                                                    'dlCategory': '',
                                                    'dlAction': '',
                                                    'dlElement': '',
                                                    'dlLabel': 'en -  - Open',
                                                    'dlPosition': '',
                                                    'dlURL': ''
                                                });
                                                e.stopPropagation();
                                            } else {
                                                dataLayer.push({
                                                    'event': '',
                                                    'dlCategory': '',
                                                    'dlAction': '',
                                                    'dlElement': '',
                                                    'dlLabel': 'en -  - Close',
                                                    'dlPosition': '',
                                                    'dlURL': ''
                                                });
                                                e.stopPropagation();
                                            }
                                        };
                                    </script>

                                </div>
                                <div class="gap--s--top-out-4"></div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("Content3");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="component content col-two col-xs-12 col-two--reversed">
            <div class="component-content" id='Content4'>
                <section>
                    <div class="col-two__inner" style="background-color: ;">
                        <div class="col-two__item section-divide-video">
                            <div class="component content col-xs-12">
                                <div class="component-content" id='Content4'>
                                    <div class="col-two__visual">
                                        <div class="video-player">
                                            <div class="video-bg">
                                                <video autoplay loop="" muted="" playsinline="" poster="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-sample-scratch-pc.jpg" src="/-/media/PioneerDj/Images/Features/Controller/DDJ-FLX6/DDJ FLX Socials 1082x1000_Video03_pc.mp4"></video>

                                                <a class="video-bg__control video-bg__control--right">
                                                    <span class="icon-media">
                                                        <span class="icon-media__inner">
                                                            <span class="icon-media__pause">
                                                                <svg class="icon-media__play" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                                    <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- GRID EVENT TRACKING-->

                            <script>
                                var x = document.getElementById("Content4");
                                if (x != null) {
                                    x.onclick = function(e) {
                                        dataLayer.push({
                                            'event': '',
                                            'dlCategory': '',
                                            'dlAction': '',
                                            'dlElement': '',
                                            'dlLabel': 'en - ',
                                            'dlPosition': '',
                                            'dlURL': ''
                                        });
                                        e.stopPropagation();
                                    };
                                }
                            </script>

                        </div>
                        <div class="col-two__item">
                            <div class="col-two__content">
                                <h2 class="col-two__heading heading heading--5 field-promotext">Sample Scratch: Get creative with your favorite sounds</h2>
                                <div class="col-two__item__description field-promotext2">
                                    <p>Sample Scratch is a brand-new pad mode in rekordbox which enables you to choose sounds you’ve assigned to the sampler and load them onto the decks. So, when you want to create a live remix of a track, or simply add some texture to the music, you can scratch with your favorite sounds. </p>
                                </div>
                                <div class="gap--s--top-out-2"></div>
                                <div class="gap--s--top-out-4"></div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("Content4");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="component content col-two col-xs-12">
            <div class="component-content" id='Content5'>
                <section>
                    <div class="col-two__inner" style="background-color: ;">
                        <div class="col-two__item section-divide-video">
                            <div class="component content col-xs-12">
                                <div class="component-content" id='Content5'>
                                    <div class="col-two__visual">
                                        <div>
                                            <picture class="visual">
                                                <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-plug-and-play-sp.jpg">
                                                <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-plug-and-play-pc.jpg">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-plug-and-play-pc.jpg" alt="">
                                            </picture>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- GRID EVENT TRACKING-->

                            <script>
                                var x = document.getElementById("Content5");
                                if (x != null) {
                                    x.onclick = function(e) {
                                        dataLayer.push({
                                            'event': '',
                                            'dlCategory': '',
                                            'dlAction': '',
                                            'dlElement': '',
                                            'dlLabel': 'en - ',
                                            'dlPosition': '',
                                            'dlURL': ''
                                        });
                                        e.stopPropagation();
                                    };
                                }
                            </script>

                        </div>
                        <div class="col-two__item">
                            <div class="col-two__content">
                                <h2 class="col-two__heading heading heading--5 field-promotext"><span id="docs-internal-guid-56d6a073-7fff-1fc1-e5b1-3a7f95c37594" style="color: #000000;">Plug and play compatibility with rekordbox and Serato DJ Pro</span></h2>
                                <div class="col-two__item__description field-promotext2">
                                    <p>With a built-in sound card and support for DJ Performance functions in rekordbox (equivalent to the Core plan) and Serato DJ Pro, all you need to do is connect the DDJ-FLX6 via USB cable to a laptop that’s running either software application and you can start DJing. You don’t need a paid subscription plan for either.
                                    </p>
                                </div>
                                <div class="gap--s--top-out-2"></div>
                                <div class="gap--s--top-out-4"></div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("Content5");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="component content col-two col-two--reversed">
            <div class="component-content" id='Copy of Content6'>
                <section>
                    <div class="col-two__inner" style="background-color: ;">
                        <div class="col-two__item section-divide-video">
                            <div class="component content col-xs-12">
                                <div class="component-content" id='Copy of Content6'>
                                    <div class="col-two__visual">
                                        <div>
                                            <picture class="visual">
                                                <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w-life-style.jpg">
                                                <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w-life-style.jpg">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w-life-style.jpg" alt="">
                                            </picture>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- GRID EVENT TRACKING-->

                            <script>
                                var x = document.getElementById("Copy of Content6");
                                if (x != null) {
                                    x.onclick = function(e) {
                                        dataLayer.push({
                                            'event': '',
                                            'dlCategory': '',
                                            'dlAction': '',
                                            'dlElement': '',
                                            'dlLabel': 'en - ',
                                            'dlPosition': '',
                                            'dlURL': ''
                                        });
                                        e.stopPropagation();
                                    };
                                }
                            </script>

                        </div>
                        <div class="col-two__item">
                            <div class="col-two__content">
                                <h2 class="col-two__heading heading heading--5 field-promotext">Limited-edition striking white finish</h2>
                                <div class="col-two__item__description field-promotext2">
                                    <p>Bring a contemporary, fresh look to any event, livestream, or home setup you’re playing with this distinctive white controller. The DDJ-FLX6-W is sure to catch the eye of your audience with its unmistakable white body, which accentuates the black jog wheels, knobs, and faders. </p>
                                </div>
                                <div class="gap--s--top-out-2"></div>
                                <div class="gap--s--top-out-4"></div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("Copy of Content6");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="spacer spacer--12"></div>

        <div class="component content col-xs-12">
            <div class="component-content" id='default-text'>
                <section class="col-one">
                    <div class="col-one__inner">
                        <div class="col-one__content field-text">OTHER FEATURES</div>
                    </div>
                </section>
            </div>

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("default-text");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="spacer spacer--1"></div>

        <div class="component content">
            <div class="component-content" id='Overview'>
                <div class="usp-small usp-small--col-two">
                    <div class="usp-small__inner">
                        <div class="usp-small__items">
                            <div class="component content usp-small__item">
                                <div class="component-content" id='Feature1'>
                                    <div class="usp-snippet usp-snippet--C">
                                        <div class="usp-snippet__visual">
                                            <picture class="visual">
                                                <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-4channel-mixers.jpg">
                                                <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-4channel-mixers.jpg">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-4channel-mixers.jpg" alt="">
                                            </picture>
                                        </div>
                                        <div class="usp-snippet__content">
                                            <h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>4-channel mixer</strong></h4>
                                            <p class="usp-snippet__text p--2 field-promotext2">The mixer section has 4 channels, so you can freely create mashups or scratch on the fly.</p>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- GRID EVENT TRACKING-->

                            <script>
                                var x = document.getElementById("Feature1");
                                if (x != null) {
                                    x.onclick = function(e) {
                                        dataLayer.push({
                                            'event': '',
                                            'dlCategory': '',
                                            'dlAction': '',
                                            'dlElement': '',
                                            'dlLabel': 'en - ',
                                            'dlPosition': '',
                                            'dlURL': ''
                                        });
                                        e.stopPropagation();
                                    };
                                }
                            </script>

                            <div class="component content usp-small__item">
                                <div class="component-content" id='Feature2'>
                                    <div class="usp-snippet usp-snippet--C">
                                        <div class="usp-snippet__visual">
                                            <picture class="visual">
                                                <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-usb-bus-powered.jpg">
                                                <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-usb-bus-powered.jpg">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-usb-bus-powered.jpg" alt="">
                                            </picture>
                                        </div>
                                        <div class="usp-snippet__content">
                                            <h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>USB bus powered</strong></h4>
                                            <p class="usp-snippet__text p--2 field-promotext2">Simply connect the controller to your computer using the included USB cable.</p>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- GRID EVENT TRACKING-->

                            <script>
                                var x = document.getElementById("Feature2");
                                if (x != null) {
                                    x.onclick = function(e) {
                                        dataLayer.push({
                                            'event': '',
                                            'dlCategory': '',
                                            'dlAction': '',
                                            'dlElement': '',
                                            'dlLabel': 'en - ',
                                            'dlPosition': '',
                                            'dlURL': ''
                                        });
                                        e.stopPropagation();
                                    };
                                }
                            </script>

                            <div class="component content usp-small__item">
                                <div class="component-content" id='Feature3'>
                                    <div class="usp-snippet usp-snippet--C">
                                        <div class="usp-snippet__visual">
                                            <picture class="visual">
                                                <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-built-in-sound-card.jpg">
                                                <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-built-in-sound-card.jpg">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-built-in-sound-card.jpg" alt="">
                                            </picture>
                                        </div>
                                        <div class="usp-snippet__content">
                                            <h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>Built-in sound card (audio interface)</strong></h4>
                                            <p class="usp-snippet__text p--2 field-promotext2">Thanks to a built-in sound card, the DDJ-FLX6 connects straight to your speakers or amplifier via a single RCA cable. Plus you can record to rekordbox using the same USB connection.</p>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- GRID EVENT TRACKING-->

                            <script>
                                var x = document.getElementById("Feature3");
                                if (x != null) {
                                    x.onclick = function(e) {
                                        dataLayer.push({
                                            'event': '',
                                            'dlCategory': '',
                                            'dlAction': '',
                                            'dlElement': '',
                                            'dlLabel': 'en - ',
                                            'dlPosition': '',
                                            'dlURL': ''
                                        });
                                        e.stopPropagation();
                                    };
                                }
                            </script>

                            <div class="component content usp-small__item">
                                <div class="component-content" id='Feature4'>
                                    <div class="usp-snippet usp-snippet--C">
                                        <div class="usp-snippet__visual">
                                            <picture class="visual">
                                                <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/performance-pads.jpg">
                                                <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/performance-pads.jpg">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/performance-pads.jpg" alt="">
                                            </picture>
                                        </div>
                                        <div class="usp-snippet__content">
                                            <h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>Performance Pads</strong></h4>
                                            <p class="usp-snippet__text p--2 field-promotext2">Hit the 8 back-lit rubber Performance Pads to trigger Hot Cues, Pad FX, Beat Jump, and the sampler.</p>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- GRID EVENT TRACKING-->

                            <script>
                                var x = document.getElementById("Feature4");
                                if (x != null) {
                                    x.onclick = function(e) {
                                        dataLayer.push({
                                            'event': '',
                                            'dlCategory': '',
                                            'dlAction': '',
                                            'dlElement': '',
                                            'dlLabel': 'en - ',
                                            'dlPosition': '',
                                            'dlURL': ''
                                        });
                                        e.stopPropagation();
                                    };
                                }
                            </script>

                            <div class="component content usp-small__item">
                                <div class="component-content" id='Feature5'>
                                    <div class="usp-snippet usp-snippet--C">
                                        <div class="usp-snippet__visual">
                                            <picture class="visual">
                                                <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-class-compliant.jpg">
                                                <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-class-compliant.jpg">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-class-compliant.jpg" alt="">
                                            </picture>
                                        </div>
                                        <div class="usp-snippet__content">
                                            <h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>Class compliant</strong></h4>
                                            <p class="usp-snippet__text p--2 field-promotext2">Plug your DDJ-FLX6 into your PC/Mac and start DJing – there’s no need to install an audio driver.</p>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- GRID EVENT TRACKING-->

                            <script>
                                var x = document.getElementById("Feature5");
                                if (x != null) {
                                    x.onclick = function(e) {
                                        dataLayer.push({
                                            'event': '',
                                            'dlCategory': '',
                                            'dlAction': '',
                                            'dlElement': '',
                                            'dlLabel': 'en - ',
                                            'dlPosition': '',
                                            'dlURL': ''
                                        });
                                        e.stopPropagation();
                                    };
                                }
                            </script>

                            <div class="component content usp-small__item">
                                <div class="component-content" id='Feature6'>
                                    <div class="usp-snippet usp-snippet--C">
                                        <div class="usp-snippet__visual">
                                            <picture class="visual">
                                                <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/software/serato/serato-pnt-dj-icon.jpg">
                                                <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/software/serato/serato-pnt-dj-icon.jpg">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/features/software/serato/serato-pnt-dj-icon.jpg" alt="">
                                            </picture>
                                        </div>
                                        <div class="usp-snippet__content">
                                            <h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>Pitch ‘n Time DJ</strong></h4>
                                            <p class="usp-snippet__text p--2 field-promotext2">The Serato Pitch ‘n Time DJ Expansion Pack is included.</p>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- GRID EVENT TRACKING-->

                            <script>
                                var x = document.getElementById("Feature6");
                                if (x != null) {
                                    x.onclick = function(e) {
                                        dataLayer.push({
                                            'event': '',
                                            'dlCategory': '',
                                            'dlAction': '',
                                            'dlElement': '',
                                            'dlLabel': 'en - ',
                                            'dlPosition': '',
                                            'dlURL': ''
                                        });
                                        e.stopPropagation();
                                    };
                                }
                            </script>

                            <div class="component content usp-small__item">
                                <div class="component-content" id='Feature7'>
                                    <div class="usp-snippet usp-snippet--C">
                                        <div class="usp-snippet__visual">
                                            <picture class="visual">
                                                <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-fx-pack.jpg">
                                                <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-fx-pack.jpg">
                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-fx-pack.jpg" alt="">
                                            </picture>
                                        </div>
                                        <div class="usp-snippet__content">
                                            <h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>FX Pack</strong></h4>
                                            <p class="usp-snippet__text p--2 field-promotext2">The Serato FX Pack is included. Get creative with Single FX mode or Multi-FX mode for in-depth control.</p>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <!-- GRID EVENT TRACKING-->

                            <script>
                                var x = document.getElementById("Feature7");
                                if (x != null) {
                                    x.onclick = function(e) {
                                        dataLayer.push({
                                            'event': '',
                                            'dlCategory': '',
                                            'dlAction': '',
                                            'dlElement': '',
                                            'dlLabel': 'en - ',
                                            'dlPosition': '',
                                            'dlURL': ''
                                        });
                                        e.stopPropagation();
                                    };
                                }
                            </script>

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

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("Overview");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="spacer spacer--15"></div>

        <div class="component content section--9 col-xs-12">
            <div class="component-content" id='Common 2'>
                <section class="hotspots">
                    <div class="hotspots__inner">
                        <div class="hotspots__content">
                            <div>
                                <picture class="hotspots__visual">
                                    <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj-flx6_hotspot_top_pc.png">
                                    <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w_hotspot_prm_top_210630.png">
                                    <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w_hotspot_prm_top_210630.png" alt="">
                                </picture>
                            </div>
                            <div class="hotspots__spots">
                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot1'>
                                        <div><a class="hotspot" style="top: 6%;left: 12%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">Loop section</span>
                                                        <span class="hotspot__description caption">Sets the In / Out point of the loop on the fly.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot1");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot2'>
                                        <div><a class="hotspot" style="top: 6%;left: 28%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">Call Cue/ Loop section</span>
                                                        <span class="hotspot__description caption">Calls the cues and loops already set for the track.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot2");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot3'>
                                        <div><a class="hotspot" style="top: 6%;left: 46%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">MERGE FX select button</span>
                                                        <span class="hotspot__description caption">Changes the Merge FX type, cycling through types in the following order: MERGE FX 1,2,3 or 4.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot3");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot4'>
                                        <div><a class="hotspot" style="top: 18%;left: 49%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">MERGE FX knob</span>
                                                        <span class="hotspot__description caption">Press: Turns the selected MERGE FX on/off. Turn: The effect of the selected Merge FX changes.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot4");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot5'>
                                        <div><a class="hotspot" style="top: 58%;left: 47%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">BEAT SYNC button</span>
                                                        <span class="hotspot__description caption">Automatically synchronizes the tempo (BPM) and beatgrid with the deck set as the master.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot5");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot6'>
                                        <div><a class="hotspot" style="top: 58%;left: 52%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">MASTER button</span>
                                                        <span class="hotspot__description caption">Sets the relevant deck as the master.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot6");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot7'>
                                        <div><a class="hotspot" style="top: 85%;left: 30%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">Performance Pads</span>
                                                        <span class="hotspot__description caption">Call up and control the Hot Cues, Pad FX, Beat Jump, and sampler.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot7");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot8'>
                                        <div><a class="hotspot" style="top: 25%;left: 5%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">DECK SELECT button</span>
                                                        <span class="hotspot__description caption">Switches the deck to be used.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot8");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot9'>
                                        <div><a class="hotspot" style="top: 19%;left: 18%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">JOG CUTTER button</span>
                                                        <span class="hotspot__description caption">Turns Jog Cutter mode on/off.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot9");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot10'>
                                        <div><a class="hotspot" style="top: 7%;left: 69%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">Browser section</span>
                                                        <span class="hotspot__description caption">Browses / loads the tracks within the tree view to the deck.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot10");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content">
                                    <div class="component-content" id='hotspot11'>
                                        <div><a class="hotspot" style="top: 60%;left: 5%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">SHIFT button</span>
                                                        <span class="hotspot__description caption">Press another button while holding the [SHIFT] button to use a different feature assigned to the button.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot11");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content">
                                    <div class="component-content" id='hotspot12'>
                                        <div><a class="hotspot" style="top: 81%;left: 87%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">Beat FX section</span>
                                                        <span class="hotspot__description caption">Turn on / off BEAT FX and change the effect, applied channel, depth, and the length of the beat to be synced.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot12");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content">
                                    <div class="component-content" id='hotspot13'>
                                        <div><a class="hotspot" style="top: 7%;left: 80%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">DECK4/SAMPLER selector switch</span>
                                                        <span class="hotspot__description caption">Selects whether channel 4 plays the sampler sound or the sound from deck 4.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot13");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

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

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("Common 2");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="spacer spacer--3"></div>

        <div class="component content section--9 col-xs-12">
            <div class="component-content" id='Common'>
                <section class="hotspots">
                    <div class="hotspots__inner">
                        <div class="hotspots__content">
                            <div>
                                <picture class="hotspots__visual">
                                    <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj-flx6_hotspot_front_pc3.png">
                                    <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w_hotspot_prm_front_210630.png">
                                    <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w_hotspot_prm_front_210630.png" alt="">
                                </picture>
                            </div>
                            <div class="hotspots__spots">
                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot-front1'>
                                        <div><a class="hotspot" style="top: 65%;left: 35%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">PHONES output terminals</span>
                                                        <span class="hotspot__description caption">Connections for your headphones. Stereo phone plugs (1/4") and stereo mini phone plugs (ø 3.5 mm) can be used with the unit.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot-front1");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot-front2'>
                                        <div><a class="hotspot" style="top: 65%;left: 48%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">HEADPHONES LEVEL knob</span>
                                                        <span class="hotspot__description caption">Adjusts the level of the headphones sound.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot-front2");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content">
                                    <div class="component-content" id='hotspot-front3'>
                                        <div><a class="hotspot" style="top: 65%;left: 56%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">HEADPHONES MIX knob</span>
                                                        <span class="hotspot__description caption">Adjusts the monitor volume balance between sounds from the master channel and the channels which have the headphone [CUE] button pressed.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot-front3");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content">
                                    <div class="component-content" id='hotspot-front4'>
                                        <div><a class="hotspot" style="top: 65%;left: 64%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">MIC LEVEL knob</span>
                                                        <span class="hotspot__description caption">Adjusts the level of sound input to the [MIC] input terminal.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot-front4");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

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

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("Common");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="spacer spacer--3"></div>

        <div class="component content section--9 col-xs-12">
            <div class="component-content" id='Common 2b'>
                <section class="hotspots">
                    <div class="hotspots__inner">
                        <div class="hotspots__content">
                            <div>
                                <picture class="hotspots__visual">
                                    <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj-flx6_hotspot_rear_pc2.png">
                                    <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w_hotspot_prm_rear_210630.png">
                                    <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w_hotspot_prm_rear_210630.png" alt="">
                                </picture>
                            </div>
                            <div class="hotspots__spots">
                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot-rear3'>
                                        <div><a class="hotspot" style="top: 66%;left: 53%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">MIC ATT. (Attenuator) knob</span>
                                                        <span class="hotspot__description caption">Adjusts the volume of input sound from the [MIC] input terminal.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot-rear3");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot-rear2'>
                                        <div><a class="hotspot" style="top: 66%;left: 34%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">BOOTH output terminals (RCA pin jack type)</span>
                                                        <span class="hotspot__description caption">Connection for a powered speaker, a power amplifier, etc. Compatible with RCA pin-jack type unbalanced outputs.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot-rear2");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content col-xs-12">
                                    <div class="component-content" id='hotspot-rear1'>
                                        <div><a class="hotspot" style="top: 66%;left: 24%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">MASTER output terminals (RCA pin jack type)</span>
                                                        <span class="hotspot__description caption">Connection for a powered speaker, a power amplifier, etc. Compatible with RCA pin-jack type unbalanced outputs.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot-rear1");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content">
                                    <div class="component-content" id='hotspot-rear4'>
                                        <div><a class="hotspot" style="top: 66%;left: 60%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">MIC input terminal (1/4" TRS Jack)</span>
                                                        <span class="hotspot__description caption">Connection for a microphone. Phone plug (1/4") can be used.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot-rear4");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content">
                                    <div class="component-content" id='hotspot-rear5'>
                                        <div><a class="hotspot" style="top: 66%;left: 68%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">USB port</span>
                                                        <span class="hotspot__description caption">Connection for a PC/Mac. A USB hub can't be used.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot-rear5");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content">
                                    <div class="component-content" id='hotspot-rear6'>
                                        <div><a class="hotspot" style="top: 66%;left: 78%;" aria-expanded="false">
                                                <span class="hotspot__trigger">
                                                    <span class="hotspot__trigger__inner">
                                                        <span class="hotspot__symbol">
                                                            <span class="icon-plus">
                                                                <span class="icon-plus__inner"></span>
                                                            </span> </span>
                                                    </span>
                                                </span>

                                                <span class="hotspot__bubble">
                                                    <span class="hotspot__content">
                                                        <span class="hotspot__close">
                                                            <span class="icon-cross">
                                                                <span class="icon-cross__inner"></span>
                                                            </span> </span>
                                                        <span class="hotspot__title p--2">Kensington security slot</span>
                                                        <span class="hotspot__description caption">Connection for a cable lock for security.</span>
                                                    </span>
                                                </span>
                                            </a></div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("hotspot-rear6");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

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

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("Common 2b");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="spacer spacer--12"></div>

        <div class="component content col-xs-12" id="TutorialVideos">
            <div class="component-content" id='default-text'>
                <section class="col-one">
                    <div class="col-one__inner">
                        <div class="col-one__content field-text">
                            <div class="spacer spacer--1">&nbsp;</div>
                            <div class="section-header section-header--centered" id="videos">
                                <h2 class="section-header__heading heading heading--4" style="font-size: var(--h--4); font-weight: bold;">RELATED VIDEOS</h2>
                                <div class="spacer spacer--2">&nbsp;</div>
                                <!--<div class="section-header__description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, delectus?</div>-->
                            </div>
                            <div class="spacer spacer--1">&nbsp;</div>
                            <section class="media media--grid media--grid-b">
                                <div class="media__in">
                                    <div class="media__inner">
                                        <div class="media__content">

                                            <div id="video-section" class="media__item in-view">
                                                <article class="snippet-c">
                                                    <div class="snippet-c__visual">
                                                        <div class="snippet-c__image">
                                                            <div class="video-player">
                                                                <picture class="visual">
                                                                    <img alt="" data-sizes="auto" data-src="https://img.youtube.com/vi/y_bE7Shmuz8/maxresdefault.jpg" class="lazyautosizes lazyloaded" sizes="568px" src="https://img.youtube.com/vi/y_bE7Shmuz8/maxresdefault.jpg" />
                                                                </picture>
                                                                <span class="video-player__trigger">
                                                                    <span class="video-ID">y_bE7Shmuz8</span>
                                                                    <span class="icon-play">
                                                                        <span class="icon-play__inner"></span>
                                                                        <span class="icon-play__icon">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 7.6 14">
                                                                                <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
                                                                            </svg>
                                                                        </span>
                                                                    </span> </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="snippet-c__content">
                                                        <span class="snippet-c__label">Tutorial series</span>
                                                        <h4 class="snippet-c__heading heading" style="text-align: left;">
                                                            Merge FX techniques
                                                        </h4>
                                                        <div class="snippet-c__description" style="text-align: left;">
                                                            You can create unique sounds, builds, and fills when you combine Merge FX with Beat FX on the DDJ-FLX6. Find even more dynamic ways to transition between tracks by using a custom loop as a build sample.
                                                        </div>
                                                    </div>
                                                </article>
                                            </div>

                                            <div id="video-section" class="media__item in-view">
                                                <article class="snippet-c">
                                                    <div class="snippet-c__visual">
                                                        <div class="snippet-c__image">
                                                            <div class="video-player">
                                                                <picture class="visual">
                                                                    <img alt="" data-sizes="auto" data-src="https://img.youtube.com/vi/5IZ-pHr51yA/maxresdefault.jpg" class="lazyautosizes lazyloaded" sizes="568px" src="https://img.youtube.com/vi/5IZ-pHr51yA/maxresdefault.jpg" />
                                                                </picture>
                                                                <span class="video-player__trigger">
                                                                    <span class="video-ID">5IZ-pHr51yA</span>
                                                                    <span class="icon-play">
                                                                        <span class="icon-play__inner"></span>
                                                                        <span class="icon-play__icon">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 7.6 14">
                                                                                <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
                                                                            </svg>
                                                                        </span>
                                                                    </span> </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="snippet-c__content">
                                                        <span class="snippet-c__label">Tutorial series</span>
                                                        <h4 class="snippet-c__heading heading" style="text-align: left;">
                                                            Merge FX
                                                        </h4>
                                                        <div class="snippet-c__description" style="text-align: left;">
                                                            Add drama to your sets and easily mix different styles of music with this brand-new feature. No matter what the BPM or key of the next track is, you can create an exciting transition whenever you want.
                                                        </div>
                                                    </div>
                                                </article>
                                            </div>

                                            <div id="video-section" class="media__item in-view">
                                                <article class="snippet-c">
                                                    <div class="snippet-c__visual">
                                                        <div class="snippet-c__image">
                                                            <div class="video-player">
                                                                <picture class="visual">
                                                                    <img alt="" data-sizes="auto" data-src="https://img.youtube.com/vi/z7BiF0z_sEU/maxresdefault.jpg" class="lazyautosizes lazyloaded" sizes="568px" src="https://img.youtube.com/vi/z7BiF0z_sEU/maxresdefault.jpg" />
                                                                </picture>
                                                                <span class="video-player__trigger">
                                                                    <span class="video-ID">z7BiF0z_sEU</span>
                                                                    <span class="icon-play">
                                                                        <span class="icon-play__inner"></span>
                                                                        <span class="icon-play__icon">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 7.6 14">
                                                                                <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
                                                                            </svg>
                                                                        </span>
                                                                    </span> </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="snippet-c__content">
                                                        <span class="snippet-c__label">Tutorial series</span>
                                                        <h4 class="snippet-c__heading heading" style="text-align: left;">
                                                            Jog Cutter
                                                        </h4>
                                                        <div class="snippet-c__description" style="text-align: left;">
                                                            Turn on Jog Cutter and, when you move the jog wheel backward and forward between the 6 sections shown on the jog wheel, a professional scratch effect will be applied to the last Hot Cue or playback position you used.
                                                        </div>
                                                    </div>
                                                </article>
                                            </div>

                                            <div id="video-section" class="media__item in-view">
                                                <article class="snippet-c">
                                                    <div class="snippet-c__visual">
                                                        <div class="snippet-c__image">
                                                            <div class="video-player">
                                                                <picture class="visual">
                                                                    <img alt="" data-sizes="auto" data-src="https://img.youtube.com/vi/uTi5XykTKJQ/maxresdefault.jpg" class="lazyautosizes lazyloaded" sizes="568px" src="https://img.youtube.com/vi/uTi5XykTKJQ/maxresdefault.jpg" />
                                                                </picture>
                                                                <span class="video-player__trigger">
                                                                    <span class="video-ID">uTi5XykTKJQ</span>
                                                                    <span class="icon-play">
                                                                        <span class="icon-play__inner"></span>
                                                                        <span class="icon-play__icon">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 7.6 14">
                                                                                <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
                                                                            </svg>
                                                                        </span>
                                                                    </span> </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="snippet-c__content">
                                                        <span class="snippet-c__label">Tutorial series</span>
                                                        <h4 class="snippet-c__heading heading" style="text-align: left;">
                                                            Sample Scratch
                                                        </h4>
                                                        <div class="snippet-c__description" style="text-align: left;">
                                                            Sample Scratch is a brand-new pad mode in rekordbox which enables you to choose sounds or even full tracks you’ve assigned to the sampler and load them onto the decks.
                                                        </div>
                                                    </div>
                                                </article>
                                            </div>

                                        </div>
                                    </div>

                                    <!--<div class="media__actions actions actions--end actions--force">
<div class="actions__item">
<a href="/en/product/controller/ddj-flx6/dark-grey/videos/" class="action action--normal action--on-light">
<span class="action__label" style="font-weight: initial;">すべてのビデオを見る</span>
<span class="action__bg"></span>
</a>
</div>
</div>-->

                                </div>
                            </section>

                            <div class="spacer spacer--8"></div>

                            <h2 class="section-header__heading heading heading--4" style="font-size: var(--h--4); font-weight: bold; text-align: center;">SPECIFICATIONS</h2>
                        </div>
                    </div>
                </section>
            </div>

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("default-text");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="spacer spacer--0"></div>

        <div class="component content spec-scroll">
            <div class="component-content" id='Overview'>
                <div class="specs">
                    <div class="specs__inner">
                        <div class="specs__table">
                            <div class="table">
                                <div class="component content">
                                    <div class="component-content" id='Row1'>
                                        <div class="table__row">
                                            <div class="table__cell"><strong class="field-promotext">Width</strong></div>
                                            <div class="table__cell field-promotext2">
                                                <p>676 mm</p>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("Row1");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content">
                                    <div class="component-content" id='Row2'>
                                        <div class="table__row">
                                            <div class="table__cell"><strong class="field-promotext">Height</strong></div>
                                            <div class="table__cell field-promotext2">68.7 mm</div>
                                        </div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("Row2");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content">
                                    <div class="component-content" id='Row3'>
                                        <div class="table__row">
                                            <div class="table__cell"><strong class="field-promotext">Depth</strong></div>
                                            <div class="table__cell field-promotext2">345.7 mm</div>
                                        </div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("Row3");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content">
                                    <div class="component-content" id='Row4'>
                                        <div class="table__row">
                                            <div class="table__cell"><strong class="field-promotext">Weight</strong></div>
                                            <div class="table__cell field-promotext2">3.8 kg</div>
                                        </div>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("Row4");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="component content">
                                    <div class="component-content" id='Overview'>
                                    </div>

                                </div>

                                <!-- GRID EVENT TRACKING-->

                                <script>
                                    var x = document.getElementById("Overview");
                                    if (x != null) {
                                        x.onclick = function(e) {
                                            dataLayer.push({
                                                'event': '',
                                                'dlCategory': '',
                                                'dlAction': '',
                                                'dlElement': '',
                                                'dlLabel': 'en - ',
                                                'dlPosition': '',
                                                'dlURL': ''
                                            });
                                            e.stopPropagation();
                                        };
                                    }
                                </script>

                                <div class="specs__actions actions actions--start actions--m--end actions--force">

                                    <div class="actions__item">
                                        <a href="/en/landing/comparison/dj-controller/" class="link link--underlined">
                                            <span class="link__label">Compare</span>
                                        </a>
                                    </div>
                                    <div class="actions__item">
                                        <a href="/en/product/controller/ddj-flx6/white/specifications/" class="action action--normal action--on-light" onclick="dataLayer.push({'event':'dlDYNAMICCOMPONENTSEvent', 'dlCategory':'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'See all specs', 'dlLabel': '', 'dlPosition': '', 'dlURL': '/en/product/controller/ddj-flx6/white/specifications/'});">
                                            <span class="action__bg"></span>
                                            <span class="action__label">See all specs</span>
                                        </a>
                                    </div>

                                </div>

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

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("Overview");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="spacer spacer--12"></div>

        <section class="media media--grid">
            <div class="media__in">
                <div class="media__inner">
                    <div class="media__content">

                    </div>
                </div>

                <div class="media__loadmore">
                    <a href="/api/sitecore/Product/GenerateJson?ItemId=adcc6bfa-6e04-4449-827a-908453da65e6&page=" class="loadmore" onclick="dataLayer.push({'event':'dlDYNAMICCOMPONENTSEvent', 'dlCategory':'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Load more', 'dlLabel': 'Images', 'dlPosition': '', 'dlURL': ''});">
                        <span class="loadmore__icon">
                            <span class="icon-plus">
                                <span class="icon-plus__inner"></span>
                            </span>
                        </span>
                        <span class="loadmore__label p--1">load more media</span>
                    </a>
                </div>
            </div>
        </section>

        <div class="spacer spacer--20"></div>

        <div class="combine-with combine-with--tabs">
            <div class="combine-with__in">
                <div class="combine-with__header">
                    <div class="combine-with__labels swiper-container">
                        <div class="swiper-wrapper">

                            <div class="combine-with__label swiper-slide">RELATED PRODUCTS</div>

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

                <div class="combine-with__main swiper-container">
                    <div class="swiper-wrapper">

                        <div class="combine-with__item swiper-slide">
                            <div class="combine-with__visual">
                                <picture class="visual">
                                    <source media="(max-width: 749px)" srcset="">
                                    <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj-flx6_combine_with_pc2.png">
                                    <img class="lazyload" src="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj-flx6_combine_with_pc2.png" alt="">
                                </picture>
                            </div>

                            <div class="combine-with__carousel">
                                <section class="carousel swiper-container">
                                    <div class="swiper-wrapper">
                                        <!--carousel-->

                                        <div class="carousel__slide swiper-slide">
                                            <article class="product-snippet">
                                                <a href="/en/product/software/rekordbox/software/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': 'rekordbox', 'dlPosition': '', 'dlURL': '/en/product/software/rekordbox/software/overview/' });">
                                                    <div class="product-snippet__image">
                                                        <picture class="visual">
                                                            <img class="lazyload" src="/-/media/pioneerdj/images/products/software/rekordbox-6/rekordbox-6-main.png?h=250&amp;w=400&amp;hash=4356A6EB83C55523752DC93D3010AD09" alt="">
                                                        </picture>
                                                    </div>
                                                </a>

                                                <div class="product-snippet__content">
                                                    <h4 class="product-snippet__heading heading">
                                                        <a href="/en/product/software/rekordbox/software/overview/" class="link link--default">
                                                            <span class="link__label">rekordbox</span>
                                                        </a>
                                                    </h4>

                                                    <span class="product-snippet__price">

                                                    </span>

                                                    <div class="product-snippet__description">
                                                        DJ application
                                                    </div>
                                                </div>
                                                <!--Buynow-->

                                            </article>
                                        </div>
                                        <div class="carousel__slide swiper-slide">
                                            <article class="product-snippet">
                                                <a href="/en/product/monitor-speakers/s-dj50x/black/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': 'S-DJ50X', 'dlPosition': '', 'dlURL': '/en/product/monitor-speakers/s-dj50x/black/overview/' });">
                                                    <div class="product-snippet__image">
                                                        <picture class="visual">
                                                            <img class="lazyload" src="/-/media/pioneerdj/images/products/monitor-speakers/s-dj50x/black/s-dj50x-main.png?h=250&amp;w=400&amp;hash=167BC4886B751CAA00E6B6DC07400037" alt="">
                                                        </picture>
                                                    </div>
                                                </a>

                                                <div class="product-snippet__content">
                                                    <h4 class="product-snippet__heading heading">
                                                        <a href="/en/product/monitor-speakers/s-dj50x/black/overview/" class="link link--default">
                                                            <span class="link__label">S-DJ50X</span>
                                                        </a>
                                                    </h4>

                                                    <span class="product-snippet__price">

                                                    </span>

                                                    <div class="product-snippet__description">
                                                        5” active monitor speaker
                                                    </div>
                                                </div>
                                                <!--Buynow-->

                                            </article>
                                        </div>
                                        <div class="carousel__slide swiper-slide">
                                            <article class="product-snippet">
                                                <a href="/en/product/monitor-speakers/dm-40bt/black/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': 'DM-40BT', 'dlPosition': '', 'dlURL': '/en/product/monitor-speakers/dm-40bt/black/overview/' });">
                                                    <div class="product-snippet__image">
                                                        <picture class="visual">
                                                            <img class="lazyload" src="/-/media/pioneerdj/images/products/monitor-speakers/dm-40bt/dm-40bt-k-front-bt-2.png?h=250&amp;w=400&amp;hash=2103ACC6E9A1FE6BAA9D919BA65C4CCB" alt="">
                                                        </picture>
                                                    </div>
                                                </a>

                                                <div class="product-snippet__content">
                                                    <h4 class="product-snippet__heading heading">
                                                        <a href="/en/product/monitor-speakers/dm-40bt/black/overview/" class="link link--default">
                                                            <span class="link__label">DM-40BT</span>
                                                        </a>
                                                    </h4>

                                                    <span class="product-snippet__price">

                                                    </span>

                                                    <div class="product-snippet__description">
                                                        4” desktop monitor system with Bluetooth&#174; functionality
                                                    </div>
                                                </div>
                                                <!--Buynow-->

                                            </article>
                                        </div>
                                        <div class="carousel__slide swiper-slide">
                                            <article class="product-snippet">
                                                <a href="/en/product/headphones/hdj-cue1bt/black/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': 'HDJ-CUE1BT', 'dlPosition': '', 'dlURL': '/en/product/headphones/hdj-cue1bt/black/overview/' });">
                                                    <div class="product-snippet__image">
                                                        <picture class="visual">
                                                            <img class="lazyload" src="/-/media/pioneerdj/images/products/headphones/hdj-cue1/hdj-cue1bt-k-hero.png?h=250&amp;w=400&amp;hash=DFDD2D461C3C46A638D2A8193BD093E3" alt="">
                                                        </picture>
                                                    </div>
                                                </a>

                                                <div class="product-snippet__content">
                                                    <h4 class="product-snippet__heading heading">
                                                        <a href="/en/product/headphones/hdj-cue1bt/black/overview/" class="link link--default">
                                                            <span class="link__label">HDJ-CUE1BT</span>
                                                        </a>
                                                    </h4>

                                                    <span class="product-snippet__price">

                                                    </span>

                                                    <div class="product-snippet__description">
                                                        DJ headphones with Bluetooth&#174; functionality
                                                    </div>
                                                </div>
                                                <!--Buynow-->

                                            </article>
                                        </div>
                                        <div class="carousel__slide swiper-slide">
                                            <article class="product-snippet">
                                                <a href="/en/product/headphones/hdj-x5bt/black/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': 'HDJ-X5BT', 'dlPosition': '', 'dlURL': '/en/product/headphones/hdj-x5bt/black/overview/' });">
                                                    <div class="product-snippet__image">
                                                        <picture class="visual">
                                                            <img class="lazyload" src="/-/media/pioneerdj/images/products/headphones/hdj-x5bt/black/hdj-x5bt-k-main-bt-2.png?h=250&amp;w=400&amp;hash=4B014D88501D36045A010A4543AD07D9" alt="">
                                                        </picture>
                                                    </div>
                                                </a>

                                                <div class="product-snippet__content">
                                                    <h4 class="product-snippet__heading heading">
                                                        <a href="/en/product/headphones/hdj-x5bt/black/overview/" class="link link--default">
                                                            <span class="link__label">HDJ-X5BT</span>
                                                        </a>
                                                    </h4>

                                                    <span class="product-snippet__price">

                                                    </span>

                                                    <div class="product-snippet__description">
                                                        Over-ear DJ headphones with Bluetooth&#174; functionality
                                                    </div>
                                                </div>
                                                <!--Buynow-->

                                            </article>
                                        </div>
                                        <div class="carousel__slide swiper-slide">
                                            <article class="product-snippet">
                                                <a href="/en/product/headphones/hdj-x5/d4dj-collaboration-model/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': '', 'dlPosition': '', 'dlURL': '/en/product/headphones/hdj-x5/d4dj-collaboration-model/overview/' });">
                                                    <div class="product-snippet__image">
                                                        <picture class="visual">
                                                            <img class="lazyload" src="/-/media/pioneerdj/images/products/headphones/hdj-x5/black/hdj-x5-k.png?h=250&amp;w=400&amp;hash=EAF685CEAABD83CE5793494979D337F8" alt="">
                                                        </picture>
                                                    </div>
                                                </a>

                                                <div class="product-snippet__content">
                                                    <h4 class="product-snippet__heading heading">
                                                        <a href="/en/product/headphones/hdj-x5/d4dj-collaboration-model/overview/" class="link link--default">
                                                            <span class="link__label"></span>
                                                        </a>
                                                    </h4>

                                                    <span class="product-snippet__price">

                                                    </span>

                                                    <div class="product-snippet__description">

                                                    </div>
                                                </div>
                                                <!--Buynow-->

                                            </article>
                                        </div>
                                        <div class="carousel__slide swiper-slide">
                                            <article class="product-snippet">
                                                <a href="/en/product/headphones/archive/hdj-x5/black/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': 'HDJ-X5', 'dlPosition': '', 'dlURL': '/en/product/headphones/archive/hdj-x5/black/overview/' });">
                                                    <div class="product-snippet__image">
                                                        <picture class="visual">
                                                            <img class="lazyload" src="/-/media/pioneerdj/images/products/headphones/hdj-x5/black/hdj-x5-k.png?h=250&amp;w=400&amp;hash=EAF685CEAABD83CE5793494979D337F8" alt="">
                                                        </picture>
                                                    </div>
                                                </a>

                                                <div class="product-snippet__content">
                                                    <h4 class="product-snippet__heading heading">
                                                        <a href="/en/product/headphones/archive/hdj-x5/black/overview/" class="link link--default">
                                                            <span class="link__label">HDJ-X5</span>
                                                        </a>
                                                    </h4>

                                                    <span class="product-snippet__price">

                                                    </span>

                                                    <div class="product-snippet__description">
                                                        Over-ear DJ headphones
                                                    </div>
                                                </div>
                                                <!--Buynow-->

                                            </article>
                                        </div>

                                    </div>

                                    <nav class="carousel__nav">
                                        <div class="carousel__nav__item">
                                            <a class="carousel__nav__link carousel__nav__link--prev" onclick="dataLayer.push({'event':'dlDYNAMICCOMPONENTSEvent', 'dlCategory':'Dynamic component interaction', 'dlAction': 'Navigate', 'dlElement': 'Related products', 'dlLabel': 'Left', 'dlPosition': '', 'dlURL': ''});">
                                                <span class="carousel__nav__icon">
                                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 9.7 16">
                                                        <path fill="currentColor" d="M0.4,0.4C0.8-0.1,1.5-0.1,2,0.3L2,0.4L9.7,8L2,15.6c-0.5,0.5-1.2,0.5-1.7,0c-0.4-0.4-0.5-1.1-0.1-1.6l0.1-0.1L6.3,8L0.4,2C-0.1,1.6-0.1,0.9,0.4,0.4L0.4,0.4z" />
                                                    </svg>
                                                </span>
                                            </a>
                                        </div>

                                        <div class="carousel__nav__item">
                                            <a class="carousel__nav__link carousel__nav__link--next" onclick="dataLayer.push({'event':'dlDYNAMICCOMPONENTSEvent', 'dlCategory':'Dynamic component interaction', 'dlAction': 'Navigate', 'dlElement': 'Related products', 'dlLabel': 'Right', 'dlPosition': '', 'dlURL': ''});">
                                                <span class="carousel__nav__icon">
                                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 9.7 16">
                                                        <path fill="currentColor" d="M0.4,0.4C0.8-0.1,1.5-0.1,2,0.3L2,0.4L9.7,8L2,15.6c-0.5,0.5-1.2,0.5-1.7,0c-0.4-0.4-0.5-1.1-0.1-1.6l0.1-0.1L6.3,8L0.4,2C-0.1,1.6-0.1,0.9,0.4,0.4L0.4,0.4z" />
                                                    </svg>
                                                </span>
                                            </a>
                                        </div>
                                    </nav>
                                </section>
                            </div>
                        </div>

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

        <div class="spacer spacer--12"></div>

        <div class="component content col-xs-12">
            <div class="component-content" id='default-text'>
                <section class="col-one">
                    <div class="col-one__inner">
                        <div class="col-one__content field-text">
                            <style type="text/css">
                                <!--
                                section.col-one .col-one__inner .col-one__content.field-text {
                                    text-align: center;
                                    padding-top: 10px;
                                }

                                .combine-with {
                                    margin-top: 30px;
                                }

                                .col-two__content {
                                    padding: 30px 15px 40px;
                                }

                                .hero-product__description,
                                p.usp-snippet__text.p--2.field-promotext2 {
                                    letter-spacing: 0.1px;
                                }

                                .col-one__inner {
                                    max-width: 1140px;
                                }

                                #the-bucket .section--9 {
                                    max-width: 1170px;
                                }

                                section.col-one .media {
                                    padding: 0;
                                }

                                section.media.media--grid.media--grid--B .media__item.in-view {
                                    max-height: 320px;
                                    margin-bottom: 4px;
                                }

                                section.media.media--grid.media--grid--B .video-player {
                                    max-height: 320px;
                                }

                                section.media.media--grid.media--grid--B .in-view .media__item__inner {
                                    background: #FFF;
                                }

                                .icon-play__inner {
                                    opacity: 0.6;
                                }

                                .combine-with__visual {
                                    display: none;
                                }

                                div#videos {
                                    /* display: block; */
                                    /* padding-top: 150px; */
                                    /* margin-top: -150px; */
                                }

                                #TutorialVideos .col-one__content {
                                    max-width: 1170px !important;
                                    /* padding: 0 var(--gutter--bucket) 0 0; */
                                }

                                #seeallvideos .col-one__content {
                                    max-width: 1170px !important;
                                    /* padding: 0 var(--gutter--bucket) 0 0; */
                                }

                                .col-one:not(.col-one--visual) .col-one__content {
                                    font-size: var(--h--4) !important;
                                }
                                -->
                            </style>
                        </div>
                    </div>
                </section>
            </div>

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("default-text");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

        <div class="spacer spacer--30"></div>

        <div class="component content back-to-top">
            <div class="component-content" id='back-to-top'>
                <div class="back-to-top__link">back to top <span class="back-to-top__arrow"></span></div>
            </div>

        </div>

        <!-- GRID EVENT TRACKING-->

        <script>
            var x = document.getElementById("back-to-top");
            if (x != null) {
                x.onclick = function(e) {
                    dataLayer.push({
                        'event': '',
                        'dlCategory': '',
                        'dlAction': '',
                        'dlElement': '',
                        'dlLabel': 'en - ',
                        'dlPosition': '',
                        'dlURL': ''
                    });
                    e.stopPropagation();
                };
            }
        </script>

    </div>

    <footer class="footer theme-2020">
        <div class="footer__brand">
            <div class="footerBrand">
                <div class="footerBrand__logo">
                    <svg class="symbol symbol--dj" viewBox="0 0 39 25" version="1" xmlns="http://www.w3.org/2000/svg">
                        <path d="M25.122 2.049c2.395 1.86 2.787 4.38 1.8 7.019-.919 2.442-2.98 4.81-6.22 6.642-3.592 1.994-7.308 2.525-11.363 2.525H0L6.844 0h8.209c4.14 0 7.638.164 10.069 2.049zm-5.057 6.883c.538-1.437.4-3.579-.552-4.723-1.07-1.27-2.719-1.419-5.1-1.419l-1.163.026s-1-.113-1.407.796c-.248.57.104-.426-3.92 10.305-.53 1.423.735 1.493.735 1.493s4.54.277 8.34-2.352c1.61-1.114 2.562-2.772 3.067-4.126zm9.65-2.385L39 6.594l-4.7 12.564C32.767 23.25 29.594 25 23.231 25l-4.969-.066 1.188-2.837c7.193.343 8.49-2.86 8.717-3.475l3-8.07s.516-1.437-.652-1.437h-1.84l1.04-2.568z" fill="currentColor"></path>
                    </svg>
                </div>

                <nav class="footerBreadcrumb">
                    <ul class="footerBreadcrumb__list">
                        <li class="footerBreadcrumb__item">
                            <a href='https://test1.pioneerdj.com/en/product/' class="footerBreadcrumb__link">Product</a>
                        </li>
                        <li class="footerBreadcrumb__item">
                            <a href='https://test1.pioneerdj.com/en/product/controller/' class="footerBreadcrumb__link">DJ Controller</a>
                        </li>
                        <li class="footerBreadcrumb__item">
                            <a href='https://test1.pioneerdj.com/en/product/controller/ddj-flx6/' class="footerBreadcrumb__link">DDJ-FLX6</a>
                        </li>
                        <li class="footerBreadcrumb__item">
                            Overview </li>
                    </ul>
                </nav>

            </div>
        </div>

        <div class="footer__nav">
            <nav class="footerNav">

                <div class="footerNav__content">
                    <h3 class="footerNav__title heading heading--4">
                        <a href="/en/product/" class="footerNav__title__link">Products</a>
                        <span class="footerNav__trigger footerNav__triggerIcon"></span>
                    </h3>
                    <div class="footerNav__menu" style="height: 264px;">
                        <ul class="footerNav__list">
                            <li class="footerNav__item"><a href="/en/product/player/" class="footerNav__link">DJ players / Turntable</a></li>
                            <li class="footerNav__item"><a href="/en/product/mixer/" class="footerNav__link">DJ mixers</a></li>
                            <li class="footerNav__item"><a href="/en/product/all-in-one-system/" class="footerNav__link">All-in-one DJ systems</a></li>
                            <li class="footerNav__item"><a href="/en/product/controller/" class="footerNav__link">DJ controllers</a></li>
                            <li class="footerNav__item"><a href="/en/product/software/" class="footerNav__link">DJ software &amp; Interfaces</a></li>
                            <li class="footerNav__item"><a href="/en/product/dj-sampler/" class="footerNav__link">DJ samplers</a></li>
                            <li class="footerNav__item"><a href="/en/product/effector/" class="footerNav__link">Effector</a></li>
                            <li class="footerNav__item"><a href="/en/product/production/" class="footerNav__link">Music production</a></li>
                            <li class="footerNav__item"><a href="/en/product/headphones/" class="footerNav__link">Headphones</a></li>
                            <li class="footerNav__item"><a href="/en/product/monitor-speakers/" class="footerNav__link">Monitor speakers</a></li>
                            <li class="footerNav__item"><a href="/en/product/pa-speakers/" class="footerNav__link">PA speakers</a></li>
                            <li class="footerNav__item"><a href="/en/product/accessories/" class="footerNav__link">Accessories</a></li>
                        </ul>
                    </div>
                </div>

                <div class="footerNav__content">
                    <h3 class="footerNav__title heading heading--4">
                        <a href="/en/support/" class="footerNav__title__link">Support</a>
                        <span class="footerNav__trigger footerNav__triggerIcon"></span>
                    </h3>
                    <div class="footerNav__menu" style="height: 192px;">
                        <ul class="footerNav__list">
                            <li class="footerNav__item">
                                <a href="/en/support/contact/" class="footerNav__link" title="Contact">Contact</a>
                            </li>
                            <li class="footerNav__item">
                                <a href="/en/support/documents/" class="footerNav__link">Manuals</a>
                            </li>
                            <li class="footerNav__item">
                                <a href="/en/support/software/" class="footerNav__link">Software &amp; firmware</a>
                            </li>
                            <li class="footerNav__item">
                                <a href="/en/support/software-information/" class="footerNav__link">Software information</a>
                            </li>
                            <li class="footerNav__item">
                                <a href="http://faq.pioneerdj.com" class="footerNav__link" rel="noopener noreferrer" target="_blank">FAQ <span class="footerNav__icon"><svg class="symbol symbol--external" viewBox="0 0 32 32" version="1" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M20 0l3.2 3.2H1.6C.8 3.2 0 4 0 4.96V30.4c0 .8.8 1.6 1.6 1.6h24.8c.96 0 1.6-.8 1.6-1.76V8.48l.16-.16 3.84 4V0H20zm4.8 28.64H3.36V6.56h17.76l-12 12.32 4.48 4.48 11.2-11.52v16.8z" fill="currentColor"></path>
                                        </svg></span>
                                </a>
                            </li>
                            <li class="footerNav__item">
                                <a href="http://forums.pioneerdj.com/home" class="footerNav__link" rel="noopener noreferrer" target="_blank">Forum <span class="footerNav__icon"><svg class="symbol symbol--external" viewBox="0 0 32 32" version="1" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M20 0l3.2 3.2H1.6C.8 3.2 0 4 0 4.96V30.4c0 .8.8 1.6 1.6 1.6h24.8c.96 0 1.6-.8 1.6-1.76V8.48l.16-.16 3.84 4V0H20zm4.8 28.64H3.36V6.56h17.76l-12 12.32 4.48 4.48 11.2-11.52v16.8z" fill="currentColor"></path>
                                        </svg></span>
                                </a>
                            </li>
                            <li class="footerNav__item">
                                <a href="/en/landing/pioneer-dj-certified/" class="footerNav__link">Certification program</a>
                            </li>
                            <li class="footerNav__item">
                                <a href="/en/account/about/" class="footerNav__link">About your account</a>
                            </li>
                            <li class="footerNav__item">
                                <a href="/en/support/important-product-notice/" class="footerNav__link">Important product notices</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="footerNav__content">
                    <h3 class="footerNav__title heading heading--4">
                        <a href="/en/news/" class="footerNav__title__link" title="News">News</a>
                    </h3>
                    <h3 class="footerNav__title heading heading--4">
                        <a href="/en/company/company-info/" class="footerNav__title__link">About us</a>
                        <span class="footerNav__trigger footerNav__triggerIcon"></span>
                    </h3>
                    <div class="footerNav__menu" style="height: 48px;">
                        <ul class="footerNav__list">
                            <li class="footerNav__item"><a href="https://alphatheta.com/en/" class="footerNav__link" rel="noopener noreferrer" target="_blank">Company info</a></li>
                            <li class="footerNav__item"><a href="/en/corporate-contact/" class="footerNav__link">Corporate contact</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
        <div class="footer__links">
            <div class="footer__links__inner">

                <div class="footer__external">
                    <nav class="externalNav">
                        <ul class="externalNav__list">
                            <li class="externalNav__item">
                                <a href="http://www.kuvo.com/" class="externalNav__link" rel="noopener noreferrer" target="_blank"> <span class="externalNav__symbol" style="background-image: url('/-/media/pioneerdj/images/navigation/kuvo-org.png')"></span>
                                    KUVO</a>
                            </li>
                            <li class="externalNav__item">
                                <a href="http://www.pioneerdjradio.com/" class="externalNav__link" rel="noopener noreferrer" target="_blank"> <span class="externalNav__symbol" style="background-image: url('/-/media/pioneerdj/images/navigation/dj-radio-org.png')"></span>
                                    Radio</a>
                            </li>
                            <li class="externalNav__item">
                                <a href="http://www.pioneerdjinibiza.com" class="externalNav__link" rel="noopener noreferrer" target="_blank"> <span class="externalNav__symbol" style="background-image: url('/-/media/pioneerdj/images/navigation/ibiza-org.png')"></span>
                                    Ibiza</a>
                            </li>
                            <li class="externalNav__item">
                                <a href="http://www.pioneerproaudio.com" class="externalNav__link" rel="noopener noreferrer" target="_blank"> <span class="externalNav__symbol" style="background-image: url('/-/media/pioneerdj/images/navigation/pro-audio-gold.png')"></span>
                                    Pioneer Pro Audio</a>
                            </li>
                        </ul>
                    </nav>
                </div>

                <div class="footer__social">
                    <nav class="socialNav">
                        <ul class="socialNav__list">
                            <li class="socialNav__item socialNav__item--instagram">
                                <a href="https://www.instagram.com/pioneerdjglobal/" class="socialNav__link" rel="noopener noreferrer" target="_blank"> <span class="socialNav__symbol"><svg class="symbol symbol--instagram" viewbox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm138 0q0 164-115 279t-279 115-279-115-115-279 115-279 279-115 279 115 115 279zm108-410q0 38-27 65t-65 27-65-27-27-65 27-65 65-27 65 27 27 65zM896 266q-7 0-76.5-.5t-105.5 0-96.5 3-103 10T443 297q-50 20-88 58t-58 88q-11 29-18.5 71.5t-10 103-3 96.5 0 105.5.5 76.5-.5 76.5 0 105.5 3 96.5 10 103T297 1349q20 50 58 88t88 58q29 11 71.5 18.5t103 10 96.5 3 105.5 0 76.5-.5 76.5.5 105.5 0 96.5-3 103-10 71.5-18.5q50-20 88-58t58-88q11-29 18.5-71.5t10-103 3-96.5 0-105.5-.5-76.5.5-76.5 0-105.5-3-96.5-10-103T1495 443q-20-50-58-88t-88-58q-29-11-71.5-18.5t-103-10-96.5-3-105.5 0-76.5.5zm768 630q0 229-5 317-10 208-124 322t-322 124q-88 5-317 5t-317-5q-208-10-322-124t-124-322q-5-88-5-317t5-317q10-208 124-322t322-124q88-5 317-5t317 5q208 10 322 124t124 322q5 88 5 317z" fill="currentColor"></path>
                                        </svg></span>
                                    <span class="screenReader">Instagram</span>
                                </a>
                            </li>
                            <li class="socialNav__item socialNav__item--twitter">
                                <a href="https://twitter.com/PioneerDJglobal" class="socialNav__link" rel="noopener noreferrer" target="_blank"> <span class="socialNav__symbol"><svg class="symbol symbol--twitter" viewbox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z" fill="currentColor"></path>
                                        </svg></span>
                                    <span class="screenReader">Twitter</span>
                                </a>
                            </li>
                            <li class="socialNav__item socialNav__item--facebook">
                                <a href="https://www.facebook.com/pioneer.dj.global" class="socialNav__link" rel="noopener noreferrer" target="_blank"> <span class="socialNav__symbol"><svg class="symbol symbol--facebook" viewbox="0 0 256.8 482.7">
                                            <path fill="currentColor" d="M175.2,0.6C120.4,6.7,86,38.4,78.1,90.3c-1.8,11.6-1.9,15.4-1.9,53.2l0,39.4H0l0.2,43.4l0.2,43.3l38,0.2l38,0.2l-0.2,105.6 l-0.2,105.6h4c2.7,0,4.1,0.2,4.2,0.8c0.2,0.6,8.5,0.8,38.9,0.8s38.7-0.2,38.9-0.8c0.2-0.5,1.6-0.8,4.2-0.8h4L170,375.6L169.8,270 l34.4,0c18.9,0,34.7-0.2,35-0.5c0.6-0.4,1.3-3.8,4.4-24.1c0.6-4.1,1.4-9.1,1.7-11.1c0.6-3.9,1.4-9.2,2.5-16.1 c0.4-2.4,0.9-5.8,1.2-7.6c0.6-3.9,1.5-9.4,2.4-15.6c0.4-2.5,0.9-5.8,1.2-7.4c0.3-1.6,0.5-3.3,0.5-3.8c0-0.8-5.7-0.9-41.7-0.9h-41.7 l0-30.1c0-30.2,0.2-33.5,2.3-41.9c3.8-15.1,15.5-25.9,31.6-29.3c7.9-1.7,11.4-1.9,31.6-1.9h21.5L256.7,43l-0.2-36.7l-2.1-0.5 c-1.2-0.3-4-0.7-6.3-1c-2.3-0.3-7.3-1-11.1-1.5C214.3,0.3,188.1-0.8,175.2,0.6"></path>
                                        </svg></span>
                                    <span class="screenReader">Facebook</span>
                                </a>
                            </li>
                            <li class="socialNav__item socialNav__item--youtube">
                                <a href="https://www.youtube.com/user/pioneerdjglobal" class="socialNav__link" rel="noopener noreferrer" target="_blank"> <span class="socialNav__symbol"><svg class="symbol symbol--youtube" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 176 124">
                                            <defs>
                                                <style>
                                                    .cls-1 {
                                                        fill: #fff;
                                                    }

                                                    .cls-2 {
                                                        fill: red;
                                                    }
                                                </style>
                                            </defs>
                                            <path class="cls-1" d="M180.32,53.36A22.12,22.12,0,0,0,164.76,37.7C151,34,96,34,96,34s-55,0-68.76,3.7A22.12,22.12,0,0,0,11.68,53.36C8,67.18,8,96,8,96s0,28.82,3.68,42.64A22.12,22.12,0,0,0,27.24,154.3C41,158,96,158,96,158s55,0,68.76-3.7a22.12,22.12,0,0,0,15.56-15.66C184,124.82,184,96,184,96S184,67.18,180.32,53.36Z" transform="translate(-8 -34)" />
                                            <polygon class="cls-2" points="70 88.17 116 62 70 35.83 70 88.17" />
                                        </svg></span>
                                    <span class="screenReader">YouTube</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>

        <div class="footer__legal">
            <nav class="legalNav">
                <ul class="legalNav__list">
                    <li class="legalNav__item">
                        <a href="https://alphatheta.com" class="text-bold" rel="noopener noreferrer" target="_blank">&#169; AlphaTheta</a>
                    </li>
                    <li class="legalNav__item">
                        <a href="/en/company/privacy-policy/" class="legalNav__link">Privacy policy</a>
                    </li>
                    <li class="legalNav__item">
                        <a href="/en/company/terms-of-use/" class="legalNav__link">terms of use</a>
                    </li>
                    <li class="legalNav__item">
                        <a href="/en/company/cookie/" class="legalNav__link" rel="noopener noreferrer" target="_blank">Cookie Policy</a>
                    </li>
                    <li class="legalNav__item">
                        <a href="/en/company/cookie-setting/" class="legalNav__link">Cookie Settings</a>
                    </li>
                    <li class="legalNav__item">
                        <a href="/en/company/trademarks/" class="legalNav__link">trademarks</a>
                    </li>
                    <li class="legalNav__item">
                        <button id="ot-sdk-btn" class="ot-sdk-show-settings legalNav__link">Cookie Settings</button>
                    </li>
                </ul>
            </nav>
        </div>

    </footer>

    <script src="/Scripts/jquery-1.11.3.js?bundleVirtualPath=%7e%2fBundles%2fEcommerceJsFooter%2f"></script>
    <script src="/Scripts/uCommerce/uCommerce.jQuery.js?bundleVirtualPath=%7e%2fBundles%2fEcommerceJsFooter%2f"></script>
    <script src="/Scripts/uCommerce/uCommerce.ServiceStack.js?bundleVirtualPath=%7e%2fBundles%2fEcommerceJsFooter%2f"></script>
    <script src="/Scripts/uCommerce/pdj.uc.custom.js?bundleVirtualPath=%7e%2fBundles%2fEcommerceJsFooter%2f"></script>
    <script src="/Scripts/Custom/checkout.js?bundleVirtualPath=%7e%2fBundles%2fEcommerceJsFooter%2f"></script>
    <script src="/Scripts/Custom/theSticker.js?bundleVirtualPath=%7e%2fBundles%2fEcommerceJsFooter%2f"></script>

    <script src="/-/media/themes/pioneer/pioneerdj/productredesign-theme/scripts/main.js"></script>

    <script type="text/javascript">
        // polyfill for startsWith method
        if (!String.prototype.startsWith) {
            String.prototype.startsWith = function(searchString, position) {
                return this.substr(position || 0, searchString.length) === searchString;
            };
        }

        function getQueryStringValueByName(name, url) {
            if (!url) {
                url = window.location.href;
            }
            name = name.replace(/[\[\]]/g, "\\$&");
            var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
                results = regex.exec(url);
            if (!results) return null;
            if (!results[2]) return '';
            return decodeURIComponent(results[2].replace(/\+/g, " "));
        }
        //mark menu item as active
        jQuery(".gigyaMenu ul li a").bind('click', function() {
            jQuery(".gigyaMenu ul li a").removeClass("active");
            jQuery(this).addClass("active");
        });
        var jwtToken;

        function sendZendeskToken(data) {
            jQuery.ajax({
                type: "POST",
                url: "/ForumConnector/zenssologin.aspx",
                async: false,
                data: data.user,
                dataType: "jsonp",
                complete: function(res) {
                    jwtToken = JSON.parse(res.responseText);
                }
            });
        }

        function onLogout(response) {
            function loaded() {
                jQuery.ajax({
                    url: "/en/" + "api/Account/Logout",
                    async: false,
                    cache: false,
                    success: function(data) {
                        if (data.Success) {
                            var logoutContainer = jQuery("#LogoutContainer");
                            var loginRegister = jQuery("#LoginRegister");
                            if (logoutContainer != undefined) {
                                logoutContainer.hide();
                            }
                            if (loginRegister != undefined) {
                                loginRegister.show();
                            }
                            location.reload();
                        }
                    },
                    error: function() {
                        alert("Error during logout!"); //TODO: other way to inform about the error
                    }
                });
            }
            if (response.errorCode == 0) {
                var iframe = document.createElement("iframe");
                iframe.setAttribute("src", "https://forums-stag.pioneerdj.com" + "/access/logout/");
                iframe.style.width = 0;
                iframe.style.height = 0;
                if (iframe.addEventListener) {
                    iframe.addEventListener("load", loaded, false);
                } else {
                    iframe.attachEvent("onload", loaded);
                }
                document.body.appendChild(iframe);
                setTimeout(loaded, 850); //neccessary for firefox - in case iframe throws an error, firefox won't fire onload event
            }
        }

        function onLoginSocialize(response) {
            sendZendeskToken(response);
        }

        function loginToZendesk() {
            function loaded() {
                gigya.setSSOToken({
                    redirectURL: typeof(returnTo) === 'undefined' ? window.location.href : returnTo
                });
                window.location.reload();
            }
            var iframe = document.createElement("iframe");
            iframe.setAttribute("src", "https://wundertest.zendesk.com" + "/access/jwt" + "?jwt=" + jwtToken.token);
            iframe.style.width = 0;
            iframe.style.height = 0;
            document.body.appendChild(iframe);
            iframe.onload = loaded;
            iframe.onerror = loaded;
        }

        function onLogin(response) {
            if (response != undefined && response.UID != undefined) {
                // 206005 - autologin finalization triggered with email verification link
                if (getQueryStringValueByName('errorCode') == '206005') {
                    gigya.accounts.getAccountInfo({
                        callback: onEmailVerified,
                        include: 'emails,data'
                    });
                }
                var queue = function() {
                    typeof jwtToken !== "undefined" ?
                        loginToZendesk() :
                        setTimeout(function() {
                            queue();
                        }, 100);
                };
                queue();
            }
        }

        function onEmailVerified(response) {
            if (response != undefined && response.errorCode == 0) {
                var verifiedEmails = response.emails.verified;
                if (verifiedEmails.length > 1) {
                    // deactivate all account emails except for the new one that just got verified
                    var previousEmails = verifiedEmails.slice(0, verifiedEmails.length - 1).join(", ");
                    var storedEmails = response.data.previousEmailAddresses;
                    if (storedEmails != undefined) {
                        storedEmails = storedEmails + ", " + previousEmails;
                    } else {
                        storedEmails = previousEmails;
                    }
                    gigya.accounts.setAccountInfo({
                        removeLoginEmails: previousEmails,
                        data: {
                            previousEmailAddresses: storedEmails
                        }
                    });
                }
            }
        }

        function onProfileUpdate(response) {
            if (response.response.errorCode === 0) {
                if (response != undefined && response.profile != undefined) {
                    if (response.profile.photoURL != undefined) {
                        jQuery(".visual-wrap .in").css("background-image", "url('" + response.profile.photoURL + "')");
                    }
                    jQuery(".item-profile a .content-wrap .name").text(response.profile.firstName);
                    jQuery(".profile-box .content-wrap").html(response.profile.firstName + '<br/>');
                }
                showMessage("Your changes have been saved.");
            }
        }

        function onPasswordChange(response) {
            if (response.response.errorCode === 0) {
                selectMenuItem();
                showMessage("Your password has been changed.");
                navigateEditMyProfile();
            }
        }

        function onProfileFieldChange(response) {
            if (response != undefined) {
                jQuery('input[name="profile.email"]').bind('change', function() {
                    showMessage("Click ‘Save changes’ to change your email address. You’ll receive an email to verify your new email address.");
                });
            }
        }

        function selectMenuItem() {
            jQuery(".errorSection").hide();
            jQuery(".gigyaMenu ul li a").removeClass("active");
            jQuery(".gigyaMenu ul li a").first().addClass("active");
        }

        function showMessage(message) {
            jQuery(".errorSection").html("").hide();
            document.getElementById("messageSection").style.display = "block";
            document.getElementById("messageSection").innerHTML = message;
            window.scrollTo(0, 0);
        }

        function showLicenses() {
            showLoadingScreen();
            redirectIfLoggedOut();
            gigya.socialize.getUserInfo({
                callback: generateUserLicences
            });
        }

        function generateUserLicences(response) {
            var gigyaPageTarget = jQuery("#gigya-page-target");
            if (response.errorCode == 0) {
                var user = response['user'];
                var uid = user['UID'];
                jQuery.get('/api/sitecore/PioneerDjAccount/GetLicences', {
                    userId: uid
                }, function(data) {
                    hideLoadingScreen();
                    if (isLicencesScreenDisplayed() === true) {
                        gigyaPageTarget.html(data);
                        var cell = jQuery(".licences-container .licence .item .key");
                        if (typeof cell !== 'undefined') {
                            cell.matchHeight();
                        }
                    }
                });
            } else {
                gigyaPageTarget.html('No licences could be found.');
            }
        }

        function isLicencesScreenDisplayed() {
            return jQuery("#license_btn").hasClass("active");
        }

        function navigateChangePassword() {
            parent.location.hash = 'password';
            gigya.accounts.showScreenSet({
                screenSet: 'pioneerdj.com-ProfileUpdate',
                containerID: 'gigya-page-target',
                startScreen: 'gigya-change-password-screen',
                lang: 'en',
                onAfterSubmit: changePasswordHandler,
                onBeforeScreenLoad: redirectIfLoggedOut,
                onError: errorEventHandler
            });
        }

        function navigateEditMyProfile() {
            parent.location.hash = 'editprofile';
            gigya.accounts.showScreenSet({
                screenSet: 'pioneerdj.com-ProfileUpdate',
                lang: 'en',
                containerID: 'gigya-page-target',
                onError: errorEventHandler,
                onAfterSubmit: updateProfileHandler,
                onBeforeScreenLoad: redirectIfLoggedOut,
                onAfterScreenLoad: changeProfileFieldHandler
            });
        }

        function redirectIfLoggedOut() {
            gigya.accounts.getAccountInfo({
                callback: function(response) {
                    if (response.errorCode != 0) {
                        window.location.href = '/';
                    }
                }
            });
        }

        function createOneNewsletterOption(response) {
            if (response != undefined) {
                var pdjCheckbox = jQuery("[name='data.PDJ_newsletter'][data-screenset-roles='instance']");
                var kuvoCheckbox = jQuery("[name='data.KUVO_newsletter'][data-screenset-roles='instance']");
                var mainCheckbox = '<div class="gigya-composite-control gigya-composite-control-checkbox"' +
                    ' style="display: block; margin-top:15px;"><input id="maincheckbox" type="checkbox">' +
                    '<label class="gigya-label" for="maincheckbox"><span class="gigya-label-text gigya-checkbox-text">' +
                    "Please keep me informed about Pioneer DJ products, services, features, including newsletters, promotions, events, tips and surveys." +
                    '</span></label></div>';
                kuvoCheckbox.parent().after(mainCheckbox);
                jQuery("#registerContainer").on('change', '#maincheckbox', function() {
                    pdjCheckbox.prop("checked", this.checked);
                    kuvoCheckbox.prop("checked", this.checked);
                });
                pdjCheckbox.parent().hide();
                kuvoCheckbox.parent().hide();
            }
        }
        // My Products functions
        function handleMyProductsError(data) {
            if (typeof data.responseJSON != 'undefined') {
                errorEventHandler({
                    errorMessage: data.responseJSON.error,
                    response: {
                        info: {
                            screen: "gigya-my-products-screen"
                        }
                    }
                });
            } else {
                errorEventHandler({
                    errorMessage: getErrorMessage(data),
                    response: {
                        info: {
                            screen: "gigya-my-products-screen"
                        }
                    }
                });
            }
        }

        function getErrorMessage(data) {
            if (data.status == 401 || data.status == 403) {
                return "Unauthorized user";
            }
            return "Unexpected error occurred";
        }

        function getAuthHeaders(response) {
            var authHeaders = {
                "PDJ-UID": response.user.UID,
                "PDJ-Timestamp": response.user.signatureTimestamp,
                "PDJ-UIDSignature": response.user.UIDSignature
            }
            return authHeaders;
        }

        function navigateMyProducts(msg) {
            showLoadingScreen();
            redirectIfLoggedOut();
            gigya.socialize.getUserInfo({
                callback: getMyProducts,
                context: msg
            });
        }

        function isMyProductsScreenDisplayed() {
            return jQuery("#my-products-tab").hasClass("active");
        }

        function getMyProducts(response) {
            var gigyaPageTarget = jQuery("#gigya-page-target");
            if (response.errorCode == 0) {
                jQuery.ajax({
                    type: 'GET',
                    url: '/api/sitecore/ProductRegistration/Get',
                    headers: getAuthHeaders(response),
                    cache: false,
                    success: function(data) {
                        if (isMyProductsScreenDisplayed() === true) {
                            gigyaPageTarget.html(data);
                            jQuery('a.btn-link[href="#"]').each(function(i, o) {
                                jQuery(o).addClass('hidden');
                            });
                            initCompleter();
                        }
                        if (response.context) {
                            var msg = response.context;
                            jQuery('#validation-success')
                                .removeClass('hidden');
                            jQuery('#validation-success')
                                .html(msg);
                        }
                        window.scrollTo(0, 0);
                        var $purchaseDateInput = jQuery("#input-purchase-date");
                        $purchaseDateInput.attr('readonly', 'readonly');
                        $purchaseDateInput.datepicker({
                            changeMonth: true,
                            changeYear: true,
                            constrainInput: true,
                            dateFormat: "dd/mm/yy",
                            maxDate: "25/08/2023"
                        });
                    },
                    error: function(data) {
                        errorEventHandler({
                            errorMessage: data.responseJSON.error
                        });
                    },
                    complete: function() {
                        hideLoadingScreen();
                    }
                });
            }
        }

        function showLoadingScreen() {
            jQuery("#gigya-page-target").children().hide();
            jQuery("#loading-message").show();
        }

        function hideLoadingScreen() {
            jQuery("#gigya-page-target").children().show();
            jQuery("#loading-message").hide();
        }
    </script>

    <!-- /#wrapper -->
</body>

</html>

<body>
    <!-- OneTrust Cookies Consent Notice start for pioneerdj.com -->

    <script src="https://cdn-apac.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script='69301dd3-0bca-41c5-b1da-6dd03e5ad20e-test'></script>
    <script type="text/javascript">
        function OptanonWrapper() {}
    </script>

    <!-- OneTrust Cookies Consent Notice end for pioneerdj.com -->
</body>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>

<base href="https://test1.pioneerdj.com" />


<!-- instructs google search engines not to show the page in search results -->
<meta name="robots" content="noindex" />


<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />

<title>DDJ-FLX6 - 4-channel DJ controller for rekordbox and Serato DJ Pro</title>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@PioneerDJglobal" />
<meta name="twitter:creator" content="@PioneerDJglobal" />
    <meta name="description" content="Captivate your audience with the DDJ-FLX6 (Dark grey). Packing a host of brand-new features, this 4-channel unit makes it easy to hype up the audience, mix tracks from totally different musical genres, and spice up your sets with pro-sounding scratch effects.">
    <meta property="og:title" content="DDJ-FLX6 - 4-channel DJ controller for rekordbox and Serato DJ Pro" />
    <meta property="og:site_name" content="Pioneer DJ" />
    <meta property="og:url" content="https://test1.pioneerdj.com/en/product/controller/ddj-flx6/white/overview/" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="Captivate your audience with the DDJ-FLX6 (Dark grey). Packing a host of brand-new features, this 4-channel unit makes it easy to hype up the audience, mix tracks from totally different musical genres, and spice up your sets with pro-sounding scratch effects." />
    <meta property="og:image" content="https://www.pioneerdj.com/-/media/pioneerdj/images/products/controller/ddj-flx6/ddj-flx6_prm_angle_201015_pc.png" />
        <meta property="og:image:width" content="600" />
        <meta property="og:image:height" content="315" />
    <link rel="canonical" href="https://test1.pioneerdj.com/en/product/controller/ddj-flx6/white/overview/" />

<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">
<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/fonts-default.css" rel="stylesheet" type="text/css">
    <link href="/-/media/feature/experience-accelerator/bootstrap/bootstrap/styles/bootstrap.css" rel="stylesheet" /><link href="/-/media/themes/pioneer/pioneerdj/productredesign-theme/styles/main.css" rel="stylesheet" />
            <script type="text/javascript">

            function checkForSpecialCharacters(formData, toCheck) {
                var errors = {};
                toCheck.forEach(function (item) {

                    if (formData != null && !formData[item].match(new RegExp('^((?![\<,\>,\&,\"]).)*$'))) {
                        errors[item] = 'This character can not be used.';
                    }
                });
                return errors;
            }

            window.__gigyaConf = {
                validation: {
                    'gigya-register-screen': function(formData, eventType, callback) {
                        return checkForSpecialCharacters(formData, ['profile.firstName', 'profile.lastName']);
                    },
                    'gigya-update-profile-screen': function(formData, eventType, callback) {
                        var errors = checkForSpecialCharacters(formData, ['profile.nickname', 'profile.firstName', 'profile.lastName', 'profile.city', 'profile.zip']);
                        if (formData != null && formData['profile.nickname'].length == 0 && !enableEmptyNickname)
                            errors['profile.nickname'] = "You can not leave this field blank.";
                        return errors;
                    }
                },
                enableSSOToken: true,
                bypassCookiePolicy: 'always'
            };
            </script>
<script type="text/javascript" src="https://cdns.gigya.com/JS/socialize.js?apikey=3_wlzhvsGzBbA5N0X2o1INKsrMGr2b46ppQ-dIKrzCgfT3SnaX6_0071zXz_9KKNOw&lang=en">{ enabledProviders:'facebook,twitter,linkedin,yahoo' }</script><link href="/content/css/gigya/gigya.css?bundleVirtualPath=%7e%2fBundles%2fGigyaStyle%2f" rel="stylesheet"/>
<link href="/Content/css/licences.css?bundleVirtualPath=%7e%2fBundles%2fGigyaStyle%2f" rel="stylesheet"/>
<link href="/Content/css/ATCare/atc.css?bundleVirtualPath=%7e%2fBundles%2fGigyaStyle%2f" rel="stylesheet"/>
<link href="/Content/css/plugins/jquery-ui-1.9.2.custom.min.css?bundleVirtualPath=%7e%2fBundles%2fGigyaStyle%2f" rel="stylesheet"/>
            <script type="text/javascript" src="//cdn.gigya-ext.com/screenset-validation.min.js"></script>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="/Scripts/Custom/atc_form.js?bundleVirtualPath=%7e%2fBundles%2fATCFormScriptJS%2f"></script>
<script src="/GigyaConnector/Scripts/gigyaconnector_mvc.js?bundleVirtualPath=%7e%2fBundles%2fGigyaConnector%2f"></script>
<script src="/Scripts/Custom/atcare.js?bundleVirtualPath=%7e%2fBundles%2fGigyaConnector%2f"></script>
<script src="/GigyaConnector/Scripts/gigyaconnector_mvc.js?bundleVirtualPath=%7e%2fBundles%2fGigyaConnector%2f"></script>
<script src="/Scripts/Custom/atcare.js?bundleVirtualPath=%7e%2fBundles%2fGigyaConnector%2f"></script>

</head>
<body class="header__experience-mode" class="default-device bodyclass">

    <!--
        <div class="cookies">
            <div class="cookies__content">Cookies help us improve your website experience. By using our website, you agree to our use of cookies. <a href="/en/company/cookie-policy/" class="cookies__policy">More information</a></div>
            <a href="#" class="cookies__close cookies__trigger"><span class="cookies__icon"><svg class="symbol symbol--close" viewBox="0 0 12 14" version="1" xmlns="http://www.w3.org/2000/svg"><path d="M6.066 5.492L2.372.931A1 1 0 1 0 .818 2.19l3.848 4.752L.418 11.34a1 1 0 0 0 1.439 1.39v-.001l4.077-4.222 3.694 4.561a1 1 0 1 0 1.554-1.259L7.334 7.059l4.248-4.399a1 1 0 0 0-1.439-1.39v.001L6.066 5.492z" fill="currentColor" fill-rule="evenodd"/></svg></span></a>
        </div>

 -->
        <script>
        dataLayer = [];
    </script>
         <!-- Google Tag Manager -->
         <noscript>
             <iframe src="//www.googletagmanager.com/ns.html?id=GTM-PSC5SC"
                     height="0" width="0" style="display:none;visibility:hidden"></iframe>
         </noscript>
         <script>
        (function (w, d, s, l, i) {
            w[l] = w[l] || []; w[l].push({
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            }); var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-PSC5SC');</script>
             <!-- End Google Tag Manager -->


    <!-- #wrapper -->


<header class="header theme-2020">
    <div class="header__inner">
        <div class="header__in">
            <div class="header__content">
                <a class="header__trigger">
                    <span class="menuIcon">
                        <span class="menuIcon__inner">
                            <span class="menuIcon__bar"></span>
                        </span>
                    </span>
                </a>
                <a href="/en" class="header__logo">
                    <svg class="logo" viewBox="0 0 162 24">
                        <path fill="currentColor" d="M0.473684,17.4307148 C0.579569432,17.1848501 0.698235535,16.9437641 0.789479818,16.6922965 C1.87583685,13.6974261 2.91592461,10.6841817 4.05534569,7.71048668 C4.90242914,5.49976344 6.20630025,3.59941977 8.17961966,2.24650428 C9.69857813,1.20512189 11.3954144,0.661813437 13.190856,0.420397944 C15.7630065,0.0745887887 18.3244794,0.0844761127 20.8489855,0.788618366 C22.2919879,1.19119724 23.6403487,1.79498315 24.7815494,2.80909301 C26.5363032,4.368324 26.8715935,6.53200006 25.6374499,8.54851977 C24.5467248,10.3306275 22.8971284,11.3381458 20.9601288,11.9074085 C19.015121,12.4789782 17.0231968,12.5165501 15.0270663,12.3595064 C13.9411946,12.2740634 12.8634929,12.0838148 11.7807759,11.9516543 C11.5280745,11.9208388 11.4294692,11.8103479 11.3770523,11.548993 C11.1423895,10.3808881 10.8774737,9.21904513 10.6246105,8.05473034 C10.608028,7.97818597 10.6009906,7.89949935 10.5819004,7.77022259 C11.3133916,7.90600851 12.0066217,8.05028104 12.7049478,8.16118386 C14.5081549,8.44775146 16.3230102,8.64722823 18.1302618,8.27043879 C18.8015705,8.13053315 19.489381,7.88021907 20.0679085,7.51364654 C21.0733752,6.87665569 21.0450636,5.84878597 20.0862706,5.13137823 C19.3807452,4.60339513 18.5590614,4.38200146 17.7106028,4.286424 C16.1727968,4.11314865 14.6387119,4.15690006 13.142888,4.59869865 C11.2513488,5.15741485 10.0399353,6.4699571 9.37493595,8.31509654 C8.30863972,11.2737958 7.2682284,14.2421353 6.23307494,17.2122874 C6.12848376,17.5123677 5.99339692,17.5997881 5.6893302,17.5973986 C3.95091628,17.5836388 2.2122597,17.5936085 0.473684,17.5955036 L0.473684,17.4307148 Z M144.134896,23.4455036 C144.263188,23.0177944 144.379913,22.5860479 144.523008,22.1635296 C144.658418,21.7637522 144.719491,21.2336268 145.002041,21.0203902 C145.264691,20.822067 145.776646,20.9725191 146.178429,20.9582648 C147.407072,20.9147606 148.621235,20.783012 149.778938,20.3209444 C151.098501,19.7942796 152.044352,18.9259254 152.517803,17.5087423 C153.219122,15.4094163 154.00028,13.3378571 154.747221,11.2543508 C154.788718,11.1385867 154.837171,11.0243881 154.867343,10.905493 C155.070621,10.1037958 154.81614,9.76655569 154.011038,9.76556696 C153.611198,9.76507259 153.211357,9.76548456 152.752304,9.76548456 C153.010749,9.0468409 153.237889,8.37680992 153.502319,7.72243386 C153.540257,7.62858668 153.758013,7.56423668 153.892858,7.56374231 C156.343754,7.55443175 158.794649,7.55715076 161.245545,7.55640921 C161.339135,7.55640921 161.432725,7.54792259 161.526316,7.5433909 L161.526316,7.62578527 C161.471067,7.74772893 161.406841,7.86637682 161.361785,7.99202823 C160.098601,11.5162001 158.843345,15.0432557 157.573529,18.5648733 C156.854171,20.5600529 155.527813,21.9629817 153.539771,22.6505627 C152.830929,22.8957684 152.089489,23.0665719 151.349828,23.1899163 C150.543594,23.3243839 149.722234,23.3643451 148.907425,23.4455036 L144.134896,23.4455036 Z M51.5382237,17.5893652 C51.5674251,17.4705525 51.5818236,17.3771173 51.6131281,17.2899441 C52.2370352,15.5529884 52.8507501,13.8120779 53.4914014,12.081549 C54.2081706,10.1456934 55.556046,8.80966872 57.4318926,8.08097294 C60.2206673,6.99756942 63.1014953,6.81382999 66.0073992,7.48377858 C66.7103361,7.6458483 67.4068827,7.99709548 68.0115378,8.40651308 C69.2295034,9.2311159 69.6623475,10.5760391 69.1913232,11.9860539 C68.5892565,13.7884307 67.9219113,15.5683138 67.2713105,17.3536349 C67.2353952,17.452261 67.0962638,17.5784891 67.0042106,17.5793131 C65.3751604,17.5929905 63.7459485,17.5892004 62.0644813,17.5892004 C62.1238548,17.3997758 62.1659178,17.2462751 62.219629,17.0970589 C62.7707347,15.5664187 63.3249143,14.0369321 63.8756965,12.5061272 C64.2703604,11.409211 63.9089425,10.680268 62.8011495,10.3293504 C61.0318355,9.76882154 59.1163526,10.732506 58.4799076,12.5035729 C57.9112486,14.0860391 57.3471195,15.670318 56.7666506,17.2482525 C56.7170648,17.3830497 56.5604611,17.5734631 56.4515828,17.5748638 C54.8226134,17.5958744 53.1933206,17.5893652 51.5382237,17.5893652 Z M121.667909,7.59000963 C121.637251,7.71533146 121.61986,7.81923076 121.586371,7.91752724 C121.326471,8.68115823 121.053789,9.44042231 120.807074,10.2084202 C120.730632,10.4464575 120.616901,10.5212716 120.374715,10.5180582 C119.350886,10.5044632 118.326896,10.5121258 117.302986,10.512373 C116.011572,10.512785 115.466128,10.8716125 115.017268,12.1065392 C114.405737,13.789197 113.815481,15.4802589 113.244395,17.1775005 C113.130016,17.5174596 112.968963,17.6011723 112.640468,17.5972174 C111.2261,17.5799146 109.811329,17.5898019 108.396638,17.5898019 L107.956675,17.5898019 C108.025756,17.3778012 108.076798,17.2111174 108.134149,17.0467406 C108.813708,15.0977019 109.491488,13.1479216 110.175416,11.200366 C110.771173,9.50403076 111.793061,8.22922513 113.578391,7.76765189 C114.069314,7.64076456 114.588145,7.57666175 115.095085,7.5714709 C117.183106,7.54996597 119.271533,7.56191315 121.359797,7.56306668 C121.450556,7.56314907 121.541315,7.57847442 121.667909,7.59000963 Z M32.9509623,7.56188844 C32.8881106,7.76762717 32.8512246,7.90951027 32.8018815,8.04677928 C31.7063029,11.0962772 30.605871,14.1440448 29.5185433,17.1965913 C29.4179966,17.478792 29.3016763,17.6023835 28.9828876,17.5985934 C27.3666989,17.5794779 25.7501867,17.5897772 24.0724406,17.5897772 C24.1150698,17.4335575 24.1403075,17.30873 24.182775,17.1902469 C25.2903253,14.1014469 26.4032143,11.014542 27.5025947,7.92261097 C27.6017662,7.64370604 27.7342646,7.5521659 28.0243373,7.55480252 C29.6403641,7.56955111 31.2566336,7.56188844 32.9509623,7.56188844 Z M87.8546861,14.107989 C87.5032177,15.0957327 87.1847525,16.0267066 86.8319898,16.9439207 C86.7777124,17.0849798 86.5805827,17.2158221 86.4240599,17.2622101 C83.9920924,17.9836552 81.5022074,18.1658291 78.9844152,18.048582 C77.1835539,17.9647869 75.4219245,17.6726989 73.7579297,16.9281834 C72.7478522,16.4761679 71.8323356,15.8824341 71.1391055,14.9849122 C70.2171985,13.7912651 70.0986942,12.5294777 70.8271115,11.1906517 C71.4368628,10.0698411 72.3577991,9.2905552 73.4447224,8.69434956 C74.9737112,7.85565731 76.6277565,7.44459182 78.3405282,7.25557914 C80.92643,6.97032985 83.4573264,7.21421717 85.8778884,8.21728618 C86.5673976,8.50302985 87.2089387,8.93304604 87.8263745,9.36520449 C88.1598044,9.59862773 88.4403321,9.94649675 88.666097,10.2954369 C89.0783949,10.9325925 89.0028434,11.6278362 88.4240731,12.1070418 C87.9935748,12.4634798 87.4896281,12.7607587 86.9738714,12.9710291 C85.6115975,13.5262848 84.1614767,13.702032 82.7132164,13.8467989 C80.5668726,14.0613538 78.4290222,14.0390249 76.3476334,13.3813531 C75.6353132,13.1562517 74.9579376,12.8162101 74.2425436,12.5195904 C74.1901267,13.0226904 74.4040816,13.4319432 74.7463285,13.7818721 C75.3382839,14.3871411 76.0976014,14.6709073 76.8853922,14.8757397 C78.8454456,15.3855136 80.8345386,15.3721658 82.8287277,15.1679101 C84.4676466,14.9999904 86.0738048,14.6629151 87.6405695,14.139546 C87.6882947,14.1236439 87.7413588,14.1240559 87.8546861,14.107989 Z M76.1337593,10.5573686 C76.4599091,10.6776644 76.6821148,10.7740658 76.9123287,10.8420411 C78.4008724,11.2816975 79.9273537,11.413858 81.4675054,11.3630207 C82.0825954,11.3427517 82.699465,11.2488221 83.30501,11.1317397 C83.4903297,11.0959805 83.640543,10.8717855 83.8068535,10.7338573 C83.6559122,10.5780496 83.5222005,10.396782 83.348529,10.2745911 C83.2103683,10.1773658 83.0272326,10.1290003 82.857282,10.0993383 C82.2347501,9.99066013 81.61238,9.86484393 80.9845093,9.80741506 C79.349635,9.65795168 77.7675821,9.91395097 76.1337593,10.5573686 Z M107.321719,14.1033008 C106.96386,15.0987895 106.636254,16.0414634 106.277829,16.9717782 C106.227758,17.1017141 106.040173,17.2183022 105.8936,17.261724 C103.460824,17.9814388 100.970696,18.1655902 98.4523376,18.0493317 C96.7199904,17.9693268 95.0233159,17.6933057 93.4100393,17.0115747 C92.4814993,16.6191303 91.6282682,16.1042479 90.9228237,15.360062 C89.6065764,13.9714698 89.463077,12.4106733 90.5182912,10.8057958 C91.2712992,9.66059654 92.3422871,8.91245569 93.5579068,8.36906485 C95.786597,7.37266977 98.1353284,7.05981837 100.547154,7.17368738 C102.116669,7.24775992 103.665638,7.50178175 105.114303,8.13094513 C105.922316,8.48186273 106.664404,8.99592118 107.418949,9.46532189 C107.630154,9.5967409 107.797354,9.81665146 107.954686,10.0201655 C108.61103,10.8696515 108.505953,11.6807416 107.653126,12.3323986 C106.949138,12.8704339 106.129395,13.1476909 105.284496,13.3372803 C102.471131,13.9685036 99.6333363,14.2521874 96.789637,13.623024 C95.8297115,13.4106113 94.9228501,12.9491205 93.9926114,12.598862 C93.9083237,12.5671402 93.8309117,12.5166325 93.7080393,12.4529416 C93.6564313,13.0130585 93.8618927,13.4231353 94.199448,13.7720754 C94.7884913,14.3809698 95.5478897,14.6668782 96.3356805,14.8727817 C98.2954912,15.3849451 100.285312,15.3733275 102.279825,15.1693191 C103.918744,15.0017289 105.526115,14.6686909 107.092314,14.1412022 C107.141495,14.1246409 107.195692,14.1234874 107.321719,14.1033008 Z M95.5932691,10.5591895 C95.9362441,10.6836874 96.156832,10.7954141 96.3899579,10.8426261 C97.2063839,11.0079916 98.0217584,11.2026071 98.8474059,11.2906043 C100.106464,11.4247423 101.376765,11.4752501 102.622395,11.1677543 C102.862963,11.1083479 103.06252,10.8760782 103.281004,10.7235663 C103.074411,10.5492198 102.891518,10.2781423 102.656774,10.2184888 C101.942512,10.0368092 101.212882,9.88973527 100.480743,9.81450921 C98.8343017,9.64518879 97.2397916,9.91000428 95.5932691,10.5591895 Z M41.7343085,18.0901499 C39.6459631,18.0575217 37.5680525,17.7452471 35.6290306,16.7702746 C34.7506426,16.3285584 33.9591308,15.7658048 33.353424,14.9648492 C32.4224573,13.733795 32.3618705,12.3265816 33.1906727,11.0221964 C33.8160358,10.0380781 34.7030791,9.35024992 35.7022363,8.81180273 C38.1368732,7.49967245 40.7573152,7.06413583 43.4805688,7.17586259 C45.3403182,7.25215977 47.1424737,7.60777386 48.8291987,8.44926752 C49.6471616,8.85728442 50.3894112,9.37200203 50.9883232,10.0814175 C52.1241042,11.4270823 52.1870369,13.0236379 51.1427428,14.4531802 C50.2692891,15.6488048 49.0575521,16.3785717 47.7362896,16.939595 C45.8319696,17.7483781 43.8334933,18.0646901 41.7343085,18.0901499 Z M42.2525728,14.9727591 C42.5803404,14.9257943 43.0931042,14.8878929 43.5888001,14.7731999 C44.3976224,14.5860823 45.1589621,14.2730661 45.7381368,13.6307196 C46.3948854,12.9024358 46.3660075,12.0051612 45.6552242,11.3362013 C45.4505717,11.1435633 45.2166369,10.9399668 44.9599719,10.8561717 C44.2868836,10.6365084 43.6031177,10.4020964 42.906652,10.3162415 C41.7787173,10.1771598 40.6772338,10.3890781 39.6610896,10.9299147 C39.3555668,11.0924788 39.0599936,11.3045619 38.8160284,11.5514978 C38.0607555,12.3157879 38.106782,13.294221 38.9275761,13.9847682 C39.8373496,14.7501295 40.9356784,14.9218394 42.2525728,14.9727591 Z M128.251046,17.6288651 C128.739462,16.2691108 129.192529,15.0110313 129.643411,13.7521277 C131.03068,9.87835661 132.420942,6.005739 133.796725,2.12776576 C133.911185,1.80510942 134.061317,1.69980942 134.398953,1.70368196 C137.524313,1.73952351 140.650481,1.72905942 143.775355,1.78896013 C145.31397,1.81845731 146.84215,2.03523689 148.263878,2.69117844 C149.880795,3.43725942 151.119387,4.56334323 151.530553,6.40765872 C151.850474,7.842639 151.492939,9.18616154 150.863531,10.4624503 C149.757356,12.7053897 147.965393,14.2498721 145.855692,15.4478862 C143.628054,16.7128869 141.208301,17.3809404 138.682419,17.4772594 C135.237867,17.6086784 131.787571,17.5849489 128.251046,17.6288651 Z M136.249967,15.1384953 C136.625702,15.106032 137.002651,15.0846094 137.37685,15.0392925 C139.387217,14.7957348 141.3027,14.2292735 142.912255,12.9463932 C144.623571,11.5823545 145.690191,9.81927985 145.587136,7.50539886 C145.508754,5.7453728 144.566139,4.59621858 142.869222,4.33576999 C141.850651,4.17938548 140.804092,4.18960238 139.769262,4.17089886 C138.666241,4.15104182 138.452853,4.31179323 138.070484,5.36504041 C137.085806,8.07680379 136.112777,10.7929341 135.135217,13.5073341 C134.677297,14.7788439 134.925307,15.1386601 136.249967,15.1384953 Z"></path>
                    </svg>
                </a>
                <span class="header__overlay header__trigger--close"></span>
                <div class="header__nav">
                    <div class="header__nav__inner">
                        <div class="header__mainNav">
                            <style>
    .megaMenu_btnlist {
    display: flex;
    text-align: center;
    }
    .megaMenu_btn{
    margin-right: var(--gap--8);
    }

    /* Responsive layout - makes a one column-layout instead of a row */
    @media (max-width: 800px) {
        .megaMenu_btnlist {
        flex-direction: column;
        }
        .megaMenu_btn{
        margin-bottom: var(--gap--8);
        }
    }

</style>
<nav class="mainNav">
    <ul class="mainNav__list">
        <li class="mainNav__item">

            <a href="/en/" class="mainNav__link">Home</a>
        </li>
                <li class="mainNav__item">
                    <section class="megaMenu">
                        <a class="mainNav__link megaMenu__trigger">Products</a>
                        <span class="megaMenu__icon megaMenu__trigger"></span>
                        <div class="megaMenu__target">
                            <div class="megaMenu__inner">
                                <div class="megaMenu__links">
                                            <ul class="megaMenu__list">
                                                    <li class="megaMenu__item">
<a href="/en/product/player/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">
                                                                <svg class="symbol symbol--djplayers" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
<title>1 fundament/icons/product/players</title>
<path d="M19.036 36.808a18.366 18.366 0 0 0 9.13 2.9v-2.523a15.884 15.884 0 0 1-7.765-2.494l-1.365 2.117zM20.16 7.54l-1.356-2.12a18.727 18.727 0 0 0-6.074 6.612l2.208 1.195a16.2 16.2 0 0 1 5.222-5.687zm-5.389 6.002l-2.207-1.196a18.672 18.672 0 0 0-2.108 7.858h2.506c.12-2.396.763-4.653 1.81-6.662zm3.968 23.072l1.364-2.116a16.197 16.197 0 0 1-5.096-5.53l-2.213 1.187a18.726 18.726 0 0 0 5.945 6.459zm-4.092-8.198a16.159 16.159 0 0 1-1.685-6.419h-2.506a18.68 18.68 0 0 0 1.98 7.604l2.211-1.185zm5.81-21.068a15.885 15.885 0 0 1 7.71-2.457V2.37a18.35 18.35 0 0 0-9.065 2.859l1.355 2.12zm.586 26.347a14.714 14.714 0 0 0 7.125 2.299v-3.33a11.46 11.46 0 0 1-5.328-1.753l-1.797 2.784zm-2.328-18.02l-2.906-1.571a14.985 14.985 0 0 0-1.666 6.1h3.306a11.644 11.644 0 0 1 1.266-4.528zm4.165-4.537a11.45 11.45 0 0 1 5.288-1.728V6.082c-2.59.143-5.002.955-7.073 2.265l1.784 2.792zm-.339 19.58a11.696 11.696 0 0 1-3.581-3.867l-2.912 1.56a15.002 15.002 0 0 0 4.698 5.092l1.795-2.784zM20.796 8.54a15.016 15.016 0 0 0-4.821 5.25l2.905 1.574a11.69 11.69 0 0 1 3.7-4.032L20.796 8.54zm-5.11 19.321l2.912-1.56a11.638 11.638 0 0 1-1.15-4.302h-3.306c.114 2.098.66 4.08 1.545 5.862zm14.353 9.325v2.523a18.37 18.37 0 0 0 9.131-2.9l-1.364-2.117a15.885 15.885 0 0 1-7.767 2.494zm13.23-23.957l2.209-1.195a18.727 18.727 0 0 0-6.074-6.613l-1.356 2.121a16.2 16.2 0 0 1 5.221 5.687zm1.977 6.977h2.506a18.684 18.684 0 0 0-2.108-7.858l-2.208 1.196a16.149 16.149 0 0 1 1.81 6.662zM38.104 34.5l1.364 2.116a18.721 18.721 0 0 0 5.945-6.46l-2.212-1.185a16.197 16.197 0 0 1-5.097 5.529zm5.456-6.082l2.212 1.185a18.68 18.68 0 0 0 1.98-7.604h-2.506c-.116 2.3-.713 4.47-1.686 6.42zm-4.455-23.19A18.353 18.353 0 0 0 30.04 2.37v2.523a15.88 15.88 0 0 1 7.71 2.457l1.356-2.121zm-3.737 25.685a11.462 11.462 0 0 1-5.33 1.754v3.329a14.714 14.714 0 0 0 7.126-2.299l-1.796-2.784zm7.03-16.807l-2.905 1.572a11.657 11.657 0 0 1 1.265 4.528h3.307a14.973 14.973 0 0 0-1.667-6.1zm-5.286-5.758a14.71 14.71 0 0 0-7.073-2.265v3.33c1.932.137 3.734.75 5.289 1.727l1.784-2.792zm5.047 20.065l-2.912-1.56a11.685 11.685 0 0 1-3.58 3.868l1.795 2.784a15.002 15.002 0 0 0 4.697-5.092zm-2.834-13.05l2.907-1.572a15.024 15.024 0 0 0-4.822-5.25l-1.784 2.791c1.529 1.027 2.8 2.41 3.7 4.032zm4.74 6.636h-3.307a11.653 11.653 0 0 1-1.15 4.302l2.911 1.56a14.97 14.97 0 0 0 1.546-5.862zM17.952 38.84l-4.069 6.309c.249.159.5.313.754.465L18.37 39.1a20.67 20.67 0 0 1-.418-.26zm-4.808-4.236l-5.803 4.732c.188.229.38.453.575.675l5.55-5.033c-.108-.123-.217-.247-.322-.374zm-1.283-1.722L5.6 36.976c.163.247.33.493.5.733l6.044-4.422c-.095-.135-.191-.268-.283-.405zm-1.094-1.849l-6.655 3.414c.137.263.277.524.422.782l6.468-3.761c-.08-.144-.158-.289-.235-.435zm-2.309-8.229L1 23.198c.018.297.04.593.068.887l7.427-.787a25.693 25.693 0 0 1-.037-.494zm.252 2.138L1.33 26.12c.05.292.101.584.16.875l7.305-1.564c-.032-.162-.059-.325-.086-.488zm.472 2.099l-7.217 1.947c.08.287.161.571.25.853l7.1-2.323c-.047-.157-.088-.318-.133-.477zm.688 2.037l-6.976 2.698c.109.276.223.549.34.82l6.821-3.058c-.064-.152-.123-.306-.185-.46zm4.729 7.103l-5.28 5.317c.21.207.422.412.64.613l4.995-5.588c-.12-.112-.238-.227-.355-.342zm1.608 1.417l-4.7 5.846c.23.184.463.365.7.542l4.387-6.082c-.132-.1-.258-.204-.387-.306zm.22 8.996l3.39-6.701c.147.073.296.143.444.212l-3.038 6.873a28.504 28.504 0 0 1-.797-.384zm13.165-17.396c-4.543 0-8.225-3.71-8.225-8.286s3.682-8.285 8.225-8.285c4.542 0 8.225 3.71 8.225 8.285 0 4.576-3.683 8.286-8.225 8.286zm0-1.579c3.677 0 6.658-3.002 6.658-6.707 0-3.704-2.981-6.707-6.658-6.707-3.678 0-6.659 3.003-6.659 6.707 0 3.705 2.981 6.707 6.659 6.707z" fill="currentColor" fill-rule="evenodd"></path>
</svg>
                                                            </span>DJ players / Turntables</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="/en/product/mixer/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">
                                                                <svg class="symbol symbol--djmixers" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
<title>1 fundament/icons/product/mixers</title>
<path d="M4.706 6A.717.717 0 0 0 4 6.727v15.254c0 .402.316.727.706.727.39 0 .705-.325.705-.727V6.727A.717.717 0 0 0 4.706 6zm0 21.292a.717.717 0 0 0-.706.727v15.254c0 .402.316.727.706.727.39 0 .705-.325.705-.727V28.019a.717.717 0 0 0-.705-.727zM11.136 6a.717.717 0 0 0-.705.728V21.98c0 .402.316.727.706.727.39 0 .706-.325.706-.727V6.728A.717.717 0 0 0 11.137 6zm0 21.292a.717.717 0 0 0-.705.727v15.254c0 .402.316.727.706.727.39 0 .706-.325.706-.727V28.019a.718.718 0 0 0-.706-.727zM17.569 6a.717.717 0 0 0-.706.727v15.254c0 .402.316.727.706.727.39 0 .706-.325.706-.727V6.727A.717.717 0 0 0 17.568 6zm0 21.292a.717.717 0 0 0-.706.727v15.254c0 .402.316.727.706.727.39 0 .706-.325.706-.727V28.019a.717.717 0 0 0-.706-.727zm7.138-20.564A.717.717 0 0 0 24 6a.717.717 0 0 0-.706.728V13.5h-1.14v23.495h1.14v6.277c0 .402.316.727.706.727.39 0 .706-.325.706-.727v-6.277h1.138V13.501h-1.138V6.728zM30.43 6a.717.717 0 0 0-.706.728V9.9c0 .401.316.727.706.727.39 0 .706-.326.706-.727V6.728A.717.717 0 0 0 30.43 6zm0 33.838a.717.717 0 0 0-.706.727v2.707c0 .403.316.728.706.728.39 0 .706-.325.706-.728v-2.707a.717.717 0 0 0-.706-.727zM36.862 6a.717.717 0 0 0-.706.728V21.98c0 .402.317.727.706.727.39 0 .707-.325.707-.727V6.728A.717.717 0 0 0 36.862 6zm0 21.292a.718.718 0 0 0-.706.727v15.253c0 .403.317.728.706.728.39 0 .707-.325.707-.728V28.02a.718.718 0 0 0-.707-.727zM43.294 6a.717.717 0 0 0-.706.728V21.98c0 .402.316.727.706.727.39 0 .706-.325.706-.727V6.728A.717.717 0 0 0 43.294 6zm0 21.292a.717.717 0 0 0-.706.727v15.254c0 .402.316.727.706.727.39 0 .706-.325.706-.727V28.019a.718.718 0 0 0-.706-.727z" fill="currentColor" fill-rule="evenodd"></path>
</svg>
                                                            </span>DJ mixers</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="/en/product/all-in-one-system/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">
                                                                <svg class="symbol symbol--allinone" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>1 fundament/icons/product/all in one</title><defs><path d="M7.004 1.692L7.4.106c3.803.946 6.109 4.822 5.15 8.657a7.17 7.17 0 0 1-3.252 4.412l-.836-1.396a5.53 5.53 0 0 0 2.515-3.409c.74-2.957-1.04-5.947-3.973-6.678zM.784 5.53l1.179.294c.625-1.82 2.475-2.927 4.359-2.604l.297-1.188a5.09 5.09 0 0 0-.946-.089A5.156 5.156 0 0 0 .784 5.53zm6.204-2.135l.297-1.189c2.404.801 3.86 3.271 3.404 5.79l-1.178-.293c.298-1.863-.767-3.677-2.523-4.308zm-2.867 8.633l.297-1.188c-1.816-.599-2.927-2.444-2.624-4.343L.616 6.204c-.463 2.555 1.041 5.06 3.505 5.824zm.967-1.03c1.848.265 3.64-.836 4.255-2.621l1.178.293c-.783 2.438-3.23 3.936-5.73 3.516l.297-1.188z" id="a"></path><path d="M7.004 1.692L7.4.106c3.803.946 6.109 4.822 5.15 8.657a7.17 7.17 0 0 1-3.252 4.412l-.836-1.396a5.53 5.53 0 0 0 2.515-3.409c.74-2.957-1.04-5.947-3.973-6.678zM.784 5.53l1.179.294c.625-1.82 2.475-2.927 4.359-2.604l.297-1.188a5.09 5.09 0 0 0-.946-.089A5.155 5.155 0 0 0 .784 5.53zm6.204-2.135l.297-1.189c2.404.801 3.86 3.271 3.404 5.79l-1.178-.293c.298-1.863-.767-3.677-2.523-4.308zm-2.867 8.633l.297-1.188c-1.816-.599-2.927-2.444-2.624-4.343L.616 6.204c-.463 2.555 1.041 5.06 3.505 5.824zm.967-1.03c1.848.265 3.64-.836 4.255-2.621l1.178.293c-.783 2.438-3.23 3.936-5.73 3.516l.297-1.188z" id="c"></path></defs><g fill="currentColor" fill-rule="evenodd"><path d="M22.358 24.954l-1.178-.293c-.613 1.785-2.406 2.887-4.254 2.621l-.297 1.189c2.499.42 4.947-1.078 5.73-3.517zm-8.726-2.172l-1.179-.294c-.462 2.555 1.042 5.06 3.506 5.824l.297-1.188c-1.817-.598-2.928-2.443-2.624-4.342zm8.895 1.499c.456-2.52-1-4.99-3.404-5.79l-.297 1.188c1.756.632 2.82 2.445 2.523 4.309l1.178.293zm-4.367-4.776l.296-1.188c-2.535-.48-5.04 1.026-5.834 3.498l1.178.294c.625-1.82 2.475-2.927 4.36-2.604zm1.078-3.115l-.396 1.586c2.933.731 4.712 3.721 3.973 6.68a5.53 5.53 0 0 1-2.516 3.407l.837 1.397a7.171 7.171 0 0 0 3.253-4.413c.957-3.834-1.349-7.71-5.151-8.657z" fill="currentColor"></path><g transform="translate(11.838 16.285)"><mask id="b" fill="#fff"><use xlink:href="#a"></use></mask><path fill="currentColor" mask="url(#b)" d="M1.385 14.195l12.173-1.557-1.683-13.16L-.298 1.034z"></path></g><use fill="currentColor" xlink:href="#c" transform="translate(11.838 16.285)"></use><path d="M17.49 23.963a.573.573 0 1 1 0-1.146.573.573 0 0 1 0 1.146m0-3.882a3.309 3.309 0 1 0 0 6.618 3.309 3.309 0 0 0 0-6.618" fill="currentColor"></path><path d="M17.712 39.052c-8.685 0-15.75-7.065-15.75-15.75 0-8.685 7.065-15.75 15.75-15.75 8.685 0 15.75 7.065 15.75 15.75 0 8.685-7.065 15.75-15.75 15.75m11.84-4.288c.398-.31.857-.479 1.324-.528.214-.257.42-.52.618-.79a2.599 2.599 0 0 1 .954-2.513c.242-.188.507-.317.781-.408.174-.37.334-.749.481-1.133a2.602 2.602 0 0 1 .793-3.068c.02-.016.044-.025.065-.04.094-.53.162-1.068.206-1.613-.045-.05-.095-.09-.136-.143a2.61 2.61 0 0 1 .067-3.288 16.936 16.936 0 0 0-.326-1.842 2.593 2.593 0 0 1-.588-.538 2.605 2.605 0 0 1-.409-2.444c-.146-.33-.302-.656-.469-.976a2.578 2.578 0 0 1-1.117-.82 2.59 2.59 0 0 1-.536-1.768c-.172-.222-.349-.44-.532-.654a2.592 2.592 0 0 1-2.536-2.42c-.228-.178-.46-.35-.699-.516A2.598 2.598 0 0 1 25 8.305a2.576 2.576 0 0 1-.359-.653 16.972 16.972 0 0 0-.766-.319c-.319.14-.67.22-1.04.22a2.602 2.602 0 0 1-2.125-1.104c-.3-.053-.6-.098-.905-.136a2.59 2.59 0 0 1-3.563-.064c-.49.042-.974.104-1.452.186a2.602 2.602 0 0 1-2.135 1.117c-.382 0-.742-.087-1.068-.234-.467.18-.925.377-1.37.595a2.604 2.604 0 0 1-2.435 1.689c-.098 0-.192-.019-.288-.03-.364.273-.714.561-1.055.86a2.602 2.602 0 0 1-2.072 2.162c-.255.317-.5.643-.731.978a2.603 2.603 0 0 1-1.648 2.962 16.77 16.77 0 0 0-.37.93A2.59 2.59 0 0 1 .83 20.47c-.083.49-.142.987-.181 1.489a2.59 2.59 0 0 1 .012 2.84c.019.225.044.448.072.67a2.6 2.6 0 0 1 1.078 2.105c0 .442-.12.851-.313 1.216.11.326.23.648.36.965A2.606 2.606 0 0 1 3.87 32.29c0 .3-.062.584-.155.853.17.241.345.477.527.709.06-.004.118-.018.179-.018a2.61 2.61 0 0 1 2.609 2.61c0 .07-.015.137-.02.207.15.122.3.243.455.359.213-.057.434-.096.665-.096 1.223 0 2.242.845 2.525 1.98.285.13.575.253.868.367a2.576 2.576 0 0 1 1.186-.298c.932 0 1.744.493 2.206 1.228.24.04.482.073.725.102a2.6 2.6 0 0 1 3.74.048c.27-.027.54-.06.806-.099a2.603 2.603 0 0 1 2.185-1.19c.45 0 .867.125 1.236.325.459-.169.906-.36 1.345-.565.166-.419.432-.804.813-1.1a2.597 2.597 0 0 1 1.947-.525c.29-.21.576-.426.853-.654.075-.675.41-1.32.987-1.77" fill="#979797"></path><path d="M6.275 22.654a.456.456 0 0 1-.441-.576c1.649-6.126 7.237-10.405 13.59-10.405a.457.457 0 0 1 0 .914c-5.94 0-11.166 4-12.708 9.728a.457.457 0 0 1-.44.339" fill="currentColor"></path><path d="M17.617 8.652c-8.037 0-14.576 6.663-14.576 14.853S9.58 38.358 17.617 38.358c8.038 0 14.577-6.663 14.577-14.853S25.654 8.652 17.617 8.652m0 31c-8.737 0-15.845-7.244-15.845-16.147 0-8.903 7.108-16.146 15.845-16.146 8.737 0 15.846 7.243 15.846 16.146s-7.109 16.146-15.846 16.146" fill="currentColor"></path><path d="m42.669 10.45v2.686" stroke="currentcolor" stroke="" d="M42.669 10.45v2.686" stroke="currentColor"></path></g></svg>
                                                            </span>All-in-one DJ systems</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="/en/product/controller/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">
                                                                <svg class="symbol symbol--djcontrollers" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg"><title>1 fundament/icons/product/controller</title><path d="M7.125 14.206c.84.53 1.956.29 2.495-.537a1.761 1.761 0 0 0-.546-2.455 1.823 1.823 0 0 0-2.495.537 1.761 1.761 0 0 0 .546 2.455zm9.229-6.087a1.766 1.766 0 0 0 .805-2.386 1.82 1.82 0 0 0-2.423-.793 1.766 1.766 0 0 0-.806 2.386 1.82 1.82 0 0 0 2.424.793zM5.803 31.408a1.765 1.765 0 0 0-.806 2.385 1.82 1.82 0 0 0 2.424.793 1.765 1.765 0 0 0 .805-2.386 1.82 1.82 0 0 0-2.423-.792zm.808-8.663c0-.982-.808-1.778-1.805-1.778-.998 0-1.806.796-1.806 1.778s.808 1.778 1.806 1.778c.997 0 1.805-.796 1.805-1.778zM24.48 7.053a.968.968 0 0 0 .973-.963V1.962A.968.968 0 0 0 24.48 1a.968.968 0 0 0-.973.962V6.09c0 .532.435.963.973.963zm11.85 33.625a.978.978 0 0 0-1.37 0 .95.95 0 0 0 0 1.36l3.71 3.654a.98.98 0 0 0 1.371 0 .952.952 0 0 0 0-1.36l-3.71-3.654zm-22.328 0a.978.978 0 0 0-1.371 0L8.89 44.36a.953.953 0 0 0 0 1.36.98.98 0 0 0 1.37 0L14 42.039a.952.952 0 0 0 0-1.36zm27.874-26.472c.84-.53 1.083-1.629.546-2.455a1.823 1.823 0 0 0-2.495-.537 1.761 1.761 0 0 0-.546 2.455 1.823 1.823 0 0 0 2.495.537zM32.646 8.12a1.82 1.82 0 0 0 2.424-.793 1.766 1.766 0 0 0-.806-2.386 1.82 1.82 0 0 0-2.423.793 1.766 1.766 0 0 0 .805 2.386zm10.551 23.289a1.82 1.82 0 0 0-2.423.792 1.765 1.765 0 0 0 .805 2.386 1.82 1.82 0 0 0 2.424-.793 1.765 1.765 0 0 0-.806-2.385zm.997-10.441c-.997 0-1.805.796-1.805 1.778s.808 1.778 1.805 1.778c.998 0 1.806-.796 1.806-1.778s-.808-1.778-1.806-1.778zm-4.163 3.156c0-7.8-5.925-14.236-13.586-15.187a.397.397 0 0 0-.443.39v14.409a.39.39 0 0 1-.394.388H23.35a.39.39 0 0 1-.392-.388V9.326a.397.397 0 0 0-.444-.39c-7.661.951-13.586 7.387-13.586 15.187 0 8.456 6.962 15.311 15.551 15.311 8.59 0 15.552-6.855 15.552-15.311z" fill="currentColor" fill-rule="evenodd"></path></svg>
                                                            </span>DJ controllers</a>                                                    </li>
                                            </ul>
                                            <ul class="megaMenu__list">
                                                    <li class="megaMenu__item">
<a href="/en/product/software/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">
                                                                <svg class="symbol symbol--software" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>1 fundament/icons/product/software</title><defs><path id="a" d="M1.8 0H.015v20.476H1.8V0z"></path><path id="c" d="M2.642 2.441V.015H.676v2.426h1.966z"></path><path id="e" d="M0 .493v2.426h1.966V.493H0z"></path></defs><g fill="currentColor" fill-rule="evenodd"><path d="M11.47 22.208v7.741a.983.983 0 1 1-1.966 0V18.926a.984.984 0 0 1 1.966 0v3.282z" fill="currentColor"></path><path d="M6.679 26.267a.983.983 0 1 1-1.967 0v-3.66a.983.983 0 0 1 1.967 0v3.66zM15.933 26.267a.983.983 0 1 1-1.966 0v-3.66a.983.983 0 0 1 1.966 0v3.66z" fill="currentColor"></path><g transform="translate(23.118 13.722)"><mask id="b" fill="currentColor"><use xlink:href="#a"></use></mask><path d="M1.8 19.585a.891.891 0 1 1-1.784 0V.892a.892.892 0 0 1 1.783 0v18.693z" fill="currentColor" mask="url(#b)"></path></g><path d="M11.47 22.208v7.741a.983.983 0 1 1-1.966 0V18.926a.984.984 0 0 1 1.966 0v3.282zM20.517 31.683a.983.983 0 1 1-1.967 0V17.192a.984.984 0 0 1 1.967 0v14.49z" fill="currentColor"></path><path d="M36.736 18.449a.983.983 0 1 1 1.966 0V29.47a.983.983 0 0 1-1.966 0V18.449z" fill="currentColor"></path><path d="M41.528 22.13a.983.983 0 1 1 1.966 0v3.66a.983.983 0 0 1-1.966 0v-3.66zM32.273 22.13a.983.983 0 1 1 1.967 0v3.66a.983.983 0 0 1-1.967 0v-3.66zM36.736 18.449a.983.983 0 1 1 1.966 0V29.47a.983.983 0 0 1-1.966 0V18.449zM27.69 16.715a.983.983 0 1 1 1.966 0v14.49a.984.984 0 0 1-1.967 0v-14.49z" fill="currentColor"></path><g transform="translate(45.233 22.731)"><mask id="d" fill="currentColor"><use xlink:href="#c"></use></mask><path d="M2.642 1.458a.983.983 0 1 1-1.966 0v-.46a.984.984 0 0 1 1.966 0v.46z" fill="currentColor" mask="url(#d)"></path></g><g transform="translate(.184 22.731)"><mask id="f" fill="currentColor"><use xlink:href="#e"></use></mask><path d="M1.966 1.936a.983.983 0 1 1-1.966 0v-.46a.984.984 0 0 1 1.966 0v.46z" fill="currentColor" mask="url(#f)"></path></g></g></svg>
                                                            </span>DJ software &amp; interfaces</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="/en/product/dj-sampler/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">
                                                                <svg class="symbol symbol--djsampler" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 37 36"> <defs><polygon id="sampler-a" points="6 7.299 42.848 7.299 42.848 41.565 6 41.565"></polygon></defs><g fill="none" fill-rule="evenodd" transform="translate(-6 -6)"><mask id="sampler-b" fill="#fff"><use xlink:href="#sampler-a"></use></mask><path fill="currentColor" d="M8.97770308,8.31941924 C8.03562615,8.31941924 7.26830308,8.96395255 7.23187231,9.7869287 L7.13339538,24.6894394 C7.13168769,24.729969 7.13168769,24.7710615 7.13339538,24.812154 L7.22788769,39.0785751 C7.26602615,39.9009883 8.03278,40.5438329 8.97371846,40.5438329 L39.86758,40.5438329 C40.80738,40.5438329 41.5741338,39.9009883 41.6128415,39.079138 L41.7147338,24.812154 C41.7170108,24.7704986 41.7170108,24.7288432 41.7153031,24.6877507 L41.6094262,9.78580288 C41.5724262,8.96338964 40.8056723,8.31941924 39.8641646,8.31941924 L8.97770308,8.31941924 Z M8.97371846,41.5649538 C7.42427231,41.5649538 6.16114923,40.4909192 6.09739538,39.1219192 L6.00233385,24.8543724 C5.99948769,24.7856972 5.99948769,24.717022 6.00233385,24.6483469 L6.10081077,9.74583618 C6.16228769,8.37402163 7.42541077,7.29886127 8.97770308,7.29886127 L39.8641646,7.29886127 C41.41418,7.29886127 42.6784415,8.37289581 42.7404877,9.74471036 L42.8457954,24.647784 C42.8492108,24.717022 42.8492108,24.7862601 42.8457954,24.8554982 L42.7433338,39.1224822 C42.67958,40.4914822 41.4158877,41.5649538 39.86758,41.5649538 L8.97371846,41.5649538 Z" mask="url(#sampler-b)"></path><path fill="currentColor" d="M17.8519538 19.8062975L17.1728615 19.8062975C16.2854308 19.8062975 15.5590923 19.0885857 15.5590923 18.2104442L15.5590923 17.5388912C15.5590923 16.6613127 16.2854308 15.9436009 17.1728615 15.9436009L17.8519538 15.9436009C18.7393846 15.9436009 19.4651538 16.6613127 19.4651538 17.5388912L19.4651538 18.2104442C19.4651538 19.0885857 18.7393846 19.8062975 17.8519538 19.8062975M22.5925646 19.8062975L21.9134723 19.8062975C21.0254723 19.8062975 20.2997031 19.0885857 20.2997031 18.2104442L20.2997031 17.5388912C20.2997031 16.6613127 21.0254723 15.9436009 21.9134723 15.9436009L22.5925646 15.9436009C23.4799954 15.9436009 24.2057646 16.6613127 24.2057646 17.5388912L24.2057646 18.2104442C24.2057646 19.0885857 23.4799954 19.8062975 22.5925646 19.8062975M27.3326631 19.8062975L26.65414 19.8062975C25.76614 19.8062975 25.0403708 19.0885857 25.0403708 18.2104442L25.0403708 17.5388912C25.0403708 16.6613127 25.76614 15.9436009 26.65414 15.9436009L27.3326631 15.9436009C28.2206631 15.9436009 28.9464323 16.6613127 28.9464323 17.5388912L28.9464323 18.2104442C28.9464323 19.0885857 28.2206631 19.8062975 27.3326631 19.8062975M32.0732738 19.8062975L31.3941815 19.8062975C30.5067508 19.8062975 29.7809815 19.0885857 29.7809815 18.2104442L29.7809815 17.5388912C29.7809815 16.6613127 30.5067508 15.9436009 31.3941815 15.9436009L32.0732738 15.9436009C32.9612738 15.9436009 33.6870431 16.6613127 33.6870431 17.5388912L33.6870431 18.2104442C33.6870431 19.0885857 32.9612738 19.8062975 32.0732738 19.8062975M17.8519538 24.3381828L17.1728615 24.3381828C16.2854308 24.3381828 15.5590923 23.6204711 15.5590923 22.7423296L15.5590923 22.0713395C15.5590923 21.193198 16.2854308 20.4754863 17.1728615 20.4754863L17.8519538 20.4754863C18.7393846 20.4754863 19.4651538 21.193198 19.4651538 22.0713395L19.4651538 22.7423296C19.4651538 23.6204711 18.7393846 24.3381828 17.8519538 24.3381828M22.5925646 24.3381828L21.9134723 24.3381828C21.0254723 24.3381828 20.2997031 23.6204711 20.2997031 22.7423296L20.2997031 22.0713395C20.2997031 21.193198 21.0254723 20.4754863 21.9134723 20.4754863L22.5925646 20.4754863C23.4799954 20.4754863 24.2057646 21.193198 24.2057646 22.0713395L24.2057646 22.7423296C24.2057646 23.6204711 23.4799954 24.3381828 22.5925646 24.3381828M27.3326631 24.3381828L26.65414 24.3381828C25.76614 24.3381828 25.0403708 23.6204711 25.0403708 22.7423296L25.0403708 22.0713395C25.0403708 21.193198 25.76614 20.4754863 26.65414 20.4754863L27.3326631 20.4754863C28.2206631 20.4754863 28.9464323 21.193198 28.9464323 22.0713395L28.9464323 22.7423296C28.9464323 23.6204711 28.2206631 24.3381828 27.3326631 24.3381828M32.0732738 24.3381828L31.3941815 24.3381828C30.5067508 24.3381828 29.7809815 23.6204711 29.7809815 22.7423296L29.7809815 22.0713395C29.7809815 21.193198 30.5067508 20.4754863 31.3941815 20.4754863L32.0732738 20.4754863C32.9612738 20.4754863 33.6870431 21.193198 33.6870431 22.0713395L33.6870431 22.7423296C33.6870431 23.6204711 32.9612738 24.3381828 32.0732738 24.3381828M17.8519538 28.8700682L17.1728615 28.8700682C16.2854308 28.8700682 15.5590923 28.1523564 15.5590923 27.2747779L15.5590923 26.6032248C15.5590923 25.7256463 16.2854308 25.0073716 17.1728615 25.0073716L17.8519538 25.0073716C18.7393846 25.0073716 19.4651538 25.7256463 19.4651538 26.6032248L19.4651538 27.2747779C19.4651538 28.1523564 18.7393846 28.8700682 17.8519538 28.8700682M22.5925646 28.8700682L21.9134723 28.8700682C21.0254723 28.8700682 20.2997031 28.1523564 20.2997031 27.2747779L20.2997031 26.6032248C20.2997031 25.7256463 21.0254723 25.0073716 21.9134723 25.0073716L22.5925646 25.0073716C23.4799954 25.0073716 24.2057646 25.7256463 24.2057646 26.6032248L24.2057646 27.2747779C24.2057646 28.1523564 23.4799954 28.8700682 22.5925646 28.8700682M27.3326631 28.8700682L26.65414 28.8700682C25.76614 28.8700682 25.0403708 28.1523564 25.0403708 27.2747779L25.0403708 26.6032248C25.0403708 25.7256463 25.76614 25.0073716 26.65414 25.0073716L27.3326631 25.0073716C28.2206631 25.0073716 28.9464323 25.7256463 28.9464323 26.6032248L28.9464323 27.2747779C28.9464323 28.1523564 28.2206631 28.8700682 27.3326631 28.8700682M32.0732738 28.8700682L31.3941815 28.8700682C30.5067508 28.8700682 29.7809815 28.1523564 29.7809815 27.2747779L29.7809815 26.6032248C29.7809815 25.7256463 30.5067508 25.0073716 31.3941815 25.0073716L32.0732738 25.0073716C32.9612738 25.0073716 33.6870431 25.7256463 33.6870431 26.6032248L33.6870431 27.2747779C33.6870431 28.1523564 32.9612738 28.8700682 32.0732738 28.8700682" mask="url(#sampler-b)"></path><path fill="currentColor" d="M36.6231923 6.00016887L12.6227154 6.00016887C11.2673769 6.00016887 12.3910385 14.6312861 13.1925154 14.6312861L36.0533923 14.6312861C36.8548692 14.6312861 37.9785308 6.00016887 36.6231923 6.00016887M40.6261938 32.3629884C40.6261938 32.2594127 40.5413785 32.1755389 40.43664 32.1755389L36.4599938 32.1755389C36.3552554 32.1755389 36.27044 32.2594127 36.27044 32.3629884 36.27044 32.4671269 36.3552554 32.5504378 36.4599938 32.5504378L40.43664 32.5504378C40.5413785 32.5504378 40.6261938 32.4671269 40.6261938 32.3629884M40.6261938 30.637947C40.6261938 30.5338085 40.5413785 30.4504976 40.43664 30.4504976L36.4599938 30.4504976C36.3552554 30.4504976 36.27044 30.5338085 36.27044 30.637947 36.27044 30.7415227 36.3552554 30.8253965 36.4599938 30.8253965L40.43664 30.8253965C40.5413785 30.8253965 40.6261938 30.7415227 40.6261938 30.637947M40.6261938 28.9123991C40.6261938 28.8088234 40.5413785 28.7249497 40.43664 28.7249497L36.4599938 28.7249497C36.3552554 28.7249497 36.27044 28.8088234 36.27044 28.9123991 36.27044 29.0165377 36.3552554 29.1004114 36.4599938 29.1004114L40.43664 29.1004114C40.5413785 29.1004114 40.6261938 29.0165377 40.6261938 28.9123991M40.6261938 27.1874141C40.6261938 27.0838384 40.5413785 26.9999646 40.43664 26.9999646L36.4599938 26.9999646C36.3552554 26.9999646 36.27044 27.0838384 36.27044 27.1874141 36.27044 27.2909897 36.3552554 27.3748635 36.4599938 27.3748635L40.43664 27.3748635C40.5413785 27.3748635 40.6261938 27.2909897 40.6261938 27.1874141M40.6261938 25.4623727C40.6261938 25.3582342 40.5413785 25.2749233 40.43664 25.2749233L36.4599938 25.2749233C36.3552554 25.2749233 36.27044 25.3582342 36.27044 25.4623727 36.27044 25.5659484 36.3552554 25.6498222 36.4599938 25.6498222L40.43664 25.6498222C40.5413785 25.6498222 40.6261938 25.5659484 40.6261938 25.4623727M40.6261938 23.7368248C40.6261938 23.6332491 40.5413785 23.5493754 40.43664 23.5493754L36.4599938 23.5493754C36.3552554 23.5493754 36.27044 23.6332491 36.27044 23.7368248 36.27044 23.8409634 36.3552554 23.9242742 36.4599938 23.9242742L40.43664 23.9242742C40.5413785 23.9242742 40.6261938 23.8409634 40.6261938 23.7368248M40.6261938 22.0117835C40.6261938 21.9082078 40.5413785 21.824334 40.43664 21.824334L36.4599938 21.824334C36.3552554 21.824334 36.27044 21.9082078 36.27044 22.0117835 36.27044 22.1153591 36.3552554 22.1992329 36.4599938 22.1992329L40.43664 22.1992329C40.5413785 22.1992329 40.6261938 22.1153591 40.6261938 22.0117835M40.6261938 20.2867984C40.6261938 20.1826599 40.5413785 20.099349 40.43664 20.099349L36.4599938 20.099349C36.3552554 20.099349 36.27044 20.1826599 36.27044 20.2867984 36.27044 20.3903741 36.3552554 20.4742479 36.4599938 20.4742479L40.43664 20.4742479C40.5413785 20.4742479 40.6261938 20.3903741 40.6261938 20.2867984M40.6261938 18.5611942C40.6261938 18.4576185 40.5413785 18.3737448 40.43664 18.3737448L36.4599938 18.3737448C36.3552554 18.3737448 36.27044 18.4576185 36.27044 18.5611942 36.27044 18.6653328 36.3552554 18.7486436 36.4599938 18.7486436L40.43664 18.7486436C40.5413785 18.7486436 40.6261938 18.6653328 40.6261938 18.5611942M40.6261938 16.8362092C40.6261938 16.7320706 40.5413785 16.6487597 40.43664 16.6487597L36.4599938 16.6487597C36.3552554 16.6487597 36.27044 16.7320706 36.27044 16.8362092 36.27044 16.9397848 36.3552554 17.0236586 36.4599938 17.0236586L40.43664 17.0236586C40.5413785 17.0236586 40.6261938 16.9397848 40.6261938 16.8362092M13.3031169 32.3629884C13.3031169 32.2594127 13.2183015 32.1755389 13.1135631 32.1755389L9.13691692 32.1755389C9.03217846 32.1755389 8.94736308 32.2594127 8.94736308 32.3629884 8.94736308 32.4671269 9.03217846 32.5504378 9.13691692 32.5504378L13.1135631 32.5504378C13.2183015 32.5504378 13.3031169 32.4671269 13.3031169 32.3629884M13.3031169 30.637947C13.3031169 30.5338085 13.2183015 30.4504976 13.1135631 30.4504976L9.13691692 30.4504976C9.03217846 30.4504976 8.94736308 30.5338085 8.94736308 30.637947 8.94736308 30.7415227 9.03217846 30.8253965 9.13691692 30.8253965L13.1135631 30.8253965C13.2183015 30.8253965 13.3031169 30.7415227 13.3031169 30.637947M13.3031169 28.9123991C13.3031169 28.8088234 13.2183015 28.7249497 13.1135631 28.7249497L9.13691692 28.7249497C9.03217846 28.7249497 8.94736308 28.8088234 8.94736308 28.9123991 8.94736308 29.0165377 9.03217846 29.1004114 9.13691692 29.1004114L13.1135631 29.1004114C13.2183015 29.1004114 13.3031169 29.0165377 13.3031169 28.9123991M13.3031169 27.1874141C13.3031169 27.0838384 13.2183015 26.9999646 13.1135631 26.9999646L9.13691692 26.9999646C9.03217846 26.9999646 8.94736308 27.0838384 8.94736308 27.1874141 8.94736308 27.2909897 9.03217846 27.3748635 9.13691692 27.3748635L13.1135631 27.3748635C13.2183015 27.3748635 13.3031169 27.2909897 13.3031169 27.1874141M13.3031169 25.4623727C13.3031169 25.3582342 13.2183015 25.2749233 13.1135631 25.2749233L9.13691692 25.2749233C9.03217846 25.2749233 8.94736308 25.3582342 8.94736308 25.4623727 8.94736308 25.5659484 9.03217846 25.6498222 9.13691692 25.6498222L13.1135631 25.6498222C13.2183015 25.6498222 13.3031169 25.5659484 13.3031169 25.4623727M13.3031169 23.7368248C13.3031169 23.6332491 13.2183015 23.5493754 13.1135631 23.5493754L9.13691692 23.5493754C9.03217846 23.5493754 8.94736308 23.6332491 8.94736308 23.7368248 8.94736308 23.8409634 9.03217846 23.9242742 9.13691692 23.9242742L13.1135631 23.9242742C13.2183015 23.9242742 13.3031169 23.8409634 13.3031169 23.7368248M13.3031169 22.0117835C13.3031169 21.9082078 13.2183015 21.824334 13.1135631 21.824334L9.13691692 21.824334C9.03217846 21.824334 8.94736308 21.9082078 8.94736308 22.0117835 8.94736308 22.1153591 9.03217846 22.1992329 9.13691692 22.1992329L13.1135631 22.1992329C13.2183015 22.1992329 13.3031169 22.1153591 13.3031169 22.0117835M13.3031169 20.2867984C13.3031169 20.1826599 13.2183015 20.099349 13.1135631 20.099349L9.13691692 20.099349C9.03217846 20.099349 8.94736308 20.1826599 8.94736308 20.2867984 8.94736308 20.3903741 9.03217846 20.4742479 9.13691692 20.4742479L13.1135631 20.4742479C13.2183015 20.4742479 13.3031169 20.3903741 13.3031169 20.2867984M13.3031169 18.5611942C13.3031169 18.4576185 13.2183015 18.3737448 13.1135631 18.3737448L9.13691692 18.3737448C9.03217846 18.3737448 8.94736308 18.4576185 8.94736308 18.5611942 8.94736308 18.6653328 9.03217846 18.7486436 9.13691692 18.7486436L13.1135631 18.7486436C13.2183015 18.7486436 13.3031169 18.6653328 13.3031169 18.5611942M13.3031169 16.8362092C13.3031169 16.7320706 13.2183015 16.6487597 13.1135631 16.6487597L9.13691692 16.6487597C9.03217846 16.6487597 8.94736308 16.7320706 8.94736308 16.8362092 8.94736308 16.9397848 9.03217846 17.0236586 9.13691692 17.0236586L13.1135631 17.0236586C13.2183015 17.0236586 13.3031169 16.9397848 13.3031169 16.8362092"></path><path stroke="currentColor" d="M12.4109046,37.0306479 C12.4109046,37.8631935 11.7289662,38.5375611 10.8870738,38.5375611 C10.0457508,38.5375611 9.36324308,37.8631935 9.36324308,37.0306479 C9.36324308,36.1981023 10.0457508,35.5231718 10.8870738,35.5231718 C11.7289662,35.5231718 12.4109046,36.1981023 12.4109046,37.0306479 Z"></path><path fill="currentColor" d="M14.8362262 35.5232843C15.6781185 35.5232843 16.3600569 36.1982148 16.3600569 37.0307605 16.3600569 37.8627432 15.6781185 38.5371108 14.8362262 38.5371108 13.9943338 38.5371108 13.3118262 37.8627432 13.3118262 37.0307605 13.3118262 36.1982148 13.9943338 35.5232843 14.8362262 35.5232843M20.3089815 37.0306479C20.3089815 37.8631935 19.6270431 38.5375611 18.7851508 38.5375611 17.9438277 38.5375611 17.26132 37.8631935 17.26132 37.0306479 17.26132 36.1981023 17.9438277 35.5231718 18.7851508 35.5231718 19.6270431 35.5231718 20.3089815 36.1981023 20.3089815 37.0306479M22.7343031 35.5232843C23.5761954 35.5232843 24.2581338 36.1982148 24.2581338 37.0307605 24.2581338 37.8627432 23.5761954 38.5371108 22.7343031 38.5371108 21.8924108 38.5371108 21.2099031 37.8627432 21.2099031 37.0307605 21.2099031 36.1982148 21.8924108 35.5232843 22.7343031 35.5232843"></path><path stroke="currentColor" d="M28.2070585,37.0306479 C28.2070585,37.8631935 27.52512,38.5375611 26.6832277,38.5375611 C25.8419046,38.5375611 25.1593969,37.8631935 25.1593969,37.0306479 C25.1593969,36.1981023 25.8419046,35.5231718 26.6832277,35.5231718 C27.52512,35.5231718 28.2070585,36.1981023 28.2070585,37.0306479 Z"></path><path fill="currentColor" d="M30.63238 35.5232843C31.4742723 35.5232843 32.1562108 36.1982148 32.1562108 37.0307605 32.1562108 37.8627432 31.4742723 38.5371108 30.63238 38.5371108 29.7904877 38.5371108 29.10798 37.8627432 29.10798 37.0307605 29.10798 36.1982148 29.7904877 35.5232843 30.63238 35.5232843M36.1051354 37.0306479C36.1051354 37.8631935 35.4231969 38.5375611 34.5813046 38.5375611 33.7399815 38.5375611 33.0574738 37.8631935 33.0574738 37.0306479 33.0574738 36.1981023 33.7399815 35.5231718 34.5813046 35.5231718 35.4231969 35.5231718 36.1051354 36.1981023 36.1051354 37.0306479M38.5304569 35.5232843C39.3723492 35.5232843 40.0542877 36.1982148 40.0542877 37.0307605 40.0542877 37.8627432 39.3723492 38.5371108 38.5304569 38.5371108 37.6885646 38.5371108 37.0060569 37.8627432 37.0060569 37.0307605 37.0060569 36.1982148 37.6885646 35.5232843 38.5304569 35.5232843M17.8519538 33.4025164L17.1728615 33.4025164C16.2854308 33.4025164 15.5590923 32.6842418 15.5590923 31.8066632L15.5590923 31.1351102C15.5590923 30.2575317 16.2854308 29.5398199 17.1728615 29.5398199L17.8519538 29.5398199C18.7393846 29.5398199 19.4651538 30.2575317 19.4651538 31.1351102L19.4651538 31.8066632C19.4651538 32.6842418 18.7393846 33.4025164 17.8519538 33.4025164M22.5925646 33.4025164L21.9134723 33.4025164C21.0254723 33.4025164 20.2997031 32.6842418 20.2997031 31.8066632L20.2997031 31.1351102C20.2997031 30.2575317 21.0254723 29.5398199 21.9134723 29.5398199L22.5925646 29.5398199C23.4799954 29.5398199 24.2057646 30.2575317 24.2057646 31.1351102L24.2057646 31.8066632C24.2057646 32.6842418 23.4799954 33.4025164 22.5925646 33.4025164M27.3326631 33.4025164L26.65414 33.4025164C25.76614 33.4025164 25.0403708 32.6842418 25.0403708 31.8066632L25.0403708 31.1351102C25.0403708 30.2575317 25.76614 29.5398199 26.65414 29.5398199L27.3326631 29.5398199C28.2206631 29.5398199 28.9464323 30.2575317 28.9464323 31.1351102L28.9464323 31.8066632C28.9464323 32.6842418 28.2206631 33.4025164 27.3326631 33.4025164M32.0732738 33.4025164L31.3941815 33.4025164C30.5067508 33.4025164 29.7809815 32.6842418 29.7809815 31.8066632L29.7809815 31.1351102C29.7809815 30.2575317 30.5067508 29.5398199 31.3941815 29.5398199L32.0732738 29.5398199C32.9612738 29.5398199 33.6870431 30.2575317 33.6870431 31.1351102L33.6870431 31.8066632C33.6870431 32.6842418 32.9612738 33.4025164 32.0732738 33.4025164"></path></g></svg>
                                                            </span>DJ samplers</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="/en/product/effector/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">
                                                                <svg class="symbol symbol--remixstation" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg"><title>1 fundament/icons/product/remix station</title><path d="M16.623 26.004c0-4.604 3.233-8.669 7.839-9.85 3.775-.97 7.717.075 10.434 2.789 1.518 1.517 2.461 3.326 2.815 5.414.859 5.07-2.337 9.98-7.43 11.423-4.01 1.137-8.238-.026-11.02-3.05-1.33-1.445-2.165-3.131-2.486-5.045-.093-.554-.127-1.118-.188-1.677l.036-.004m9.852-4.71c-2.016.226-4.243 2.045-4.209 4.78.033 2.64 2.315 4.783 5.138 4.71 2.706-.068 4.909-2.316 4.805-4.934-.108-2.747-2.402-4.37-4.212-4.553v4.435c0 .06-.001.122-.007.183-.038.404-.447.709-.86.642-.407-.066-.655-.364-.655-.792v-4.471zm.753 10.954c-3.589-.002-6.485-2.802-6.482-6.266.003-3.435 2.919-6.226 6.501-6.223 3.583.003 6.49 2.807 6.486 6.254-.005 3.445-2.917 6.237-6.505 6.235zm.011 2.553c.462-.041.927-.06 1.384-.128 1.869-.28 3.522-1.025 4.876-2.304 2.513-2.377 3.415-5.256 2.56-8.56-.963-3.723-4.338-6.342-8.302-6.561a9.236 9.236 0 0 0-5.202 1.23c-3.47 1.987-5.177 5.987-4.154 9.723 1.063 3.878 4.689 6.577 8.838 6.6M47 25.341v1.324c-.007.052-.02.103-.021.155a17.434 17.434 0 0 1-.458 3.345c-.997 4.17-3.19 7.638-6.578 10.38-3.294 2.665-7.105 4.12-11.39 4.41l-.642.045H26.52c-.058-.007-.116-.02-.174-.022a19.955 19.955 0 0 1-3.861-.534c-3.21-.768-6.051-2.216-8.505-4.36-2.873-2.509-4.824-5.575-5.84-9.194-.073-.259-.137-.52-.207-.788-.04.024-.073.042-.104.062-1.22.774-2.442 1.546-3.66 2.322-.748.475-1.491.955-2.237 1.431a.587.587 0 0 1-.459.083c-.253-.056-.391-.222-.472-.447V20.341c.01-.022.02-.044.027-.067.152-.439.673-.586 1.047-.295.03.022.06.046.09.066l5.383 3.398c.03.019.062.032.09.047.08-.436.145-.86.235-1.279.636-2.979 1.915-5.675 3.905-8.027 3.708-4.384 8.504-6.76 14.342-7.143 2-.131 3.978.055 5.921.534 4.456 1.099 8.11 3.403 10.918 6.927 2.403 3.015 3.724 6.442 3.996 10.244.014.199.03.397.046.596m-6.996 12.16c3.59-3.86 5.188-8.345 4.579-13.505-.47-3.98-2.291-7.335-5.251-10.131l-.105.11c-.949 1.026-1.897 2.051-2.847 3.075-.308.331-.782.363-1.106.08-.32-.28-.33-.73-.023-1.062l2.273-2.454c.217-.233.433-.468.649-.702-6.07-4.85-15.367-4.958-21.568-.23.016.019.031.038.048.056l1.757 1.898c.448.484.898.966 1.343 1.451a.719.719 0 0 1-.3 1.191c-.311.107-.616.02-.863-.246l-3.067-3.312c-.03-.033-.061-.064-.094-.098-.031.026-.054.043-.076.063-2.238 2.01-3.839 4.417-4.777 7.232a15.95 15.95 0 0 0-.769 3.836c-.006.084.019.132.093.178.645.403 1.287.81 1.929 1.216.51.322.507 1.155-.004 1.48-.575.364-1.148.73-1.725 1.092-.075.047-.103.094-.084.179.038.17.066.345.104.516.69 3.137 2.186 5.86 4.468 8.182.051.053.098.11.148.167.045-.044.07-.066.091-.09l1.817-1.962c.352-.38.701-.763 1.058-1.138a.768.768 0 0 1 .926-.143c.3.16.463.491.362.81a1.127 1.127 0 0 1-.25.403c-.91.992-1.828 1.979-2.743 2.967l-.13.144c6.797 5.646 16.844 5.218 23.026-.245l-.09-.101-1.191-1.287c-.482-.52-.965-1.038-1.444-1.561a.7.7 0 0 1-.067-.904c.284-.401.863-.43 1.213-.055.858.923 1.713 1.848 2.57 2.773l.12.128" fill="currentColor" fill-rule="evenodd"></path></svg>
                                                            </span>Effector</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="/en/product/production/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">
                                                                <svg class="symbol symbol--production" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
	<g fill="none">
		<path d="M35.144 42.434H12.858C10.736 42.434 9 40.642 9 38.452V9.982C9 7.792 10.736 6 12.858 6h22.286c2.122 0 3.858 1.792 3.858 3.982v28.47c0 2.19-1.736 3.982-3.858 3.982z" stroke="currentColor" stroke-width="2"></path>
		<path d="M13.604 9.613v2.184" stroke="currentColor" stroke-linecap="round"></path>
		<path d="M15.866 11.628c0 1.375-1.013 2.49-2.261 2.49-1.25 0-2.263-1.115-2.263-2.49 0-1.375 1.013-2.49 2.263-2.49 1.248 0 2.261 1.115 2.261 2.49z" stroke="currentColor"></path>
		<path d="M21.596 12.79l-1.771-1.197" stroke="currentColor" stroke-linecap="round"></path>
		<path d="M18.524 13.504c-1.115-.753-1.465-2.238-.781-3.317.684-1.078 2.143-1.343 3.258-.59 1.115.753 1.465 2.239.78 3.318-.684 1.078-2.142 1.343-3.257.59z" stroke="currentColor"></path>
		<path d="M18.303 35.475H11.7a.656.656 0 0 1-.643-.664v-3.77c0-.366.29-.665.643-.665h6.603c.354 0 .643.3.643.664v3.771c0 .365-.29.664-.643.664M27.299 35.475h-6.603a.656.656 0 0 1-.643-.664v-3.77c0-.366.289-.665.643-.665h6.603c.353 0 .643.3.643.664v3.771c0 .365-.29.664-.643.664M36.294 35.475h-6.603a.656.656 0 0 1-.643-.664v-3.77c0-.366.29-.665.643-.665h6.603c.354 0 .643.3.643.664v3.771c0 .365-.289.664-.643.664M18.303 28.935H11.7a.656.656 0 0 1-.643-.663V24.5c0-.365.29-.664.643-.664h6.603c.354 0 .643.299.643.664v3.77c0 .366-.29.664-.643.664M27.299 28.935h-6.603a.656.656 0 0 1-.643-.663V24.5c0-.365.289-.664.643-.664h6.603c.353 0 .643.299.643.664v3.77c0 .366-.29.664-.643.664M36.294 28.935h-6.603a.656.656 0 0 1-.643-.663V24.5c0-.365.29-.664.643-.664h6.603c.354 0 .643.299.643.664v3.77c0 .366-.289.664-.643.664M18.303 22.238H11.7a.656.656 0 0 1-.643-.664v-3.77c0-.366.29-.665.643-.665h6.603c.354 0 .643.3.643.664v3.771c0 .365-.29.664-.643.664M27.299 22.238h-6.603a.656.656 0 0 1-.643-.664v-3.77c0-.366.289-.665.643-.665h6.603c.353 0 .643.3.643.664v3.771c0 .365-.29.664-.643.664M36.294 22.238h-6.603a.656.656 0 0 1-.643-.664v-3.77c0-.366.29-.665.643-.665h6.603c.354 0 .643.3.643.664v3.771c0 .365-.289.664-.643.664M20.557 38.182l-3.147-.007a.733.733 0 0 0-.723.743.734.734 0 0 0 .72.747l3.147.007a.734.734 0 0 0 .724-.744.734.734 0 0 0-.72-.746M25.566 38.182l-3.148-.007a.733.733 0 0 0-.722.743.734.734 0 0 0 .72.747l3.147.007a.734.734 0 0 0 .723-.744.734.734 0 0 0-.72-.746M30.588 38.182l-3.148-.007a.733.733 0 0 0-.723.743.734.734 0 0 0 .72.747l3.147.007a.734.734 0 0 0 .724-.744.734.734 0 0 0-.72-.746" fill="currentColor"></path>
	</g>
</svg>
                                                            </span>Music production</a>                                                    </li>
                                            </ul>
                                            <ul class="megaMenu__list">
                                                    <li class="megaMenu__item">
<a href="/en/product/headphones/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">
                                                                <svg class="symbol symbol--headphones" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg"><title>1 fundament/icons/product/headphones</title><path d="M37.356 34.93l.756-2.346 1.153-3.581c.232-.719-.266-1.46-1.111-1.657a1.834 1.834 0 0 0-.987.046l.157-.49c.232-.719-.266-1.46-1.111-1.657-.846-.196-1.718.226-1.95.945l-4.38 13.6c-.231.718.267 1.965 1.112 2.162.14.032.28.048.42.048.697 0 1.336-.9 1.53-1.498l.034-.11c.203.219.482.388.822.468.14.032.282.048.42.048.698 0 1.337-.394 1.53-.993l.959-2.978c.421.168.842.253 1.26.253.19 0 .379-.017.567-.053 1.67-.31 2.488-1.871 2.576-2.049 1.032-2.188 2.779-8.81 2.852-9.09a1.047 1.047 0 0 0-.714-1.27l-4.067-1.214a1.051 1.051 0 0 0-1.309.702 1.046 1.046 0 0 0 .705 1.304l3.09.923c-.529 1.936-1.728 6.205-2.45 7.736-.001 0-.432.786-1.076.9-.254.046-.526-.022-.788-.148zM13.29 36.938l.96 2.978c.192.6.831.993 1.53.993.137 0 .279-.016.419-.048.34-.08.62-.25.822-.467l.035.109c.193.599.832 1.498 1.53 1.498.138 0 .28-.016.42-.048.844-.197 1.342-1.444 1.11-2.162l-4.38-13.6c-.23-.719-1.103-1.141-1.95-.945-.844.197-1.342.938-1.11 1.657l.157.49a1.834 1.834 0 0 0-.987-.046c-.845.197-1.343.938-1.111 1.657l1.153 3.58.756 2.348c-.262.126-.534.194-.788.149-.644-.115-1.075-.9-1.075-.9-.723-1.532-1.922-5.8-2.45-7.737l3.089-.923c.556-.166.871-.75.705-1.304a1.051 1.051 0 0 0-1.309-.702L6.75 24.729a1.047 1.047 0 0 0-.714 1.268c.073.28 1.82 6.903 2.852 9.091.088.178.906 1.74 2.576 2.05.188.035.378.052.568.052.417 0 .838-.085 1.26-.253zm27.395-14.974a1.207 1.207 0 0 1-1.205-1.333c.055-.523.083-1.048.083-1.56 0-8.082-6.599-14.657-14.71-14.657-8.112 0-14.711 6.575-14.711 14.658 0 .51.028 1.036.083 1.56a1.208 1.208 0 0 1-1.076 1.326 1.212 1.212 0 0 1-1.332-1.074 17.231 17.231 0 0 1-.097-1.812C7.72 9.658 15.406 2 24.852 2 34.3 2 41.985 9.658 41.985 19.07c0 .596-.033 1.206-.098 1.813a1.21 1.21 0 0 1-1.202 1.08z" fill="currentColor" fill-rule="evenodd"></path></svg>
                                                            </span>Headphones</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="/en/product/monitor-speakers/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">
                                                                <svg class="symbol symbol--monitors" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg"><title>1 fundament/icons/product/monitor speakers</title><path d="M11.795 47c-2.096 0-3.806-1.41-3.893-3.208l-.899-18.737a2.641 2.641 0 0 1 0-.27l.904-19.57C7.99 3.411 9.7 2 11.8 2h26.391C40.29 2 42 3.411 42.084 5.213l.913 19.57c.004.091.004.182 0 .273l-.91 18.736C42.002 45.591 40.292 47 38.197 47H11.795zM11.8 3.34c-1.275 0-2.313.847-2.363 1.927l-.904 19.571a2.81 2.81 0 0 0 0 .161l.9 18.736c.052 1.08 1.089 1.925 2.362 1.925h26.4c1.273 0 2.31-.845 2.363-1.925L41.466 25a1.637 1.637 0 0 0 0-.162l-.913-19.57c-.05-1.081-1.088-1.927-2.362-1.927h-26.39zm13.195 31.771c-7.394 0-13.408-5.772-13.408-12.867 0-7.095 6.014-12.868 13.408-12.868 7.393 0 13.409 5.773 13.409 12.868 0 7.095-6.016 12.867-13.409 12.867zm0-24.338c-6.59 0-11.953 5.146-11.953 11.471 0 6.326 5.362 11.471 11.953 11.471 6.59 0 11.953-5.145 11.953-11.47 0-6.326-5.362-11.472-11.953-11.472zm0 2.573c5.121 0 9.272 3.984 9.272 8.898 0 4.915-4.15 8.898-9.272 8.898-5.121 0-9.272-3.983-9.272-8.898 0-4.914 4.15-8.898 9.272-8.898zm0 12.815c2.255 0 4.082-1.753 4.082-3.917 0-2.163-1.827-3.917-4.082-3.917-2.254 0-4.082 1.754-4.082 3.917 0 2.164 1.828 3.917 4.082 3.917zm0-7.109c1.834 0 3.327 1.432 3.327 3.192 0 1.76-1.493 3.193-3.327 3.193-1.834 0-3.326-1.433-3.326-3.193s1.492-3.192 3.326-3.192zm0 4.982c1.03 0 1.865-.801 1.865-1.79 0-.988-.835-1.789-1.865-1.789s-1.864.8-1.864 1.79c0 .988.834 1.789 1.864 1.789zm8.657 14.59c.977 0 1.652.94 1.302 1.817l-.82 2.062c-.207.518-.726.86-1.304.86H17.16a1.395 1.395 0 0 1-1.303-.86l-.821-2.062c-.35-.876.325-1.817 1.302-1.817h17.314z" fill="currentColor" fill-rule="evenodd"></path></svg>
                                                            </span>Monitor speakers</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="/en/product/pa-speakers/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">
                                                                <svg class="symbol symbol--paspeakers" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 34 47"><defs><polygon id="pa-speakers-a" points="0 .095 33.799 .095 33.799 45.508 0 45.508"></polygon></defs>
  <g fill="none" fill-rule="evenodd"><g transform="translate(0 .651)"><mask id="pa-speakers-b" fill="#fff"><use xlink:href="#pa-speakers-a"></use></mask><path fill="currentColor" d="M3.95261333,1.44730159 C2.70216889,1.44730159 1.68368,2.30150794 1.63456889,3.39220635 L1.50385778,23.1426508 C1.50234667,23.1963651 1.50234667,23.2515714 1.50385778,23.3052857 L1.63003556,42.2127143 C1.68065778,43.3026667 2.69839111,44.155381 3.94732444,44.155381 L29.84248,44.155381 C31.0899022,44.155381 32.1076356,43.3026667 32.1590133,42.2142063 L32.2942578,23.3052857 C32.29728,23.2500794 32.29728,23.194873 32.2950133,23.1411587 L32.15448,3.39071429 C32.1053689,2.30150794 31.0876356,1.44730159 29.8371911,1.44730159 L3.95261333,1.44730159 Z M3.94732444,45.5079365 C1.89070222,45.5079365 0.214124444,44.085254 0.128746667,42.2701587 L0.00332444444,23.3619841 C-0.00120888889,23.2702222 -0.00120888889,23.1792063 0.00332444444,23.0881905 L0.134035556,3.33774603 C0.215635556,1.5204127 1.89145778,0.0947460317 3.95261333,0.0947460317 L29.8371911,0.0947460317 C31.8953244,0.0947460317 33.5734133,1.51892063 33.6557689,3.337 L33.7955467,23.0874444 C33.80008,23.1792063 33.80008,23.2709683 33.7955467,23.3627302 L33.6595467,42.2716508 C33.5741689,44.085254 31.8975911,45.5079365 29.84248,45.5079365 L3.94732444,45.5079365 Z" mask="url(#pa-speakers-b)"></path></g><path fill="currentColor" d="M16.8996622 35.5228984C14.4380622 35.5228984 12.4433956 33.5518825 12.4433956 31.1228032 12.4433956 28.6922317 14.4380622 26.7219619 16.8996622 26.7219619 19.3605067 26.7219619 21.3559289 28.6922317 21.3559289 31.1228032 21.3559289 33.5518825 19.3605067 35.5228984 16.8996622 35.5228984M16.8996622 21.1259778C11.3085511 21.1259778 6.77597333 25.6014222 6.77597333 31.1228032 6.77597333 36.6426921 11.3085511 41.1181365 16.8996622 41.1181365 22.4900178 41.1181365 27.0225956 36.6426921 27.0225956 31.1228032 27.0225956 25.6014222 22.4900178 21.1259778 16.8996622 21.1259778M16.8996622 15.5446905C13.4309067 15.5446905 10.6187289 13.8840238 10.6187289 11.8361667 10.6187289 9.78830952 13.4309067 8.12838889 16.8996622 8.12838889 20.3676622 8.12838889 23.17984 9.78830952 23.17984 11.8361667 23.17984 13.8840238 20.3676622 15.5446905 16.8996622 15.5446905M21.9384622 4.74588095L11.8601067 4.74588095C10.6821956 4.74588095 9.71886222 5.69781746 9.71886222 6.86088095L9.71886222 16.8114524C9.71886222 17.9752619 10.6821956 18.9264524 11.8601067 18.9264524L21.9384622 18.9264524C23.1163733 18.9264524 24.0797067 17.9752619 24.0797067 16.8114524L24.0797067 6.86088095C24.0797067 5.69781746 23.1163733 4.74588095 21.9384622 4.74588095"></path><path fill="currentColor" d="M18.2218844,11.8363905 C18.2218844,12.5578032 17.6295289,13.141946 16.8996622,13.141946 C16.16904,13.141946 15.57744,12.5578032 15.57744,11.8363905 C15.57744,11.1149778 16.16904,10.5308349 16.8996622,10.5308349 C17.6295289,10.5308349 18.2218844,11.1149778 18.2218844,11.8363905"></path><polygon fill="currentColor" points="10.131 45.673 .174 35.841 .954 35.072 10.91 44.904"></polygon><polygon fill="currentColor" points="33.302 35.841 23.345 45.673 22.566 44.903 32.523 35.072"></polygon></g></svg>
                                                            </span>PA speakers</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="/en/product/accessories/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">
                                                                <svg class="symbol symbol--accessories" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>1 fundament/icons/product/accessories</title><defs><path id="a" d="M.718.635h3.115v3.114H.718V.635z"></path></defs><g fill="currentColor" fill-rule="evenodd"><path d="M13.8 14.404c.69 1.505 1.81 2.555 3.199 3.407l-.885.32-1.173.426c-.55.201-.947.585-1.274 1.055-1.04 1.488-1.944 3.05-2.662 4.719-.32.744-.43 1.536-.391 2.342.052 1.107.867 2.03 2.022 2.312.907.223 1.798.1 2.662-.195 1.484-.508 2.834-1.277 4.075-2.225a87.75 87.75 0 0 0 2.914-2.354c1.767-1.472 3.65-2.76 5.766-3.68 1.04-.451 2.11-.825 3.23-1.027 1.679-.304 3.321-.192 4.84.63 2 1.081 3.172 2.8 3.635 5.007.266 1.265.083 2.507-.255 3.736-.526 1.916-1.483 3.616-2.613 5.229-1.536 2.194-3.331 4.16-5.29 5.98-.719.667-1.458 1.317-2.217 1.943-.626.517-1.414.397-1.846-.242-.26-.384-.389-1.158.129-1.67.345-.34.717-.655 1.085-.97a37.916 37.916 0 0 0 3.65-3.608c1.032-1.158 2.014-2.356 2.868-3.653.81-1.229 1.461-2.533 1.826-3.965.277-1.089.322-2.179-.153-3.229-.603-1.334-1.586-2.245-3.04-2.583-.625-.146-1.26-.131-1.896-.046-1.484.196-2.845.733-4.142 1.46-1.449.812-2.754 1.822-4.041 2.863-1.361 1.1-2.68 2.255-4.165 3.196-1.531.97-3.15 1.728-4.954 2.028-1.311.218-2.602.17-3.799-.479-1.325-.719-2.267-1.782-2.696-3.245-.285-.973-.25-1.963-.062-2.955.377-1.976 1.27-3.718 2.421-5.34.418-.59.857-1.164 1.298-1.736.665-.861 1.165-1.817 1.617-2.8.095-.21.2-.413.316-.651" fill="currentColor"></path><path d="M17.183 16.458l-2.067-2.136 2.713-2.805 2.14 2.06-2.786 2.88M18.539 10.782l2.14-2.214 2.084 2.12-2.142 2.215-2.082-2.12" fill="currentColor"></path><g transform="translate(20.609 6.206)"><mask id="b" fill="#fff"><use xlink:href="#a"></use></mask><path d="M2.882 3.749c-.73-.697-1.44-1.375-2.164-2.064.266-.264.486-.52.743-.731.554-.455 1.328-.416 1.875.067.53.467.665 1.3.267 1.895-.213.317-.501.583-.72.833" fill="currentColor" mask="url(#b)"></path></g></g></svg>
                                                            </span>Accessories</a>                                                    </li>
                                            </ul>

                                </div>
                                    <div class="megaMenu__aside">
                                        <div class="megaMenu__aside__inner">
                                            <a href="http://rekordbox.com" class="megaMenu__banner" target="_blank">
                                                <span class="megaMenu__banner__visual responsiveImage--bg">
                                                    <em data-mq="small" href="/-/media/pioneerdj/images/navigation/dropdown-menu/rb6-mega-menu-banner-mobile-250x90.jpg?mh=90&amp;w=250&amp;hash=019BEEC30C5CECD8104BCFCDC9531771"></em>
                                                    <em data-mq="large" href="/-/media/pioneerdj/images/navigation/dropdown-menu/rb6-mega-menu-banner-320x200.jpg?h=200&amp;w=320&amp;hash=B21B6185B82A99FFEFD9F7634FF2D874"></em>
                                                </span>

                                                <div class="megaMenu__banner__content">
                                                    <p class="megaMenu__banner__title">Rekordbox6</p>
                                                    <div class="megaMenu__banner__desc">test</div>
                                                </div>

                                                <div class="megaMenu__banner__icon">
                                                    <span class="button button--subtle">
                                                        <i class="button__icon">
                                                            <svg class="symbol symbol--arro-right" viewBox="0 0 27 18" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                <g transform="translate(-38 -1)" fill="none" fill-rule="evenodd">
                                                                    <path class="theFill" d="M38.009 1.001h26.988L47.14 19.005v-6.65H38.01z"/>
                                                                    <path class="theStroke" stroke="#395EE2" stroke-width="2" d="M39.009 2.001v9.355h9.131v5.22L62.597 2.002H39.009z"/>
                                                                </g>
                                                            </svg>
                                                        </i>
                                                    </span>
                                                </div>
                                            </a>
                                        </div>
                                    </div>


                               <div class="megaMenu__cta">
                                   <ul class="megaMenu_btnlist">
										<li class="megaMenu_btn"><a href="/en/product/" class="button"><span class=" button__label">All products</span></a></li>
                                      										<li class="megaMenu_btn"><a href="/en/product/archive/" class="button"><span class="button__label">Archived Products</span></a></li>
								    </ul>
                                </div>

                            </div>
                        </div>
                    </section>
                </li>
                    <li class="mainNav__item">
                        <a href="/en/news/" class="mainNav__link" title="News" >News</a>
                    </li>
                    <li class="mainNav__item">
                        <a href="http://blog.pioneerdj.com" class="mainNav__link" rel="noopener noreferrer" target="_blank" >Blog</a>
                    </li>
                <li class="mainNav__item">
                    <section class="megaMenu">
                        <a class="mainNav__link megaMenu__trigger">Support</a>
                        <span class="megaMenu__icon megaMenu__trigger"></span>
                        <div class="megaMenu__target">
                            <div class="megaMenu__inner">
                                <div class="megaMenu__links">
                                            <ul class="megaMenu__list">
                                                    <li class="megaMenu__item">
<a href="/en/support/software/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">

                                                            </span>Software &amp; firmware updates</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="/en/support/documents/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">

                                                            </span>Tutorials, manuals &amp; documentation</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="/en/support/software-information/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">

                                                            </span>Extra software information</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="http://faq.pioneerdj.com" class="megaMenu__link" rel="noopener noreferrer" target="_blank" >                                                            <span class="megaMenu__link__icon">

                                                            </span>FAQ</a>                                                    </li>
                                            </ul>
                                            <ul class="megaMenu__list">
                                                    <li class="megaMenu__item">
<a href="/en/support/service-centres/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">

                                                            </span>Service centers</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="/en/landing/technical-riders/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">

                                                            </span>Technical Riders</a>                                                    </li>
                                                    <li class="megaMenu__item">
<a href="/en/account/about/" class="megaMenu__link" >                                                            <span class="megaMenu__link__icon">

                                                            </span>My Pioneer DJ Account</a>                                                    </li>
                                            </ul>

                                </div>


                               <div class="megaMenu__cta">
                                   <ul class="megaMenu_btnlist">
										<li class="megaMenu_btn"><a href="/en/support/" class="button"><span class=" button__label">All support</span></a></li>
                                      								    </ul>
                                </div>

                            </div>
                        </div>
                    </section>
                </li>
                    <li class="mainNav__item">
                        <a href="/Pioneer/PioneerDJ/Home/Shops/search" class="mainNav__link" ></a>
                    </li>
    </ul>
</nav>

                        </div>
                        <div class="header__actionNav">
                            <nav class="actionNav">
                                <div class="actionNav__item">
                                    <div class="search">
                                        <a class="search__trigger search__trigger--open header__trigger--close">
                                            <svg class="symbol symbol--search" viewBox="0 0 20 19">
                                                <path fill="currentColor" d="M6.49314942,13.6122949 C6.47588142,13.6181476 6.42690009,13.6318599 6.34238653,13.6318599 C6.14480082,13.6318599 5.942483,13.5575296 5.8612072,13.4857914 L1.7437035,9.84921293 C1.61303127,9.73349526 1.50278176,9.40632527 1.53673661,9.23433737 L2.6046127,3.82428522 C2.63848453,3.65238093 2.86487791,3.39251783 3.02942199,3.33608038 L8.21488479,1.56269028 C8.23198674,1.55692112 8.28130015,1.54320891 8.36573069,1.54320891 C8.56331641,1.54320891 8.76538516,1.61753912 8.84674399,1.689361 L12.9642477,5.32610667 C13.0949199,5.44157351 13.2052524,5.76891072 13.1713806,5.94064779 L12.1034215,11.3509508 C12.0695497,11.5226878 11.8433223,11.7825509 11.6785292,11.8388212 L6.49314942,13.6122949 Z M19.7390302,17.5341542 L13.4919178,12.016411 C13.5424765,11.8964292 13.5818276,11.7741898 13.6059862,11.6517833 L14.6739453,6.24173113 C14.8135836,5.53404732 14.512888,4.64166672 13.9742594,4.16600353 L9.85675568,0.529090642 C9.48175791,0.197740102 8.92453298,-1.24344979e-14 8.36573069,-1.24344979e-14 C8.13576748,-1.24344979e-14 7.91925338,0.0341969141 7.72233182,0.101671021 L2.53686902,1.87514473 C1.85860208,2.10683091 1.24176936,2.81560167 1.10204804,3.52328549 L0.0340889331,8.93350486 C-0.105632395,9.64110506 0.195229217,10.533402 0.733774825,11.0090652 L4.85136154,14.6461453 C5.22635931,14.9772451 5.78375028,15.1749852 6.34238653,15.1749852 C6.57234974,15.1749852 6.78878082,15.1408719 6.98570238,15.0733977 L12.1710822,13.3000077 C12.2722826,13.2653927 12.3717396,13.2190722 12.468789,13.1648922 L18.7290185,18.6941737 C18.8743852,18.8228511 19.0544538,18.8857266 19.2336923,18.8857266 C19.4467196,18.8857266 19.6585846,18.7968481 19.8099286,18.6228535 C20.0887901,18.3026232 20.0571598,17.8150873 19.7390302,17.5341542 L19.7390302,17.5341542 Z"></path>
                                            </svg>
                                        </a>
                                        <div class="search__inner">
                                            <form action="/search-results" class="search__form">
                                                <div class="search__field">
                                                    <input name="q" type="search" class="search__input input__search" data-search-page="/search-results?q=" data-no-results="Oops nothing can be found" data-nothing-entered="Please enter a search query">
                                                    <a href="#0" class="search__closeTrigger search__trigger--close">
                                                        <svg class="symbol symbol--close" viewBox="0 0 12 14" version="1" xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M6.066 5.492L2.372.931A1 1 0 1 0 .818 2.19l3.848 4.752L.418 11.34a1 1 0 0 0 1.439 1.39v-.001l4.077-4.222 3.694 4.561a1 1 0 1 0 1.554-1.259L7.334 7.059l4.248-4.399a1 1 0 0 0-1.439-1.39v.001L6.066 5.492z" fill="currentColor" fill-rule="evenodd" />
                                                        </svg>
                                                        <span class="screenReader">Close</span>
                                                    </a>
                                                </div>
                                                <span class="search__loader"></span>
                                            </form>
                                            <div class="search__overlay search__trigger--close"></div>
                                            <div class="search__results">
                                                <div class="search__results__inner">
                                                    <h3 class="heading heading--2 heading--fancy">
                                                        Top results
                                                    </h3>
                                                    <ul class="search__list"><!-- POPULATED WITH JAVASCRIPT --></ul>
                                                    <a class="search__cta button trigger__searchpage"><span class="button__label">See all results</span></a>
                                                    <p class="search__note">
                                                        Didn’t find what you’re looking for? Maybe use fewer words or a more general search term.<br />If you still have no luck you can contact our <a href="/en/support/contact">customer service</a>.
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </nav>
                        </div>
                        <div class="header__profileNav">



<nav class="profileNav">
                    <div class="profileNav__item">
                <a href="/en/account/register/" class="profileNav__link">
                    <span class="profileNav__label">Register</span>
                </a>
            </div>
            <div id="LoginRegister" class="profileNav__item">
                <a href="/en/account/login/?relPath=en%2Fproduct%2Fcontroller%2Fddj-flx6%2Fwhite%2Foverview%2F" class="profileNav__link">
                    <span class="profileNav__label">Log in</span>
                </a>
            </div>



<div class="profileNav__item profileNav__item--lang">
    <a href="/selectCountry/" class="profileNav__link flag flag-INT" style="margin:0;width:20px"></a>
</div>

</nav>

<script type="text/javascript">
    synchroniseLoginStatus();
    $("#loginlink").click(function () {
        if (window.location.href.indexOf("account/about") > -1) {
            document.getElementById("loginlink").setAttribute("target", "_blank")
        }
    });
</script>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<script>
    if (window.location.href.indexOf("/product-register/") > -1)
    {
        var urlQuery= window.location.href.split('?')[1];
        var redURl= '/account/hardware/product-registration/?'+urlQuery;
        console.log(redURl);
        window.location.href=redURl;
    }
</script>


    <div id="the-bucket">

<style type="text/css">
	@media screen and (max-width: 768px) {
		.visual img {
			object-fit: contain;
		}

		.media__slide {
			padding-top: 73.86667% !important;
		}
	}
</style>


    <input type="hidden" id="ProductID" value="{ADCC6BFA-6E04-4449-827A-908453DA65E6}" />
    <input type="hidden" id="ProductCategoryName" value="DDJ-FLX6" />
    <div class="spacer spacer--6"></div>
    <section class="hero-product">
        <div class="hero-product__in">
            <div class="hero-product__inner">
                    <div class="hero-product__media">
                        <section class="media media--slider">
                            <div class="media__slider swiper-container swiper-container-initialized swiper-container-horizontal">
                                <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">

                                                <div class="swiper-slide">
                                                    <div class="media__slide">
                                                        <picture class="visual">
                                                                <source srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png">
                                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png" alt="DDJ-FLX6-W_prm_angle_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png' });">
                                                        </picture>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="media__slide">
                                                        <picture class="visual">
                                                                <source srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png">
                                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png" alt="DDJ-FLX6-W_prm_frontangle_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png' });">
                                                        </picture>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="media__slide">
                                                        <picture class="visual">
                                                                <source srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png">
                                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png" alt="DDJ-FLX6-W_prm_top_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png' });">
                                                        </picture>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="media__slide">
                                                        <picture class="visual">
                                                                <source srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png">
                                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png" alt="DDJ-FLX6-W_prm_front_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png' });">
                                                        </picture>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="media__slide">
                                                        <picture class="visual">
                                                                <source srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png">
                                                                <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png" alt="DDJ-FLX6-W_prm_rear_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png' });">
                                                        </picture>
                                                    </div>
                                                </div>


                                </div>
                                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                            </div>

                            <div class="media__thumbs swiper-container swiper-container-initialized swiper-container-horizontal swiper-container-free-mode thumbs-init swiper-container-thumbs">
                                <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">

                                                <div class="swiper-slide" style="width: 124.154px; margin-right: 8px;">
                                                    <div class="media__thumb">
                                                        <picture class="visual">
                                                            <source media="(min-width: 750px)" data-srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png?h=273&amp;w=372&amp;hash=09AB90745797A32F3C59AC3633FED866">
                                                            <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png?h=273&amp;w=372&amp;hash=09AB90745797A32F3C59AC3633FED866" alt="DDJ-FLX6-W_prm_angle_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_angle_210630_1820x1336.png' });">
                                                        </picture>
                                                    </div>
                                                </div>                                                <div class="swiper-slide" style="width: 124.154px; margin-right: 8px;">
                                                    <div class="media__thumb">
                                                        <picture class="visual">
                                                            <source media="(min-width: 750px)" data-srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png?h=273&amp;w=372&amp;hash=4C515BF73953431B9978281658EE5703">
                                                            <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png?h=273&amp;w=372&amp;hash=4C515BF73953431B9978281658EE5703" alt="DDJ-FLX6-W_prm_frontangle_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_frontangle_210630_1820x1336.png' });">
                                                        </picture>
                                                    </div>
                                                </div>                                                <div class="swiper-slide" style="width: 124.154px; margin-right: 8px;">
                                                    <div class="media__thumb">
                                                        <picture class="visual">
                                                            <source media="(min-width: 750px)" data-srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png?h=273&amp;w=372&amp;hash=3244CAEF13E9CA9789B36698E402A4AD">
                                                            <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png?h=273&amp;w=372&amp;hash=3244CAEF13E9CA9789B36698E402A4AD" alt="DDJ-FLX6-W_prm_top_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_top_210630_1820x1336.png' });">
                                                        </picture>
                                                    </div>
                                                </div>                                                <div class="swiper-slide" style="width: 124.154px; margin-right: 8px;">
                                                    <div class="media__thumb">
                                                        <picture class="visual">
                                                            <source media="(min-width: 750px)" data-srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png?h=273&amp;w=372&amp;hash=4DD65B861F994889EC93F12F3D1FD75C">
                                                            <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png?h=273&amp;w=372&amp;hash=4DD65B861F994889EC93F12F3D1FD75C" alt="DDJ-FLX6-W_prm_front_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_front_210630_1820x1336.png' });">
                                                        </picture>
                                                    </div>
                                                </div>                                                <div class="swiper-slide" style="width: 124.154px; margin-right: 8px;">
                                                    <div class="media__thumb">
                                                        <picture class="visual">
                                                            <source media="(min-width: 750px)" data-srcset="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png?h=273&amp;w=372&amp;hash=04D3978E89B59859E8A25C3207136BA7">
                                                            <img class="lazyload" data-src="/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png?h=273&amp;w=372&amp;hash=04D3978E89B59859E8A25C3207136BA7" alt="DDJ-FLX6-W_prm_rear_210630_1820x1336" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Picture', 'dlLabel': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png', 'dlPosition': '', 'dlURL': '/-/media/pioneerdj/images/products/controller/ddj-flx6-w/ddj-flx6-w_prm_rear_210630_1820x1336.png' });">
                                                        </picture>
                                                    </div>
                                                </div>
                                </div>
                                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                            </div>
                        </section>
                    </div>
                    <div class="hero-product__content">
                        <div class="hero-product__back caption">
                            <a href="/en/product/controller/" class="link link--underlined" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Navigate', 'dlElement': 'Back to parent page', 'dlLabel': 'DJ Controller', 'dlPosition': 'top', 'dlURL': '/en/product/controller/' });">
                                <span class="link__label">&lt; DJ Controller</span>
                            </a>
                        </div>
                        <input type="hidden" id="productCurrentItem" value="{8688C6E2-D584-443D-98FC-F05C0CDF1DC2}" />
                        <div class="hero-product__logos">

                        </div>

                        <div class="hero-product__intro">
                            <h3 class="hero-product__heading heading" id="product_name">DDJ-FLX6-W</h3>

                            <div class="hero-product__description">
                                4-channel DJ controller for rekordbox and Serato DJ Pro
                            </div>

                        </div>

                        <div class="hero-product__info">
                            <h3 class="hero-product__subheading heading">Flex Your Boundaries</h3>

                            <div class="hero-product__description p--2">
                                Captivate your audience with the DDJ-FLX6-W. Packing a host of brand-new features, this 4-channel unit makes it easy to hype up the audience, mix tracks from totally different musical genres, and spice up your sets with pro-sounding scratch effects.
                            </div>
                        </div>
                            <div class="hero-product__colors">
                                        <div class="hero-product__color">
                                            <a href="/en/product/controller/ddj-flx6/dark-grey/overview/" class="radio-color" style="background: #484545;" title="Dark Grey" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Filter', 'dlElement': 'Color', 'dlLabel': 'Dark Grey', 'dlPosition': 'Middle', 'dlURL': '/en/product/controller/ddj-flx6/dark-grey/overview/' });"></a>
                                        </div>                                        <div class="hero-product__color">
                                            <a href="/en/product/controller/ddj-flx6/white/overview/" class="radio-color" style="background: #FFFFFF;" title="White" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Filter', 'dlElement': 'Color', 'dlLabel': 'White', 'dlPosition': 'Middle', 'dlURL': '/en/product/controller/ddj-flx6/white/overview/' });"></a>
                                        </div>                            </div>

                            <div class="hero-product__price">
                            </div>


                        <section class="overlay-modal" data-modal="warranty-info">
                            <div class="overlay-modal__overlay">
                                <span class="overlay-modal__bg overlay-modal__trigger--close"></span>
                                <div class="overlay-modal__inner">
                                    <span class="overlay-modal__close overlay-modal__trigger--close">
                                        <span class="icon-cross">
                                            <span class="icon-cross__inner"></span>
                                        </span>
                                    </span>
                                        <div class="overlay-modal__content">
                                            <h3 class="heading heading--4">
                                                <span data-step="1">AlphaTheta Care  NAME</span>
                                            </h3>
                                            <div class="overlay-modal__description">
                                                <div class="form-container__info">
                                                    <h3 class="form-container__info--title">AlphaTheta Care  Plus</h3>
                                                    <p class="form-container__info--text">NAME</p>
                                                    <br>
                                                    <h3 class="form-container__info--title">AlphaTheta Care  Pro</h3>
                                                    <p class="form-container__info--text">NAME</p>
                                                </div>
                                            </div>
                                        </div>
                                </div>
                            </div>
                        </section>

                        <section class="overlay-modal" data-modal="atc-care">
                            <div class="overlay-modal__overlay">
                                <span class="overlay-modal__bg overlay-modal__trigger--close"></span>
                                <div class="overlay-modal__inner">
                                    <span class="overlay-modal__close overlay-modal__trigger--close" onclick="clearText()">
                                        <span class="icon-cross">
                                            <span class="icon-cross__inner"></span>
                                        </span>
                                    </span>
                                    <div class="overlay-modal__content">
                                        <h3 class="heading heading--4">
                                            <span class="form-title" id="formTitle"></span>
                                        </h3>
                                        <br>
                                        <form id="form-atccare" class="form-container" novalidate>
                                            <div class="client">
                                                <div class="client__type">
                                                    <div class="customer-field">
                                                        <input class="custom-radio" name="care" id="private" type="radio" value="private" checked onclick="validateAddtoCartbtn()">
                                                        <label id="private_client" for="private">
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="client__type">
                                                    <div class="customer-field">
                                                        <input class="custom-radio" name="care" id="business" type="radio" value="business" onclick="validateAddtoCartbtn()">
                                                        <label id="business_client" for="business">
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="overlay-modal__form">
                                                <div class="input-field">
                                                    <div class="input-field__inner">
                                                        <input class="input-field__info" type="text" name="firstname" id="name" value="" errorId="name_error_txt" onfocusout="formValidation(this)">
                                                        <span class="input-field__placeholder">NAME</span>
                                                    </div>
                                                    <span id="name_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">Enter valid name</span>
                                                </div>
                                                <br>
                                                <div class="input-field">
                                                    <div class="input-field__inner">
                                                        <input class="input-field__info" type="text" name="surname" id="surname" value="" errorId="surname_error_txt" onfocusout="formValidation(this)">
                                                        <span class="input-field__placeholder">NAME</span>
                                                    </div>
                                                    <span id="surname_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">
* Please enter the "Last Name".</span>
                                                </div>
                                                <br>
                                                <div class="business-field hidden">
                                                    <div class="input-field">
                                                        <div class="input-field__inner">
                                                            <input class="input-field__info" type="text" name="corporate" id="corporate_name" value="" disabled errorId="corporate_name_error_txt" onfocusout="formValidation(this)">
                                                            <span class="input-field__placeholder">Corporate Name</span>
                                                        </div>
                                                        <span id="corporate_name_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">ATCare.FormTexts.Form.CorporatenameErrorMessage</span>
                                                    </div>
                                                    <br>
                                                    <div class="input-field">
                                                        <div class="input-field__inner">
                                                            <input class="input-field__info" type="text" name="club" id="club_name" value="" disabled errorId="club_name_error_txt" onfocusout="formValidation(this)">
                                                            <span class="input-field__placeholder">ClubName</span>
                                                        </div>
                                                        <span id="club_name_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">ATCare.FormTexts.Form.ClubnameErrorMessage</span>
                                                    </div>
                                                    <br>
                                                </div>
                                                <div class="input-field">
                                                    <div class="input-field__inner">
                                                        <input class="input-field__info" type="text" name="email" id="email" value="" errorId="email_error_txt" onfocusout="formValidation(this)">
                                                        <span class="input-field__placeholder">NAME</span>
                                                    </div>
                                                    <span id="email_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">email address error message</span>
                                                    <span id="email-format_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">email address format error message</span>
                                                </div>
                                                <br>
                                                <div class="input-field">
                                                    <div class="input-field__inner">
                                                        <input class="input-field__info" type="text" name="confirm-email" value="" id="confirm-email" errorId="confirm-email_error_txt" onfocusout="formValidation(this)" onpaste="return false;" ondrop="return false;" autocomplete="off">
                                                        <span class="input-field__placeholder">NAME</span>
                                                    </div>
                                                    <span id="confirm-email_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">Enter your confirmation email address - error message</span>
                                                    <span id="confirm-email-match_error_txt" style="margin:.3em 0 0 0; color: #E63F5C;">Email Address Match - error message</span>
                                                </div>
                                                <br>
                                                <div class="overlay-modal__note">
                                                    <div class="checkbox">
                                                        <label class="checkbox__inner">
                                                            <input class="input-field__info" type="checkbox" name="agree" value="agree" id="agree" onclick="validateAddtoCartbtn()">
                                                            <span class="checkbox__spoof">
                                                                <span class="checkbox__icon">
                                                                    <svg class="icon-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12">
                                                                        <path fill="currentColor" d="M5.961 12L0 6.039l2.4-2.4L5.961 7.2 13.084 0l2.4 2.477L5.96 12z" />
                                                                    </svg>
                                                                </span>
                                                            </span>

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




                                                <div class="overlay-modal__action">
                                                    <a href="javascript:void(0)" class="action action--normal action--on-light btn-buy-now" id="btn_buynow" goal-id="{3EF4DC1F-C8B7-414A-A50B-2C3B3C993CF7}" data-sku="" data-variantsku="" data-pwwsku data-pwwvariantsku data-careprodname="DDJ-FLX6-W" data-planselected data-planprice data-modelnumber="DDJ-FLX6-W" data-culturecode="en" onclick="dataLayer.push({'event':'dlDYNAMICCOMPONENTSEvent', 'dlCategory':'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Buy online', 'dlLabel': 'White', 'dlPosition': 'top', 'dlURL': 'javascript:void(0)'});buynow()">
                                                        <span class="action__bg"></span>
                                                        <span class="action__label">Buy Now</span>
                                                    </a>
                                                    <span style="font-size: 0.75rem;" id="annotationMsgOnAddToCart"> Complete the application below + upload receipts</span>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </section>

                        <div class="hero-product__actions actions actions--stack actions--force">
                                <div class="actions__item">
                                    <a id="wheretobuy" href="/en/shops/search/#/{D7A7E2DF-B000-42C8-9533-543B93B3A203}/{34E84F4B-0BD2-4492-A744-E18D9F35820F}" goal-id="{B4414F34-A71F-495A-83F6-CE4A7D041164}" class="action action--normal action--on-light" onclick="dataLayer.push({'event':'dlDYNAMICCOMPONENTSEvent', 'dlCategory':'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Where to Buy', 'dlLabel': 'White', 'dlPosition': 'top', 'dlURL': '/en/shops/search/'});">
                                        <span class="action__bg"></span>
                                        <span class="action__label">Where to buy</span>
                                    </a>
                                </div>



                        </div>
                    </div>
            </div>
        </div>
    </section>
<script>
    //Added - Dealer Locator -  Passing ProductItem ID and its corresponding Product CategoryID to the query string
    // var findastorevalue = jQuery('li.mainNav__item').children().last().attr('href');
    // jQuery('li.mainNav__item').children().last().attr('href', findastorevalue + '#/' + $("#ProductCategoryID").val() + '/' + $("#ProductID").val());

    var validMailId = false;
    var validCaptcha = false;
    function validateEmail($email) {
        var emailReg = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;

        return emailReg.test($email);
    }

    function ClearErrors() {
        $("#MailError").hide();
        $("#CaptchaError").hide();
        $("#MailExists").hide();
    }

    function registerbackorder(event) {
        event.preventDefault();
        ClearErrors();

        var emailIDValue = $('[name=emailaddress]').val();
        if (!validateEmail(emailIDValue)) {
            $("#MailError").show();
            validMailId = false;
        } else { validMailId = true }
        var ContextIDValue = $("#productCurrentItem").val();
        var captcharesponse = grecaptcha.getResponse();
        if (validMailId && (captcharesponse == null || captcharesponse == "")) {
            $("#CaptchaError").show();
            validCaptcha = false;
        } else { validCaptcha = true }
        if (validCaptcha && validMailId) {
            jQuery.ajax({
                type: "POST",
                url: '/api/sitecore/BackOrder/Add',
                data: JSON.stringify({ emailid: emailIDValue, contextItemId: ContextIDValue, CaptchaResponse: captcharesponse }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    if (data.Success) {
                        //document.querySelector('.overlay-modal').setAttribute('data-step', 2); return false;

                        document.querySelectorAll(".overlay-modal").forEach(ele => {
                            if (ele.getAttribute("data-notificationmodal") == "notification-info")
                                ele.setAttribute('data-step', 2);
                        });
                        return false;
                    }
                    else {
                        if (data.FailureCode = "100") {
                            $("#MailExists").show();
                        }
                    }
                },
                //failure: function (response) {
                //    alert(response.responseText);
                //},
                error: function (response) {
                    alert(response.statusText);
                }
            });
        }
    }

    function warrantySelection(data) {

        var pwwsku = data.getAttribute('data-pwwsku');
        var pwwvariantsku = data.getAttribute('data-pwwvariantsku');
        var planSelected = data.getAttribute('data-planselected');
        var planPrice = data.getAttribute('data-planprice');

        var btn_buynow = document.querySelector('#btn_buynow');
        if (btn_buynow != null) {
            btn_buynow.setAttribute('data-pwwsku', pwwsku);
            btn_buynow.setAttribute('data-pwwvariantsku', pwwvariantsku);
            btn_buynow.setAttribute('data-planselected', planSelected);
            btn_buynow.setAttribute('data-planprice', planPrice);
        }
        if (document.getElementById('care-plus') != null && document.getElementById('care-plus').checked) {
            document.getElementById('formTitle').innerHTML = document.getElementById('care-plus').value;
        }
        else if (document.getElementById('care-pro') != null && document.getElementById('care-pro').checked) {
            document.getElementById('formTitle').innerHTML = document.getElementById('care-pro').value;
        }

        ShowHideBuyNowBtn();
    }

    ShowHideBuyNowBtn();

    function ShowHideBuyNowBtn() {

        if (document.getElementById('btn_addtocart') != null)
            document.getElementById('btn_addtocart').style.display = "none";

        if (document.getElementById('btn_addtocartpww') != null)
            document.getElementById('btn_addtocartpww').style.display = "none";

        var element = document.getElementById('care-no');
        if (typeof element !== "undefined" && element !== null) {

            if (document.getElementById('care-no').checked && document.getElementById('btn_addtocartpww') != null) {
                document.getElementById('btn_addtocartpww').style.display = "block";
            }

            else if (((document.getElementById('care-plus') != null && document.getElementById('care-plus').checked)
                || (document.getElementById('care-pro') != null && document.getElementById('care-pro').checked))
                && document.getElementById('btn_addtocart') != null) {
                document.getElementById('btn_addtocart').style.display = "block";
            }
        }
        else if (document.getElementById('btn_addtocartpww') != null) {
            document.getElementById('btn_addtocartpww').style.display = "block";
        }
    }

    function buynow() {

        //get form details
        var surname = jQuery('#surname').val();
        var name = jQuery('#name').val();
        var email = jQuery('#email').val();
        var element = document.getElementById('ProductCategoryName');
        if (typeof element !== "undefined" && element !== null) {
            var productname = jQuery('#ProductCategoryName').val();
        }
        else {
            var productname = document.getElementById('product_name').innerHTML;
        }
        if (document.getElementById('care-plus') != null && document.getElementById('care-plus').checked) {
            var warrantytype = document.getElementById('care-plus').value;
        }
        else if (document.getElementById('care-pro') != null && document.getElementById('care-pro').checked) {
            var warrantytype = document.getElementById('care-pro').value;
        }
        if (document.getElementById('private').checked) {
            var userformtype = document.getElementById('private_client').innerHTML;
        }
        else if (document.getElementById('business').checked) {
            var userformtype = document.getElementById('business_client').innerHTML;
        }
        var corporatename = jQuery('#corporate_name').val();
        var clubname = jQuery('#club_name').val();

        if (window.FormData == undefined)
            alert("Error: FormData is undefined");
        var fileData = new FormData();
        //save formdetails to object
        const object = {
            Surname: surname,
            Name: name,
            Email: email,
            CorporateName: corporatename,
            ClubName: clubname,
            WarrantyType: warrantytype,
            UserFormType: userformtype,
            ProductName: productname,
        };
        //append object details to filedata
        for (var key in object) {
            fileData.append(key, object[key]);
        }

        jQuery.ajax({
            url: '/api/sitecore/Product/SaveUserFormDetails',
            type: 'post',
            datatype: 'json',
            contentType: false,
            processData: false,
            async: false,
            data: fileData,
            success: function (response) {
                console.log("Form Success");
            }
        });
    }

    function clearText() {
        $('input[type=text]').each(function () {
            $(this).val('');
        });
        document.querySelectorAll('div.input-field').forEach(function (ele) {
            ele.classList.remove('has-value');
        });

        hideFormErrorMessage();
    }
    //Page reload for radio reset
    window.addEventListener("pageshow", function (event) {
        var historyTraversal = event.persisted || (typeof window.performance != "undefined" && window.performance.navigation.type === 2);
        if (historyTraversal) {
            window.location.reload();
        }
    });

    //form validation
    hideFormErrorMessage();

    function hideFormErrorMessage() {

        document.getElementById("name_error_txt").style.display = "none";
        document.getElementById("surname_error_txt").style.display = "none";
        document.getElementById("corporate_name_error_txt").style.display = "none";
        document.getElementById("club_name_error_txt").style.display = "none";
        document.getElementById("email_error_txt").style.display = "none";
        document.getElementById("email-format_error_txt").style.display = "none";
        document.getElementById("confirm-email_error_txt").style.display = "none";
        document.getElementById("confirm-email-match_error_txt").style.display = "none";

         var cultureCode = 'en';
        if (cultureCode == "en-us") {
            document.getElementById("streetaddress_error_txt").style.display = "none";
            document.getElementById("city_error_txt").style.display = "none";
            document.getElementById("zipcode_error_txt").style.display = "none";
            document.getElementById("state_error_txt").style.display = "none";
            document.getElementById("phone_error_txt").style.display = "none";
            document.getElementById("phone-format_error_txt").style.display = "none";
        }

        document.getElementById("agree").checked = false;

        document.querySelector("#btn_buynow").setAttribute("disabled", true)

        document.getElementById("annotationMsgOnAddToCart").style.display = "none";
    }

    function formValidation(data) {

        var elementId = data.attributes['id'].value;
        var elementErrorId = data.attributes['errorId'].value;

        switch (elementId) {
            case "name":
            case "surname":
            case "corporate_name":
            case "club_name":
            case "streetaddress":
            case "city":
            case "zipcode":
            case "state":
                document.getElementById(elementErrorId).style.display = "none";
                if (document.getElementById(elementId).value == "")
                    document.getElementById(elementErrorId).style.display = "block";
                break;
            case "phone":
                document.getElementById(elementErrorId).style.display = "none";
                document.getElementById("phone-format_error_txt").style.display = "none";
                var regex = new RegExp(/\+?\d{0,3}[\s\(\-]?([0-9]{2,3})[\s\)\-]?([\s\-]?)([0-9]{3})[\s\-]?([0-9]{2})[\s\-]?([0-9]{2})/g);
                var phoneValue = document.getElementById(elementId).value;
                if (phoneValue == "")
                    document.getElementById(elementErrorId).style.display = "block";
                else if (!regex.test(phoneValue))
                    document.getElementById("phone-format_error_txt").style.display = "block";
                break;
            case "email":
                document.getElementById(elementErrorId).style.display = "none";
                document.getElementById("email-format_error_txt").style.display = "none";
                document.getElementById("confirm-email-match_error_txt").style.display = "none";
                if (document.getElementById(elementId).value == "") {
                    document.getElementById(elementErrorId).style.display = "block";
                }
                else if (!validateEmail(document.getElementById(elementId).value)) {
                    document.getElementById("email-format_error_txt").style.display = "block";
                }
                else if (!validateEmailId(document.getElementById(elementId).value, document.getElementById("confirm-email").value)) {
                    document.getElementById("confirm-email-match_error_txt").style.display = "block";
                }
                break;
            case "confirm-email":
                document.getElementById(elementErrorId).style.display = "none";
                document.getElementById("confirm-email-match_error_txt").style.display = "none";
                if (document.getElementById(elementId).value == "") {
                    document.getElementById(elementErrorId).style.display = "block";
                }
                else if (!validateConfirmEmailId(document.getElementById(elementId).value, document.getElementById("email").value)) {
                    document.getElementById("confirm-email-match_error_txt").style.display = "block";
                }
                break;
        }
        validateAddtoCartbtn();
    }

    function validateEmailId(email1, email2) {

        if (email1 != "" && email2 == "") {
            return true;
        }
        else {
            return validateConfirmEmailId(email1, email2)
        }

        return false;
    }

    function validateConfirmEmailId(email1, email2) {

        if (email1 != "" && email2 != "") {
            if (email1 == email2)
                return true;
        }

        return false;
    }

    function validateAddtoCartbtn() {

        document.querySelector("#btn_buynow").setAttribute("disabled", true)
        document.getElementById("annotationMsgOnAddToCart").style.display = "none";

        if ((document.getElementById("name").value != "" && document.getElementById("name_error_txt").style.display == "none")
            && (document.getElementById("surname").value != "" && document.getElementById("surname_error_txt").style.display == "none")
            && (document.getElementById("email").value != ""
                && document.getElementById("email_error_txt").style.display == "none"
                && document.getElementById("email-format_error_txt").style.display == "none")
            && (document.getElementById("confirm-email").value != ""
                && document.getElementById("confirm-email_error_txt").style.display == "none"
                && document.getElementById("confirm-email-match_error_txt").style.display == "none")
            && document.getElementById("agree").checked == true) {

            var cultureCode = 'en';
            if (cultureCode == "en-us") {

                if ((document.getElementById("streetaddress").value != "" && document.getElementById("streetaddress_error_txt").style.display == "none")
                    && (document.getElementById("city").value != "" && document.getElementById("city_error_txt").style.display == "none")
                    && (document.getElementById("zipcode").value != "" && document.getElementById("zipcode_error_txt").style.display == "none")
                    && (document.getElementById("state").value != "" && document.getElementById("state_error_txt").style.display == "none")
                    && (document.getElementById("phone").value != ""
                        && document.getElementById("phone_error_txt").style.display == "none"
                        && document.getElementById("phone-format_error_txt").style.display == "none")) {
                    setRequiredAttributes();
                }
            }
            else {
                setRequiredAttributes();
            }
        }
    }

    function setRequiredAttributes() {
        if (document.getElementById("business").checked == true) {

            if ((document.getElementById("corporate_name").value != "" && document.getElementById("corporate_name_error_txt").style.display == "none")
                && (document.getElementById("club_name").value != "" && document.getElementById("club_name_error_txt").style.display == "none")) {
                document.querySelector("#btn_buynow").setAttribute("disabled", false)
                document.getElementById("annotationMsgOnAddToCart").style.display = "block";
            }
        }
        else {
            document.querySelector("#btn_buynow").setAttribute("disabled", false)
            document.getElementById("annotationMsgOnAddToCart").style.display = "block";
        }
    }

    disableEmail();
    function disableEmail() {
        var cultureCode = 'en';
        if (cultureCode == "en-us") {
            var email = '';
            var emailElement = document.getElementById("email");
            var confirmEmailElement = document.getElementById("confirm-email");
            if (email != "") {
                emailElement.value = email;
                emailElement.disabled = true;
                confirmEmailElement.value = email;
                confirmEmailElement.disabled = true;
            }
            else {
                emailElement.value = "";
                emailElement.disabled = false;
                confirmEmailElement.value = "";
                confirmEmailElement.disabled = false;
            }
        }
    }

</script>


	<div class="nav-in-page-v2 nav-in-page-v2--top-spacing">
		<div class="nav-in-page-v2">
			<span class="nav-in-page-v2__anchor"></span>
			<div class="nav-in-page-v2__inner">
					<a class="nav-in-page-v2__label">
								<span class="link__label">Overview</span>
						<div class="link__icon">
							<svg class="icon-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
								<path fill="currentColor" d="M11.172 9.82L13 8 9.906 4.99 6.04 1.21c-.281-.28-.703-.28-.914 0l-.914.91c-.281.28-.281.7 0 .91L9.273 8l-5.062 4.97c-.281.28-.281.7 0 .91l.914.91c.281.28.703.28.914 0l5.133-4.97z"></path>
							</svg>


						</div>
					</a>
				<nav class="nav-in-page-v2__nav">
					<ul class="nav-in-page-v2__nav-items">

							<li class="nav-in-page-v2__nav-item active">

								<a href="#" class="nav-in-page-v2__link" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Navigation', 'dlLabel': 'Overview', 'dlPosition': '', 'dlURL': '#' });">
									<span class="link__label">Overview</span>
								</a>
							</li>
							<li class="nav-in-page-v2__nav-item">

								<a href="/en/product/controller/ddj-flx6/white/specifications/" class="nav-in-page-v2__link" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Navigation', 'dlLabel': 'Specifications', 'dlPosition': '', 'dlURL': '/en/product/controller/ddj-flx6/white/specifications/' });">
									<span class="link__label">Specifications</span>
								</a>
							</li>
							<li class="nav-in-page-v2__nav-item">

								<a href="/en/product/controller/ddj-flx6/white/support/" class="nav-in-page-v2__link" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Navigation', 'dlLabel': 'Support', 'dlPosition': '', 'dlURL': '/en/product/controller/ddj-flx6/white/support/' });">
									<span class="link__label">Support</span>
								</a>
							</li>

					</ul>
				</nav>


				<div class="nav-in-page-v2__actions">

						<div class="nav-in-page-v2__actions-inner">
							<a id="wheretobuy" href="/en/shops/search/" goal-id="{B4414F34-A71F-495A-83F6-CE4A7D041164}" class="link link--colored" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Floating where to buy', 'dlLabel': 'White', 'dlPosition': '', 'dlURL': '/en/shops/search/' });">
								<span class="link__label">Where to buy</span>
							</a>
							<a id="wheretobuy" href="/en/shops/search/" goal-id="{B4414F34-A71F-495A-83F6-CE4A7D041164}" class="action action--normal action--on-light" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Floating where to buy', 'dlLabel': 'White', 'dlPosition': '', 'dlURL': '/en/shops/search/' });">
								<span class="action__bg"></span>
								<span class="action__label">Where to buy</span>
							</a>

						</div>

				</div>
			</div>

		</div>
	</div>
	<div class="nav-top-page hidden">
		<div class="nav-top-page__inner">
			<nav class="nav-top-page__nav">
				<ul class="nav-top-page__nav-items">
						<li class="nav-top-page__nav-item active">

							<a href="#" class="nav-top-page__link" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Navigation', 'dlLabel': 'Overview', 'dlPosition': '', 'dlURL': '#' });">
								<span class="link__label">Overview</span>
							</a>
						</li>
						<li class="nav-top-page__nav-item">

							<a href="/en/product/controller/ddj-flx6/white/specifications/" class="nav-top-page__link" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Navigation', 'dlLabel': 'Specifications', 'dlPosition': '', 'dlURL': '/en/product/controller/ddj-flx6/white/specifications/' });">
								<span class="link__label">Specifications</span>
							</a>
						</li>
						<li class="nav-top-page__nav-item">

							<a href="/en/product/controller/ddj-flx6/white/support/" class="nav-top-page__link" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Navigation', 'dlLabel': 'Support', 'dlPosition': '', 'dlURL': '/en/product/controller/ddj-flx6/white/support/' });">
								<span class="link__label">Support</span>
							</a>
						</li>

				</ul>
			</nav>
		</div>
	</div>

<style type="text/css">
	@media screen and (max-width: 768px) {
		.nav-in-page-v2--is-scroll .nav-in-page-v2__nav .nav-in-page-v2__link {
			color: var(--color--neutrals-10);
		}

		.nav-top-page__link {
			color: var(--color--neutrals-10);
		}
	}
</style>
<script type="text/javascript">
	document.addEventListener('DOMContentLoaded', function () {
		const navInPageV2 = document.querySelector('.nav-in-page-v2');
		const navTopPage = document.querySelector('.nav-top-page');
		const heroProduct = document.querySelector('.hero-product');

		if (navInPageV2 && navTopPage) {
			if (heroProduct) {
				navTopPage.parentNode.removeChild(navTopPage);
			} else {
				navInPageV2.parentNode.removeChild(navInPageV2);
				navTopPage.classList.remove('hidden');
			}
		}
	});
</script>





	<div class="spacer spacer--12"></div>


<div class="component content section--9 col-xs-12">
            <div class="component-content" id='Video player'>
<section class="media media--contained"><div class="media__inner"><div class="video-player"><picture class="visual">
                <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/ddj_flx6_video_thumbnail.jpg">
                <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj_flx6_video_thumbnail.jpg">
                <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj_flx6_video_thumbnail.jpg" alt="">
            </picture>

            <a class="video-player__trigger">
                <span class="video-ID">v9jKvd6bWUQ</span>
                <span class="video-url" ></span>
                <span class="icon-play">
                    <span class="icon-play__inner"></span>

                    <span class="icon-play__icon">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                            <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                        </svg>
                    </span>
                </span> </a> </div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Video player");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Video', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






	<div class="spacer spacer--1"></div>


<div class="component content col-xs-12" id="seeallvideos">
            <div class="component-content" id='default-text'>
<section class="col-one"><div class="col-one__inner"><div class="col-one__content field-text"><div class="specs__actions actions actions--start actions--m--end actions--force" style="
    margin-top: 0;
    margin-bottom: 20px;
">

            <!--<div class="actions__item">
                <a href="/en/landing/comparison/dj-mixer/" class="link link--underlined" target="_blank">
                    <span class="link__label">Compare</span>
                </a>
            </div>-->
                <div class="actions__item">
                <a href="#videos" class="action action--normal action--on-light">
                    <span class="action__bg" style="border-color: var(--color--action); background-color: var(--color--action);"></span>
                    <span class="action__label" style="font-size: 15px; font-weight: initial;">See all videos</span>
                </a>
            </div>


</div>

KEY FEATURES</div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("default-text");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






	<div class="spacer spacer--6"></div>


<div class="component content col-two col-xs-12">
            <div class="component-content" id='Content1'>
<section><div class="col-two__inner" style="background-color: ;"><div class="col-two__item section-divide-video">
<div class="component content col-xs-12">
            <div class="component-content" id='Content1'>
<div class="col-two__visual"><div class="video-player"><div class="video-bg">
  <video autoplay loop="" muted="" playsinline="" poster="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-merge-fx-pc.jpg" src="/-/media/PioneerDj/Images/Features/Mixer/DJM-S7/DJM-S7_short_KeyFeatures5C_Desktop_1770x1300.mp4"></video>

  <a class="video-bg__control video-bg__control--right">
    <span class="icon-media">
      <span class="icon-media__inner">
        <span class="icon-media__pause">
          <svg class="icon-media__play" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
            <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
          </svg>
        </span>
      </span>
    </span>
	</a>
</div>
</div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Content1");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




</div><div class="col-two__item"><div class="col-two__content"><h2 class="col-two__heading heading heading--5 field-promotext">All-new Merge FX</h2><div class="col-two__item__description field-promotext2"><p>Add drama to your sets and easily mix different styles of music. No matter what the BPM or key of the next track is, you can create an exciting transition whenever you want. Simply press the knob and turn it as fast or as slowly as you like to start building up the tension in the music.</p></div><div class="gap--s--top-out-2"></div><div class="gap--s--top-out-4"></div></div></div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Content1");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






	<div class="spacer spacer--10"></div>


<div class="component content usp-interactive col-xs-12 usp-interactive--reversed">
            <div class="component-content" id='Overview'>
<div><div class="usp-interactive__in"><div class="usp-interactive__inner"><div class="togglers togglers--accordion">
<div class="component content toggler  active">
            <div class="component-content" id='Toggler1'>
<div><div class="toggler__trigger"><p class="heading heading--7"><strong class="field-promotext">1. Select a Merge FX preset and press the knob</strong></p><div class="toggler__icon"><span class="icon-plus"><span class="icon-plus__inner"></span></span></div></div><div class="toggler__target"><div class="toggler__visual"><div class="toggler__visual__inner"> <picture class="visual">
  <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx1-sp.jpg">
  <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx1-pc.jpg">
  <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx1-pc.jpg" alt="">
</picture></div></div><div class="toggler__content"><p>Choose one of the 4 assigned Merge FX patterns and press the knob to start building the tension. </p><div></div></div></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Toggler1");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content toggler ">
            <div class="component-content" id='Toggler2'>
<div><div class="toggler__trigger"><p class="heading heading--7"><strong class="field-promotext">2. Turn the Merge FX knob</strong></p><div class="toggler__icon"><span class="icon-plus"><span class="icon-plus__inner"></span></span></div></div><div class="toggler__target"><div class="toggler__visual"><div class="toggler__visual__inner"> <picture class="visual">
  <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx2-sp.jpg">
  <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx2-pc.jpg">
  <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx2-pc.jpg" alt="">
</picture></div></div><div class="toggler__content"><p>Increase the influence of the effect by simply turning the knob — depending on the preset pattern you’ve chosen, the combination of different effects and samples is triggered at the same time. </p><div></div></div></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Toggler2");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content toggler ">
            <div class="component-content" id='Toggler3'>
<div><div class="toggler__trigger"><p class="heading heading--7"><strong class="field-promotext">3. Press the knob again to release the effect, then play the next track</strong></p><div class="toggler__icon"><span class="icon-plus"><span class="icon-plus__inner"></span></span></div></div><div class="toggler__target"><div class="toggler__visual"><div class="toggler__visual__inner"> <picture class="visual">
  <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx3-sp.jpg">
  <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx3-pc.jpg">
  <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx3-pc.jpg" alt="">
</picture></div></div><div class="toggler__content"><p>When you&rsquo;re ready to make a drop and move to your next track, simply press the knob again. The effect is released and, when one is assigned in the preset, the sample plays. The track stops automatically so all you need to do is hit play on the other deck to drop your next track. </p><div></div></div></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Toggler3");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content toggler ">
            <div class="component-content" id='Toggler4'>
<div><div class="toggler__trigger"><p class="heading heading--7"><strong class="field-promotext">4. Customize your Merge FX</strong></p><div class="toggler__icon"><span class="icon-plus"><span class="icon-plus__inner"></span></span></div></div><div class="toggler__target"><div class="toggler__visual"><div class="toggler__visual__inner"> <picture class="visual">
  <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx4-sp.jpg">
  <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx4-pc.jpg">
  <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/accordion-merge-fx4-pc.jpg" alt="">
</picture></div></div><div class="toggler__content"><p>In the new Merge FX section in rekordbox (PC/Mac), you can customize each effect type and the samples used in each pattern to create your own variations. Choose from 41 types of effect for each element (Build FX, Build Sample, Release FX, and Drop Sample) and combine them to create more than 9,000 different patterns. </p><div></div></div></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Toggler4");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




</div><div class="usp-interactive__visual"></div></div></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






	<div class="spacer spacer--10"></div>


<div class="component content col-two col-two--reversed">
            <div class="component-content" id='Content2'>
<section><div class="col-two__inner" style="background-color: ;"><div class="col-two__item section-divide-video">
<div class="component content col-xs-12">
            <div class="component-content" id='Content2'>
<div class="col-two__visual"><div class="video-player"><div class="video-bg">
  <video autoplay loop="" muted="" playsinline="" poster="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-jog-cutter-pc.jpg" src="/-/media/PioneerDj/Images/Features/Controller/DDJ-FLX6/DDJ FLX Socials 1082x1000_Video02_pc.mp4"></video>

  <a class="video-bg__control video-bg__control--right">
    <span class="icon-media">
      <span class="icon-media__inner">
        <span class="icon-media__pause">
          <svg class="icon-media__play" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
            <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
          </svg>
        </span>
      </span>
    </span>
	</a>
</div>
</div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Content2");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




</div><div class="col-two__item"><div class="col-two__content"><h2 class="col-two__heading heading heading--5 field-promotext">Jog Cutter: Create pro-sounding scratch effects, one-handed
</h2><div class="col-two__item__description field-promotext2"><p>Turn on Jog Cutter and simply move the jog wheel to apply a professional-sounding scratch effect to the last Hot Cue or playback position you used on that deck. There are 10 different scratch patterns and you can switch from one to another by simply moving the playhead position, shown on the jog wheel’s display, to point toward the angle for the scratch you want to use. </p></div><div class="gap--s--top-out-2">
<div class="component content">
            <div class="component-content" id='Overlay 4 Title and Link'>
<section class="overlay-content"><div class="overlay-content__overlay"><div class="overlay-content__header"><div class="overlay-content__header__inner"><span class="overlay-content__heading field-promotext2">Rebuilt range-leading performance interface</span><a class="overlay-content__close"><span class="icon-cross"><span class="icon-cross__inner"></span></span></a></div></div><div class="overlay-content__inner">
<div class="component content col-two">
            <div class="component-content" id='Overview'>
<section><div class="col-two__inner" style="background-color: ;"><div class="col-two__item section-divide-video">
<div class="component content col-xs-12">
            <div class="component-content" id='Overview'>
<div class="col-two__visual"><div></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




</div><div class="col-two__item"><div class="col-two__content"><div class="gap--s--top-out-2"></div><div class="gap--s--top-out-4"></div></div></div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-two col-two--reversed">
            <div class="component-content" id='Overview'>
<section><div class="col-two__inner" style="background-color: ;"><div class="col-two__item section-divide-video">
<div class="component content col-xs-12">
            <div class="component-content" id='Overview'>
<div class="col-two__visual"><div></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




</div><div class="col-two__item"><div class="col-two__content"><div class="gap--s--top-out-2"></div><div class="gap--s--top-out-4"></div></div></div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-two">
            <div class="component-content" id='Overview'>
<section><div class="col-two__inner" style="background-color: ;"><div class="col-two__item section-divide-video">
<div class="component content col-xs-12">
            <div class="component-content" id='Overview'>
<div class="col-two__visual"><div></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




</div><div class="col-two__item"><div class="col-two__content"><div class="gap--s--top-out-2"></div><div class="gap--s--top-out-4"></div></div></div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




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

</div>

<!-- GRID EVENT TRACKING-->

	<script>
	var y = document.getElementById("Overlay 4 Title and Link");
        y.onclick = function (e) {
	var x = document.querySelector(".is-visible");
        if (x != null)
         {

            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en -  - Open', 'dlPosition': '', 'dlURL': ''});
    		e.stopPropagation();
		}
		else
	    {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en -  - Close', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        }};
	</script>




</div><div class="gap--s--top-out-4"></div></div></div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Content2");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






<div class="component content col-two col-xs-12">
            <div class="component-content" id='Content3'>
<section><div class="col-two__inner" style="background-color: ;"><div class="col-two__item section-divide-video">
<div class="component content col-xs-12">
            <div class="component-content" id='Content3'>
<div class="col-two__visual"><div><picture class="visual" >
  <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-full-size-jog-sp.jpg">
  <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-full-size-jog-pc.jpg">
  <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-full-size-jog-pc.jpg" alt="">
</picture></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Content3");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




</div><div class="col-two__item"><div class="col-two__content"><h2 class="col-two__heading heading heading--5 field-promotext">Full-size jog wheels with track position display</h2><div class="col-two__item__description field-promotext2"><p>Pitch bending and scratching feels natural thanks to the large jog wheels, which are the same size as those on the flagship CDJ-3000 multi player. Each one features On Jog Display too, so you can keep an eye on the playhead position. </p></div><div class="gap--s--top-out-2">
<div class="component content">
            <div class="component-content" id='Overlay 2 Title and Link'>
<section class="overlay-content"><div class="overlay-content__overlay"><div class="overlay-content__header"><div class="overlay-content__header__inner"><span class="overlay-content__heading field-promotext2">Enhanced audio design</span><a class="overlay-content__close"><span class="icon-cross"><span class="icon-cross__inner"></span></span></a></div></div><div class="overlay-content__inner">
<div class="component content col-two col-xs-12">
            <div class="component-content" id='Overview'>
<section><div class="col-two__inner" style="background-color: ;"><div class="col-two__item section-divide-video">
<div class="component content col-xs-12">
            <div class="component-content" id='Overview'>
<div class="col-two__visual"><div></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




</div><div class="col-two__item"><div class="col-two__content"><div class="gap--s--top-out-2"></div><div class="gap--s--top-out-4"></div></div></div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-two col-xs-12 col-two--reversed">
            <div class="component-content" id='Overview'>
<section><div class="col-two__inner" style="background-color: ;"><div class="col-two__item section-divide-video">
<div class="component content col-xs-12">
            <div class="component-content" id='Overview'>
<div class="col-two__visual"><div></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




</div><div class="col-two__item"><div class="col-two__content"><div class="gap--s--top-out-2"></div><div class="gap--s--top-out-4"></div></div></div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




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

</div>

<!-- GRID EVENT TRACKING-->

	<script>
	var y = document.getElementById("Overlay 2 Title and Link");
        y.onclick = function (e) {
	var x = document.querySelector(".is-visible");
        if (x != null)
         {

            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en -  - Open', 'dlPosition': '', 'dlURL': ''});
    		e.stopPropagation();
		}
		else
	    {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en -  - Close', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        }};
	</script>




</div><div class="gap--s--top-out-4"></div></div></div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Content3");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






<div class="component content col-two col-xs-12 col-two--reversed">
            <div class="component-content" id='Content4'>
<section><div class="col-two__inner" style="background-color: ;"><div class="col-two__item section-divide-video">
<div class="component content col-xs-12">
            <div class="component-content" id='Content4'>
<div class="col-two__visual"><div class="video-player"><div class="video-bg">
  <video autoplay loop="" muted="" playsinline="" poster="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-sample-scratch-pc.jpg" src="/-/media/PioneerDj/Images/Features/Controller/DDJ-FLX6/DDJ FLX Socials 1082x1000_Video03_pc.mp4"></video>

  <a class="video-bg__control video-bg__control--right">
    <span class="icon-media">
      <span class="icon-media__inner">
        <span class="icon-media__pause">
          <svg class="icon-media__play" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
            <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
          </svg>
        </span>
      </span>
    </span>
	</a>
</div>
</div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Content4");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




</div><div class="col-two__item"><div class="col-two__content"><h2 class="col-two__heading heading heading--5 field-promotext">Sample Scratch: Get creative with your favorite sounds</h2><div class="col-two__item__description field-promotext2"><p>Sample Scratch is a brand-new pad mode in rekordbox which enables you to choose sounds you’ve assigned to the sampler and load them onto the decks. So, when you want to create a live remix of a track, or simply add some texture to the music, you can scratch with your favorite sounds.  </p></div><div class="gap--s--top-out-2"></div><div class="gap--s--top-out-4"></div></div></div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Content4");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






<div class="component content col-two col-xs-12">
            <div class="component-content" id='Content5'>
<section><div class="col-two__inner" style="background-color: ;"><div class="col-two__item section-divide-video">
<div class="component content col-xs-12">
            <div class="component-content" id='Content5'>
<div class="col-two__visual"><div><picture class="visual" >
  <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-plug-and-play-sp.jpg">
  <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-plug-and-play-pc.jpg">
  <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/key-feature-plug-and-play-pc.jpg" alt="">
</picture></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Content5");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




</div><div class="col-two__item"><div class="col-two__content"><h2 class="col-two__heading heading heading--5 field-promotext"><span id="docs-internal-guid-56d6a073-7fff-1fc1-e5b1-3a7f95c37594" style="color: #000000;">Plug and play compatibility with rekordbox and Serato DJ Pro</span></h2><div class="col-two__item__description field-promotext2"><p>With a built-in sound card and support for DJ Performance functions in rekordbox (equivalent to the Core plan) and Serato DJ Pro, all you need to do is connect the DDJ-FLX6 via USB cable to a laptop that’s running either software application and you can start DJing. You don’t need a paid subscription plan for either.
</p></div><div class="gap--s--top-out-2"></div><div class="gap--s--top-out-4"></div></div></div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Content5");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






<div class="component content col-two col-two--reversed">
            <div class="component-content" id='Copy of Content6'>
<section><div class="col-two__inner" style="background-color: ;"><div class="col-two__item section-divide-video">
<div class="component content col-xs-12">
            <div class="component-content" id='Copy of Content6'>
<div class="col-two__visual"><div><picture class="visual" >
  <source media="(max-width: 749px)" srcset=" /-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w-life-style.jpg">
  <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w-life-style.jpg">
  <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w-life-style.jpg" alt="">
</picture></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Copy of Content6");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




</div><div class="col-two__item"><div class="col-two__content"><h2 class="col-two__heading heading heading--5 field-promotext">Limited-edition striking white finish</h2><div class="col-two__item__description field-promotext2"><p>Bring a contemporary, fresh look to any event, livestream, or home setup you’re playing with this distinctive white controller. The DDJ-FLX6-W is sure to catch the eye of your audience with its unmistakable white body, which accentuates the black jog wheels, knobs, and faders. </p></div><div class="gap--s--top-out-2"></div><div class="gap--s--top-out-4"></div></div></div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Copy of Content6");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






	<div class="spacer spacer--12"></div>


<div class="component content col-xs-12">
            <div class="component-content" id='default-text'>
<section class="col-one"><div class="col-one__inner"><div class="col-one__content field-text">OTHER FEATURES</div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("default-text");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






	<div class="spacer spacer--1"></div>


<div class="component content">
            <div class="component-content" id='Overview'>
<div class="usp-small usp-small--col-two"><div class="usp-small__inner"><div class="usp-small__items">
<div class="component content usp-small__item">
            <div class="component-content" id='Feature1'>
<div class="usp-snippet usp-snippet--C"><div class="usp-snippet__visual"><picture class="visual">
                            <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-4channel-mixers.jpg">
                            <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-4channel-mixers.jpg">
                            <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-4channel-mixers.jpg" alt="">
                        </picture></div><div class="usp-snippet__content"><h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>4-channel mixer</strong></h4><p class="usp-snippet__text p--2 field-promotext2">The mixer section has 4 channels, so you can freely create mashups or scratch on the fly.</p></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Feature1");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content usp-small__item">
            <div class="component-content" id='Feature2'>
<div class="usp-snippet usp-snippet--C"><div class="usp-snippet__visual"><picture class="visual">
                            <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-usb-bus-powered.jpg">
                            <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-usb-bus-powered.jpg">
                            <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-usb-bus-powered.jpg" alt="">
                        </picture></div><div class="usp-snippet__content"><h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>USB bus powered</strong></h4><p class="usp-snippet__text p--2 field-promotext2">Simply connect the controller to your computer using the included USB cable.</p></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Feature2");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content usp-small__item">
            <div class="component-content" id='Feature3'>
<div class="usp-snippet usp-snippet--C"><div class="usp-snippet__visual"><picture class="visual">
                            <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-built-in-sound-card.jpg">
                            <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-built-in-sound-card.jpg">
                            <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-built-in-sound-card.jpg" alt="">
                        </picture></div><div class="usp-snippet__content"><h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>Built-in sound card (audio interface)</strong></h4><p class="usp-snippet__text p--2 field-promotext2">Thanks to a built-in sound card, the DDJ-FLX6 connects straight to your speakers or amplifier via a single RCA cable. Plus you can record to rekordbox using the same USB connection.</p></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Feature3");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content usp-small__item">
            <div class="component-content" id='Feature4'>
<div class="usp-snippet usp-snippet--C"><div class="usp-snippet__visual"><picture class="visual">
                            <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/performance-pads.jpg">
                            <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/performance-pads.jpg">
                            <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/performance-pads.jpg" alt="">
                        </picture></div><div class="usp-snippet__content"><h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>Performance Pads</strong></h4><p class="usp-snippet__text p--2 field-promotext2">Hit the 8 back-lit rubber Performance Pads to trigger Hot Cues, Pad FX, Beat Jump, and the sampler.</p></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Feature4");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content usp-small__item">
            <div class="component-content" id='Feature5'>
<div class="usp-snippet usp-snippet--C"><div class="usp-snippet__visual"><picture class="visual">
                            <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-class-compliant.jpg">
                            <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-class-compliant.jpg">
                            <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-class-compliant.jpg" alt="">
                        </picture></div><div class="usp-snippet__content"><h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>Class compliant</strong></h4><p class="usp-snippet__text p--2 field-promotext2">Plug your DDJ-FLX6 into your PC/Mac and start DJing – there’s no need to install an audio driver.</p></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Feature5");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content usp-small__item">
            <div class="component-content" id='Feature6'>
<div class="usp-snippet usp-snippet--C"><div class="usp-snippet__visual"><picture class="visual">
                            <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/software/serato/serato-pnt-dj-icon.jpg">
                            <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/software/serato/serato-pnt-dj-icon.jpg">
                            <img class="lazyload" data-src="/-/media/pioneerdj/images/features/software/serato/serato-pnt-dj-icon.jpg" alt="">
                        </picture></div><div class="usp-snippet__content"><h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>Pitch ‘n Time DJ</strong></h4><p class="usp-snippet__text p--2 field-promotext2">The Serato Pitch ‘n Time DJ Expansion Pack is included.</p></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Feature6");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content usp-small__item">
            <div class="component-content" id='Feature7'>
<div class="usp-snippet usp-snippet--C"><div class="usp-snippet__visual"><picture class="visual">
                            <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-fx-pack.jpg">
                            <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-fx-pack.jpg">
                            <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6/small-feature-fx-pack.jpg" alt="">
                        </picture></div><div class="usp-snippet__content"><h4 class="usp-snippet__title heading heading--7 field-promotext"><strong>FX Pack</strong></h4><p class="usp-snippet__text p--2 field-promotext2">The Serato FX Pack is included. Get creative with Single FX mode or Multi-FX mode for in-depth control.</p></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Feature7");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




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

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






	<div class="spacer spacer--15"></div>


<div class="component content section--9 col-xs-12">
            <div class="component-content" id='Common 2'>
<section class="hotspots"><div class="hotspots__inner"><div class="hotspots__content"><div><picture class="hotspots__visual" >
      <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj-flx6_hotspot_top_pc.png">
      <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w_hotspot_prm_top_210630.png">
      <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w_hotspot_prm_top_210630.png" alt="">
    </picture> </div><div class="hotspots__spots">
<div class="component content col-xs-12">
            <div class="component-content" id='hotspot1'>
<div><a class="hotspot" style="top: 6%;left: 12%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">Loop section</span>
      <span class="hotspot__description caption">Sets the In / Out point of the loop on the fly.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot1");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-xs-12">
            <div class="component-content" id='hotspot2'>
<div><a class="hotspot" style="top: 6%;left: 28%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">Call Cue/ Loop section</span>
      <span class="hotspot__description caption">Calls the cues and loops already set for the track.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot2");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-xs-12">
            <div class="component-content" id='hotspot3'>
<div><a class="hotspot" style="top: 6%;left: 46%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">MERGE FX select button</span>
      <span class="hotspot__description caption">Changes the Merge FX type, cycling through types in the following order: MERGE FX 1,2,3 or 4.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot3");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-xs-12">
            <div class="component-content" id='hotspot4'>
<div><a class="hotspot" style="top: 18%;left: 49%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">MERGE FX knob</span>
      <span class="hotspot__description caption">Press: Turns the selected MERGE FX on/off. Turn: The effect of the selected Merge FX changes.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot4");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-xs-12">
            <div class="component-content" id='hotspot5'>
<div><a class="hotspot" style="top: 58%;left: 47%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">BEAT SYNC button</span>
      <span class="hotspot__description caption">Automatically synchronizes the tempo (BPM) and beatgrid with the deck set as the master.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot5");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-xs-12">
            <div class="component-content" id='hotspot6'>
<div><a class="hotspot" style="top: 58%;left: 52%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">MASTER button</span>
      <span class="hotspot__description caption">Sets the relevant deck as the master.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot6");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-xs-12">
            <div class="component-content" id='hotspot7'>
<div><a class="hotspot" style="top: 85%;left: 30%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">Performance Pads</span>
      <span class="hotspot__description caption">Call up and control the Hot Cues, Pad FX, Beat Jump, and sampler.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot7");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-xs-12">
            <div class="component-content" id='hotspot8'>
<div><a class="hotspot" style="top: 25%;left: 5%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">DECK SELECT button</span>
      <span class="hotspot__description caption">Switches the deck to be used.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot8");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-xs-12">
            <div class="component-content" id='hotspot9'>
<div><a class="hotspot" style="top: 19%;left: 18%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">JOG CUTTER button</span>
      <span class="hotspot__description caption">Turns Jog Cutter mode on/off.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot9");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-xs-12">
            <div class="component-content" id='hotspot10'>
<div><a class="hotspot" style="top: 7%;left: 69%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">Browser section</span>
      <span class="hotspot__description caption">Browses / loads the tracks within the tree view to the deck.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot10");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content">
            <div class="component-content" id='hotspot11'>
<div><a class="hotspot" style="top: 60%;left: 5%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">SHIFT button</span>
      <span class="hotspot__description caption">Press another button while holding the [SHIFT] button to use a different feature assigned to the button.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot11");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content">
            <div class="component-content" id='hotspot12'>
<div><a class="hotspot" style="top: 81%;left: 87%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">Beat FX section</span>
      <span class="hotspot__description caption">Turn on / off BEAT FX and change the effect, applied channel, depth, and the length of the beat to be synced.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot12");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content">
            <div class="component-content" id='hotspot13'>
<div><a class="hotspot" style="top: 7%;left: 80%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">DECK4/SAMPLER selector switch</span>
      <span class="hotspot__description caption">Selects whether channel 4 plays the sampler sound or the sound from deck 4.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot13");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




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

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Common 2");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






	<div class="spacer spacer--3"></div>


<div class="component content section--9 col-xs-12">
            <div class="component-content" id='Common'>
<section class="hotspots"><div class="hotspots__inner"><div class="hotspots__content"><div><picture class="hotspots__visual" >
      <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj-flx6_hotspot_front_pc3.png">
      <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w_hotspot_prm_front_210630.png">
      <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w_hotspot_prm_front_210630.png" alt="">
    </picture> </div><div class="hotspots__spots">
<div class="component content col-xs-12">
            <div class="component-content" id='hotspot-front1'>
<div><a class="hotspot" style="top: 65%;left: 35%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">PHONES output terminals</span>
      <span class="hotspot__description caption">Connections for your headphones. Stereo phone plugs (1/4") and stereo mini phone plugs (ø 3.5 mm) can be used with the unit.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot-front1");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-xs-12">
            <div class="component-content" id='hotspot-front2'>
<div><a class="hotspot" style="top: 65%;left: 48%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">HEADPHONES LEVEL knob</span>
      <span class="hotspot__description caption">Adjusts the level of the headphones sound.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot-front2");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content">
            <div class="component-content" id='hotspot-front3'>
<div><a class="hotspot" style="top: 65%;left: 56%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">HEADPHONES MIX knob</span>
      <span class="hotspot__description caption">Adjusts the monitor volume balance between sounds from the master channel and the channels which have the headphone [CUE] button pressed.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot-front3");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content">
            <div class="component-content" id='hotspot-front4'>
<div><a class="hotspot" style="top: 65%;left: 64%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">MIC LEVEL knob</span>
      <span class="hotspot__description caption">Adjusts the level of sound input to the [MIC] input terminal.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot-front4");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




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

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Common");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






	<div class="spacer spacer--3"></div>


<div class="component content section--9 col-xs-12">
            <div class="component-content" id='Common 2b'>
<section class="hotspots"><div class="hotspots__inner"><div class="hotspots__content"><div><picture class="hotspots__visual" >
      <source media="(max-width: 749px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj-flx6_hotspot_rear_pc2.png">
      <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w_hotspot_prm_rear_210630.png">
      <img class="lazyload" data-src="/-/media/pioneerdj/images/features/controller/ddj-flx6-w/ddj-flx6-w_hotspot_prm_rear_210630.png" alt="">
    </picture> </div><div class="hotspots__spots">
<div class="component content col-xs-12">
            <div class="component-content" id='hotspot-rear3'>
<div><a class="hotspot" style="top: 66%;left: 53%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">MIC ATT. (Attenuator) knob</span>
      <span class="hotspot__description caption">Adjusts the volume of input sound from the [MIC] input terminal.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot-rear3");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-xs-12">
            <div class="component-content" id='hotspot-rear2'>
<div><a class="hotspot" style="top: 66%;left: 34%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">BOOTH output terminals (RCA pin jack type)</span>
      <span class="hotspot__description caption">Connection for a powered speaker, a power amplifier, etc. Compatible with RCA pin-jack type unbalanced outputs.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot-rear2");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content col-xs-12">
            <div class="component-content" id='hotspot-rear1'>
<div><a class="hotspot" style="top: 66%;left: 24%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">MASTER output terminals (RCA pin jack type)</span>
      <span class="hotspot__description caption">Connection for a powered speaker, a power amplifier, etc. Compatible with RCA pin-jack type unbalanced outputs.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot-rear1");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content">
            <div class="component-content" id='hotspot-rear4'>
<div><a class="hotspot" style="top: 66%;left: 60%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">MIC input terminal (1/4" TRS Jack)</span>
      <span class="hotspot__description caption">Connection for a microphone. Phone plug (1/4") can be used.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot-rear4");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content">
            <div class="component-content" id='hotspot-rear5'>
<div><a class="hotspot" style="top: 66%;left: 68%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">USB port</span>
      <span class="hotspot__description caption">Connection for a PC/Mac. A USB hub can't be used.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot-rear5");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content">
            <div class="component-content" id='hotspot-rear6'>
<div><a class="hotspot" style="top: 66%;left: 78%;" aria-expanded="false">
  <span class="hotspot__trigger">
    <span class="hotspot__trigger__inner">
      <span class="hotspot__symbol">
        <span class="icon-plus">
          <span class="icon-plus__inner"></span>
        </span>      </span>
    </span>
  </span>

  <span class="hotspot__bubble">
        <span class="hotspot__content">
      <span class="hotspot__close">
        <span class="icon-cross">
          <span class="icon-cross__inner"></span>
        </span>      </span>
      <span class="hotspot__title p--2">Kensington security slot</span>
      <span class="hotspot__description caption">Connection for a cable lock for security.</span>
    </span>
  </span>
</a></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("hotspot-rear6");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>




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

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Common 2b");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






	<div class="spacer spacer--12"></div>


<div class="component content col-xs-12" id="TutorialVideos">
            <div class="component-content" id='default-text'>
<section class="col-one"><div class="col-one__inner"><div class="col-one__content field-text"><div class="spacer spacer--1">&nbsp;</div>
<div class="section-header section-header--centered" id="videos">
<h2 class="section-header__heading heading heading--4" style="font-size: var(--h--4); font-weight: bold;">RELATED VIDEOS</h2>
<div class="spacer spacer--2">&nbsp;</div>
<!--<div class="section-header__description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, delectus?</div>-->
</div>
<div class="spacer spacer--1">&nbsp;</div>
<section class="media media--grid media--grid-b">
<div class="media__in">
<div class="media__inner">
<div class="media__content">

<div id="video-section" class="media__item in-view">
<article class="snippet-c">
<div class="snippet-c__visual">
<div class="snippet-c__image">
<div class="video-player">
<picture class="visual">
<img alt="" data-sizes="auto" data-src="https://img.youtube.com/vi/y_bE7Shmuz8/maxresdefault.jpg" class="lazyautosizes lazyloaded" sizes="568px" src="https://img.youtube.com/vi/y_bE7Shmuz8/maxresdefault.jpg" />
</picture>
<span class="video-player__trigger">
<span class="video-ID">y_bE7Shmuz8</span>
<span class="icon-play">
<span class="icon-play__inner"></span>
<span class="icon-play__icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 7.6 14">
<path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
</svg>
</span>
</span>  </span>
</div>
</div>
</div>
<div class="snippet-c__content">
<span class="snippet-c__label">Tutorial series</span>
<h4 class="snippet-c__heading heading" style="text-align: left;">
Merge FX techniques
</h4>
<div class="snippet-c__description" style="text-align: left;">
You can create unique sounds, builds, and fills when you combine Merge FX with Beat FX on the DDJ-FLX6. Find even more dynamic ways to transition between tracks by using a custom loop as a build sample.
</div>
</div>
</article>
</div>

<div id="video-section" class="media__item in-view">
<article class="snippet-c">
<div class="snippet-c__visual">
<div class="snippet-c__image">
<div class="video-player">
<picture class="visual">
<img alt="" data-sizes="auto" data-src="https://img.youtube.com/vi/5IZ-pHr51yA/maxresdefault.jpg" class="lazyautosizes lazyloaded" sizes="568px" src="https://img.youtube.com/vi/5IZ-pHr51yA/maxresdefault.jpg" />
</picture>
<span class="video-player__trigger">
<span class="video-ID">5IZ-pHr51yA</span>
<span class="icon-play">
<span class="icon-play__inner"></span>
<span class="icon-play__icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 7.6 14">
<path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
</svg>
</span>
</span>  </span>
</div>
</div>
</div>
<div class="snippet-c__content">
<span class="snippet-c__label">Tutorial series</span>
<h4 class="snippet-c__heading heading" style="text-align: left;">
Merge FX
</h4>
<div class="snippet-c__description" style="text-align: left;">
Add drama to your sets and easily mix different styles of music with this brand-new feature. No matter what the BPM or key of the next track is, you can create an exciting transition whenever you want.
</div>
</div>
</article>
</div>

<div id="video-section" class="media__item in-view">
<article class="snippet-c">
<div class="snippet-c__visual">
<div class="snippet-c__image">
<div class="video-player">
<picture class="visual">
<img alt="" data-sizes="auto" data-src="https://img.youtube.com/vi/z7BiF0z_sEU/maxresdefault.jpg" class="lazyautosizes lazyloaded" sizes="568px" src="https://img.youtube.com/vi/z7BiF0z_sEU/maxresdefault.jpg" />
</picture>
<span class="video-player__trigger">
<span class="video-ID">z7BiF0z_sEU</span>
<span class="icon-play">
<span class="icon-play__inner"></span>
<span class="icon-play__icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 7.6 14">
<path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
</svg>
</span>
</span>  </span>
</div>
</div>
</div>
<div class="snippet-c__content">
<span class="snippet-c__label">Tutorial series</span>
<h4 class="snippet-c__heading heading" style="text-align: left;">
Jog Cutter
</h4>
<div class="snippet-c__description" style="text-align: left;">
Turn on Jog Cutter and, when you move the jog wheel backward and forward between the 6 sections shown on the jog wheel, a professional scratch effect will be applied to the last Hot Cue or playback position you used.
</div>
</div>
</article>
</div>

<div id="video-section" class="media__item in-view">
<article class="snippet-c">
<div class="snippet-c__visual">
<div class="snippet-c__image">
<div class="video-player">
<picture class="visual">
<img alt="" data-sizes="auto" data-src="https://img.youtube.com/vi/uTi5XykTKJQ/maxresdefault.jpg" class="lazyautosizes lazyloaded" sizes="568px" src="https://img.youtube.com/vi/uTi5XykTKJQ/maxresdefault.jpg" />
</picture>
<span class="video-player__trigger">
<span class="video-ID">uTi5XykTKJQ</span>
<span class="icon-play">
<span class="icon-play__inner"></span>
<span class="icon-play__icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 7.6 14">
<path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z"></path>
</svg>
</span>
</span>  </span>
</div>
</div>
</div>
<div class="snippet-c__content">
<span class="snippet-c__label">Tutorial series</span>
<h4 class="snippet-c__heading heading" style="text-align: left;">
Sample Scratch
</h4>
<div class="snippet-c__description" style="text-align: left;">
Sample Scratch is a brand-new pad mode in rekordbox which enables you to choose sounds or even full tracks you’ve assigned to the sampler and load them onto the decks.
</div>
</div>
</article>
</div>


</div>
</div>

<!--<div class="media__actions actions actions--end actions--force">
<div class="actions__item">
<a href="/en/product/controller/ddj-flx6/dark-grey/videos/" class="action action--normal action--on-light">
<span class="action__label" style="font-weight: initial;">すべてのビデオを見る</span>
<span class="action__bg"></span>
</a>
</div>
</div>-->

</div>
</section>

<div class="spacer spacer--8"></div>

<h2 class="section-header__heading heading heading--4" style="font-size: var(--h--4); font-weight: bold; text-align: center;">SPECIFICATIONS</h2></div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("default-text");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






	<div class="spacer spacer--0"></div>


<div class="component content spec-scroll">
            <div class="component-content" id='Overview'>
<div class="specs"><div class="specs__inner"><div class="specs__table"><div class="table">
<div class="component content">
            <div class="component-content" id='Row1'>
<div class="table__row"><div class="table__cell"><strong class="field-promotext">Width</strong></div><div class="table__cell field-promotext2"><p>676 mm</p></div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Row1");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content">
            <div class="component-content" id='Row2'>
<div class="table__row"><div class="table__cell"><strong class="field-promotext">Height</strong></div><div class="table__cell field-promotext2">68.7 mm</div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Row2");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content">
            <div class="component-content" id='Row3'>
<div class="table__row"><div class="table__cell"><strong class="field-promotext">Depth</strong></div><div class="table__cell field-promotext2">345.7 mm</div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Row3");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content">
            <div class="component-content" id='Row4'>
<div class="table__row"><div class="table__cell"><strong class="field-promotext">Weight</strong></div><div class="table__cell field-promotext2">3.8 kg</div></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Row4");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





<div class="component content">
            <div class="component-content" id='Overview'>
                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>








<div class="specs__actions actions actions--start actions--m--end actions--force">

            <div class="actions__item">
                <a href="/en/landing/comparison/dj-controller/" class="link link--underlined">
                    <span class="link__label">Compare</span>
                </a>
            </div>
                <div class="actions__item">
                <a href="/en/product/controller/ddj-flx6/white/specifications/" class="action action--normal action--on-light" onclick="dataLayer.push({'event':'dlDYNAMICCOMPONENTSEvent', 'dlCategory':'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'See all specs', 'dlLabel': '', 'dlPosition': '', 'dlURL': '/en/product/controller/ddj-flx6/white/specifications/'});">
                    <span class="action__bg"></span>
                    <span class="action__label">See all specs</span>
                </a>
            </div>


</div>


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

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("Overview");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





	<div class="spacer spacer--12"></div>





<section class="media media--grid">
    <div class="media__in">
        <div class="media__inner">
            <div class="media__content">



            </div>
        </div>

        <div class="media__loadmore">
            <a href="/api/sitecore/Product/GenerateJson?ItemId=adcc6bfa-6e04-4449-827a-908453da65e6&page=" class="loadmore" onclick="dataLayer.push({'event':'dlDYNAMICCOMPONENTSEvent', 'dlCategory':'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Load more', 'dlLabel': 'Images', 'dlPosition': '', 'dlURL': ''});">
                <span class="loadmore__icon">
                    <span class="icon-plus">
                        <span class="icon-plus__inner"></span>
                    </span>
                </span>
                <span class="loadmore__label p--1">load more media</span>
            </a>
        </div>
    </div>
</section>

	<div class="spacer spacer--20"></div>


        <div class="combine-with combine-with--tabs">
            <div class="combine-with__in">
                <div class="combine-with__header">
                    <div class="combine-with__labels swiper-container">
                        <div class="swiper-wrapper">

                                <div class="combine-with__label swiper-slide">RELATED PRODUCTS</div>

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

                <div class="combine-with__main swiper-container">
                    <div class="swiper-wrapper">


                            <div class="combine-with__item swiper-slide">
                                    <div class="combine-with__visual">
                                        <picture class="visual">
                                            <source media="(max-width: 749px)" srcset="">
                                            <source media="(min-width: 750px)" srcset="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj-flx6_combine_with_pc2.png">
                                            <img class ="lazyload" src="/-/media/pioneerdj/images/features/controller/ddj-flx6/ddj-flx6_combine_with_pc2.png" alt="">
                                        </picture>
                                    </div>


                                <div class="combine-with__carousel">
                                    <section class="carousel swiper-container">
                                        <div class="swiper-wrapper">
                                            <!--carousel-->

                                                    <div class="carousel__slide swiper-slide">
                                                        <article class="product-snippet">
                                                            <a href="/en/product/software/rekordbox/software/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': 'rekordbox', 'dlPosition': '', 'dlURL': '/en/product/software/rekordbox/software/overview/' });">
                                                                <div class="product-snippet__image">
                                                                    <picture class="visual">
                                                                        <img class ="lazyload" src="/-/media/pioneerdj/images/products/software/rekordbox-6/rekordbox-6-main.png?h=250&amp;w=400&amp;hash=4356A6EB83C55523752DC93D3010AD09" alt="">
                                                                    </picture>
                                                                </div>
                                                            </a>

                                                            <div class="product-snippet__content">
                                                                <h4 class="product-snippet__heading heading">
                                                                    <a href="/en/product/software/rekordbox/software/overview/" class="link link--default">
                                                                        <span class="link__label">rekordbox</span>
                                                                    </a>
                                                                </h4>

                                                                <span class="product-snippet__price">

                                                                </span>

                                                                <div class="product-snippet__description">
                                                                    DJ application
                                                                </div>
                                                            </div>
                                                            <!--Buynow-->


                                                        </article>
                                                    </div>
                                                    <div class="carousel__slide swiper-slide">
                                                        <article class="product-snippet">
                                                            <a href="/en/product/monitor-speakers/s-dj50x/black/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': 'S-DJ50X', 'dlPosition': '', 'dlURL': '/en/product/monitor-speakers/s-dj50x/black/overview/' });">
                                                                <div class="product-snippet__image">
                                                                    <picture class="visual">
                                                                        <img class ="lazyload" src="/-/media/pioneerdj/images/products/monitor-speakers/s-dj50x/black/s-dj50x-main.png?h=250&amp;w=400&amp;hash=167BC4886B751CAA00E6B6DC07400037" alt="">
                                                                    </picture>
                                                                </div>
                                                            </a>

                                                            <div class="product-snippet__content">
                                                                <h4 class="product-snippet__heading heading">
                                                                    <a href="/en/product/monitor-speakers/s-dj50x/black/overview/" class="link link--default">
                                                                        <span class="link__label">S-DJ50X</span>
                                                                    </a>
                                                                </h4>

                                                                <span class="product-snippet__price">

                                                                </span>

                                                                <div class="product-snippet__description">
                                                                    5” active monitor speaker
                                                                </div>
                                                            </div>
                                                            <!--Buynow-->


                                                        </article>
                                                    </div>
                                                    <div class="carousel__slide swiper-slide">
                                                        <article class="product-snippet">
                                                            <a href="/en/product/monitor-speakers/dm-40bt/black/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': 'DM-40BT', 'dlPosition': '', 'dlURL': '/en/product/monitor-speakers/dm-40bt/black/overview/' });">
                                                                <div class="product-snippet__image">
                                                                    <picture class="visual">
                                                                        <img class ="lazyload" src="/-/media/pioneerdj/images/products/monitor-speakers/dm-40bt/dm-40bt-k-front-bt-2.png?h=250&amp;w=400&amp;hash=2103ACC6E9A1FE6BAA9D919BA65C4CCB" alt="">
                                                                    </picture>
                                                                </div>
                                                            </a>

                                                            <div class="product-snippet__content">
                                                                <h4 class="product-snippet__heading heading">
                                                                    <a href="/en/product/monitor-speakers/dm-40bt/black/overview/" class="link link--default">
                                                                        <span class="link__label">DM-40BT</span>
                                                                    </a>
                                                                </h4>

                                                                <span class="product-snippet__price">

                                                                </span>

                                                                <div class="product-snippet__description">
                                                                    4” desktop monitor system with Bluetooth&#174; functionality
                                                                </div>
                                                            </div>
                                                            <!--Buynow-->


                                                        </article>
                                                    </div>
                                                    <div class="carousel__slide swiper-slide">
                                                        <article class="product-snippet">
                                                            <a href="/en/product/headphones/hdj-cue1bt/black/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': 'HDJ-CUE1BT', 'dlPosition': '', 'dlURL': '/en/product/headphones/hdj-cue1bt/black/overview/' });">
                                                                <div class="product-snippet__image">
                                                                    <picture class="visual">
                                                                        <img class ="lazyload" src="/-/media/pioneerdj/images/products/headphones/hdj-cue1/hdj-cue1bt-k-hero.png?h=250&amp;w=400&amp;hash=DFDD2D461C3C46A638D2A8193BD093E3" alt="">
                                                                    </picture>
                                                                </div>
                                                            </a>

                                                            <div class="product-snippet__content">
                                                                <h4 class="product-snippet__heading heading">
                                                                    <a href="/en/product/headphones/hdj-cue1bt/black/overview/" class="link link--default">
                                                                        <span class="link__label">HDJ-CUE1BT</span>
                                                                    </a>
                                                                </h4>

                                                                <span class="product-snippet__price">

                                                                </span>

                                                                <div class="product-snippet__description">
                                                                    DJ headphones with Bluetooth&#174; functionality
                                                                </div>
                                                            </div>
                                                            <!--Buynow-->


                                                        </article>
                                                    </div>
                                                    <div class="carousel__slide swiper-slide">
                                                        <article class="product-snippet">
                                                            <a href="/en/product/headphones/hdj-x5bt/black/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': 'HDJ-X5BT', 'dlPosition': '', 'dlURL': '/en/product/headphones/hdj-x5bt/black/overview/' });">
                                                                <div class="product-snippet__image">
                                                                    <picture class="visual">
                                                                        <img class ="lazyload" src="/-/media/pioneerdj/images/products/headphones/hdj-x5bt/black/hdj-x5bt-k-main-bt-2.png?h=250&amp;w=400&amp;hash=4B014D88501D36045A010A4543AD07D9" alt="">
                                                                    </picture>
                                                                </div>
                                                            </a>

                                                            <div class="product-snippet__content">
                                                                <h4 class="product-snippet__heading heading">
                                                                    <a href="/en/product/headphones/hdj-x5bt/black/overview/" class="link link--default">
                                                                        <span class="link__label">HDJ-X5BT</span>
                                                                    </a>
                                                                </h4>

                                                                <span class="product-snippet__price">

                                                                </span>

                                                                <div class="product-snippet__description">
                                                                    Over-ear DJ headphones with Bluetooth&#174; functionality
                                                                </div>
                                                            </div>
                                                            <!--Buynow-->


                                                        </article>
                                                    </div>
                                                    <div class="carousel__slide swiper-slide">
                                                        <article class="product-snippet">
                                                            <a href="/en/product/headphones/hdj-x5/d4dj-collaboration-model/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': '', 'dlPosition': '', 'dlURL': '/en/product/headphones/hdj-x5/d4dj-collaboration-model/overview/' });">
                                                                <div class="product-snippet__image">
                                                                    <picture class="visual">
                                                                        <img class ="lazyload" src="/-/media/pioneerdj/images/products/headphones/hdj-x5/black/hdj-x5-k.png?h=250&amp;w=400&amp;hash=EAF685CEAABD83CE5793494979D337F8" alt="">
                                                                    </picture>
                                                                </div>
                                                            </a>

                                                            <div class="product-snippet__content">
                                                                <h4 class="product-snippet__heading heading">
                                                                    <a href="/en/product/headphones/hdj-x5/d4dj-collaboration-model/overview/" class="link link--default">
                                                                        <span class="link__label"></span>
                                                                    </a>
                                                                </h4>

                                                                <span class="product-snippet__price">

                                                                </span>

                                                                <div class="product-snippet__description">

                                                                </div>
                                                            </div>
                                                            <!--Buynow-->


                                                        </article>
                                                    </div>
                                                    <div class="carousel__slide swiper-slide">
                                                        <article class="product-snippet">
                                                            <a href="/en/product/headphones/archive/hdj-x5/black/overview/" class="product-snippet__visual" onclick="dataLayer.push({ 'event': 'dlDYNAMICCOMPONENTSEvent', 'dlCategory': 'Dynamic component interaction', 'dlAction': 'Click', 'dlElement': 'Related products', 'dlLabel': 'HDJ-X5', 'dlPosition': '', 'dlURL': '/en/product/headphones/archive/hdj-x5/black/overview/' });">
                                                                <div class="product-snippet__image">
                                                                    <picture class="visual">
                                                                        <img class ="lazyload" src="/-/media/pioneerdj/images/products/headphones/hdj-x5/black/hdj-x5-k.png?h=250&amp;w=400&amp;hash=EAF685CEAABD83CE5793494979D337F8" alt="">
                                                                    </picture>
                                                                </div>
                                                            </a>

                                                            <div class="product-snippet__content">
                                                                <h4 class="product-snippet__heading heading">
                                                                    <a href="/en/product/headphones/archive/hdj-x5/black/overview/" class="link link--default">
                                                                        <span class="link__label">HDJ-X5</span>
                                                                    </a>
                                                                </h4>

                                                                <span class="product-snippet__price">

                                                                </span>

                                                                <div class="product-snippet__description">
                                                                    Over-ear DJ headphones
                                                                </div>
                                                            </div>
                                                            <!--Buynow-->


                                                        </article>
                                                    </div>



                                        </div>

                                        <nav class="carousel__nav">
                                            <div class="carousel__nav__item">
                                                <a class="carousel__nav__link carousel__nav__link--prev" onclick="dataLayer.push({'event':'dlDYNAMICCOMPONENTSEvent', 'dlCategory':'Dynamic component interaction', 'dlAction': 'Navigate', 'dlElement': 'Related products', 'dlLabel': 'Left', 'dlPosition': '', 'dlURL': ''});">
                                                    <span class="carousel__nav__icon">
                                                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 9.7 16">
                                                            <path fill="currentColor" d="M0.4,0.4C0.8-0.1,1.5-0.1,2,0.3L2,0.4L9.7,8L2,15.6c-0.5,0.5-1.2,0.5-1.7,0c-0.4-0.4-0.5-1.1-0.1-1.6l0.1-0.1L6.3,8L0.4,2C-0.1,1.6-0.1,0.9,0.4,0.4L0.4,0.4z" />
                                                        </svg>
                                                    </span>
                                                </a>
                                            </div>

                                            <div class="carousel__nav__item">
                                                <a class="carousel__nav__link carousel__nav__link--next" onclick="dataLayer.push({'event':'dlDYNAMICCOMPONENTSEvent', 'dlCategory':'Dynamic component interaction', 'dlAction': 'Navigate', 'dlElement': 'Related products', 'dlLabel': 'Right', 'dlPosition': '', 'dlURL': ''});">
                                                    <span class="carousel__nav__icon">
                                                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 9.7 16">
                                                            <path fill="currentColor" d="M0.4,0.4C0.8-0.1,1.5-0.1,2,0.3L2,0.4L9.7,8L2,15.6c-0.5,0.5-1.2,0.5-1.7,0c-0.4-0.4-0.5-1.1-0.1-1.6l0.1-0.1L6.3,8L0.4,2C-0.1,1.6-0.1,0.9,0.4,0.4L0.4,0.4z" />
                                                        </svg>
                                                    </span>
                                                </a>
                                            </div>
                                        </nav>
                                    </section>
                                </div>
                            </div>

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


	<div class="spacer spacer--12"></div>


<div class="component content col-xs-12">
            <div class="component-content" id='default-text'>
<section class="col-one"><div class="col-one__inner"><div class="col-one__content field-text"><style type="text/css">
<!--
section.col-one .col-one__inner .col-one__content.field-text {
    text-align: center;
    padding-top: 10px;
}
.combine-with {
    margin-top: 30px;
}
.col-two__content {
    padding: 30px 15px 40px;
}
.hero-product__description, p.usp-snippet__text.p--2.field-promotext2 {
    letter-spacing: 0.1px;
}
.col-one__inner {
    max-width: 1140px;
}
#the-bucket .section--9 {
    max-width: 1170px;
}
section.col-one .media {
    padding: 0;
}
section.media.media--grid.media--grid--B .media__item.in-view {
    max-height: 320px;
    margin-bottom: 4px;
}
section.media.media--grid.media--grid--B .video-player {
    max-height: 320px;
}
section.media.media--grid.media--grid--B .in-view .media__item__inner {
    background: #FFF;
}
.icon-play__inner {
    opacity: 0.6;
}
.combine-with__visual {
    display: none;
}
div#videos {
    /* display: block; */
    /* padding-top: 150px; */
    /* margin-top: -150px; */
}
#TutorialVideos .col-one__content {
    max-width: 1170px !important;
    /* padding: 0 var(--gutter--bucket) 0 0; */
}
#seeallvideos .col-one__content {
    max-width: 1170px !important;
    /* padding: 0 var(--gutter--bucket) 0 0; */
}
.col-one:not(.col-one--visual) .col-one__content {
    font-size: var(--h--4)!important;
}
-->
</style></div></div></section>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("default-text");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>






	<div class="spacer spacer--30"></div>


<div class="component content back-to-top">
            <div class="component-content" id='back-to-top'>
<div class="back-to-top__link">back to top <span class="back-to-top__arrow"></span></div>                </div>

</div>

<!-- GRID EVENT TRACKING-->

    <script>
        var x = document.getElementById("back-to-top");
    if (x != null) {
        x.onclick = function (e) {
            dataLayer.push({ 'event': '', 'dlCategory': '', 'dlAction': '', 'dlElement': '', 'dlLabel': 'en - ', 'dlPosition': '', 'dlURL': ''});
			e.stopPropagation();
        };
    }
    </script>





    </div>


<footer class="footer theme-2020">
    <div class="footer__brand">
        <div class="footerBrand">
            <div class="footerBrand__logo">
                <svg class="symbol symbol--dj" viewBox="0 0 39 25" version="1" xmlns="http://www.w3.org/2000/svg">
                    <path d="M25.122 2.049c2.395 1.86 2.787 4.38 1.8 7.019-.919 2.442-2.98 4.81-6.22 6.642-3.592 1.994-7.308 2.525-11.363 2.525H0L6.844 0h8.209c4.14 0 7.638.164 10.069 2.049zm-5.057 6.883c.538-1.437.4-3.579-.552-4.723-1.07-1.27-2.719-1.419-5.1-1.419l-1.163.026s-1-.113-1.407.796c-.248.57.104-.426-3.92 10.305-.53 1.423.735 1.493.735 1.493s4.54.277 8.34-2.352c1.61-1.114 2.562-2.772 3.067-4.126zm9.65-2.385L39 6.594l-4.7 12.564C32.767 23.25 29.594 25 23.231 25l-4.969-.066 1.188-2.837c7.193.343 8.49-2.86 8.717-3.475l3-8.07s.516-1.437-.652-1.437h-1.84l1.04-2.568z"
                          fill="currentColor"></path>
                </svg>
            </div>


<nav class="footerBreadcrumb">
    <ul class="footerBreadcrumb__list">
            <li class="footerBreadcrumb__item">
                    <a href='https://test1.pioneerdj.com/en/product/' class="footerBreadcrumb__link">Product</a>
            </li>
            <li class="footerBreadcrumb__item">
                    <a href='https://test1.pioneerdj.com/en/product/controller/' class="footerBreadcrumb__link">DJ Controller</a>
            </li>
            <li class="footerBreadcrumb__item">
                    <a href='https://test1.pioneerdj.com/en/product/controller/ddj-flx6/' class="footerBreadcrumb__link">DDJ-FLX6</a>
            </li>
            <li class="footerBreadcrumb__item">
Overview            </li>
    </ul>
</nav>

        </div>
    </div>


    <div class="footer__nav">
        <nav class="footerNav">

                <div class="footerNav__content">
                    <h3 class="footerNav__title heading heading--4">
                        <a href="/en/product/" class="footerNav__title__link" >Products</a>
                        <span class="footerNav__trigger footerNav__triggerIcon"></span>
                    </h3>
                    <div class="footerNav__menu" style="height: 264px;">
                            <ul class="footerNav__list">
                                    <li class="footerNav__item"><a href="/en/product/player/" class="footerNav__link" >DJ players / Turntable</a></li>
                                    <li class="footerNav__item"><a href="/en/product/mixer/" class="footerNav__link" >DJ mixers</a></li>
                                    <li class="footerNav__item"><a href="/en/product/all-in-one-system/" class="footerNav__link" >All-in-one DJ systems</a></li>
                                    <li class="footerNav__item"><a href="/en/product/controller/" class="footerNav__link" >DJ controllers</a></li>
                                    <li class="footerNav__item"><a href="/en/product/software/" class="footerNav__link" >DJ software &amp; Interfaces</a></li>
                                    <li class="footerNav__item"><a href="/en/product/dj-sampler/" class="footerNav__link" >DJ samplers</a></li>
                                    <li class="footerNav__item"><a href="/en/product/effector/" class="footerNav__link" >Effector</a></li>
                                    <li class="footerNav__item"><a href="/en/product/production/" class="footerNav__link" >Music production</a></li>
                                    <li class="footerNav__item"><a href="/en/product/headphones/" class="footerNav__link" >Headphones</a></li>
                                    <li class="footerNav__item"><a href="/en/product/monitor-speakers/" class="footerNav__link" >Monitor speakers</a></li>
                                    <li class="footerNav__item"><a href="/en/product/pa-speakers/" class="footerNav__link" >PA speakers</a></li>
                                    <li class="footerNav__item"><a href="/en/product/accessories/" class="footerNav__link" >Accessories</a></li>
                            </ul>
                    </div>
                </div>

                <div class="footerNav__content">
                    <h3 class="footerNav__title heading heading--4">
                        <a href="/en/support/" class="footerNav__title__link" >Support</a>
                        <span class="footerNav__trigger footerNav__triggerIcon"></span>
                    </h3>
                    <div class="footerNav__menu" style="height: 192px;">
                        <ul class="footerNav__list">
                                <li class="footerNav__item">
<a href="/en/support/contact/" class="footerNav__link" title="Contact" >Contact</a>
                                </li>
                                <li class="footerNav__item">
<a href="/en/support/documents/" class="footerNav__link" >Manuals</a>
                                </li>
                                <li class="footerNav__item">
<a href="/en/support/software/" class="footerNav__link" >Software &amp; firmware</a>
                                </li>
                                <li class="footerNav__item">
<a href="/en/support/software-information/" class="footerNav__link" >Software information</a>
                                </li>
                                <li class="footerNav__item">
<a href="http://faq.pioneerdj.com" class="footerNav__link" rel="noopener noreferrer" target="_blank" >FAQ                                                <span class="footerNav__icon"><svg class="symbol symbol--external" viewBox="0 0 32 32" version="1" xmlns="http://www.w3.org/2000/svg"><path d="M20 0l3.2 3.2H1.6C.8 3.2 0 4 0 4.96V30.4c0 .8.8 1.6 1.6 1.6h24.8c.96 0 1.6-.8 1.6-1.76V8.48l.16-.16 3.84 4V0H20zm4.8 28.64H3.36V6.56h17.76l-12 12.32 4.48 4.48 11.2-11.52v16.8z" fill="currentColor"></path></svg></span>
</a>
                                </li>
                                <li class="footerNav__item">
<a href="http://forums.pioneerdj.com/home" class="footerNav__link" rel="noopener noreferrer" target="_blank" >Forum                                                <span class="footerNav__icon"><svg class="symbol symbol--external" viewBox="0 0 32 32" version="1" xmlns="http://www.w3.org/2000/svg"><path d="M20 0l3.2 3.2H1.6C.8 3.2 0 4 0 4.96V30.4c0 .8.8 1.6 1.6 1.6h24.8c.96 0 1.6-.8 1.6-1.76V8.48l.16-.16 3.84 4V0H20zm4.8 28.64H3.36V6.56h17.76l-12 12.32 4.48 4.48 11.2-11.52v16.8z" fill="currentColor"></path></svg></span>
</a>
                                </li>
                                <li class="footerNav__item">
<a href="/en/landing/pioneer-dj-certified/" class="footerNav__link" >Certification program</a>
                                </li>
                                <li class="footerNav__item">
<a href="/en/account/about/" class="footerNav__link" >About your account</a>
                                </li>
                                <li class="footerNav__item">
<a href="/en/support/important-product-notice/" class="footerNav__link" >Important product notices</a>
                                </li>
                        </ul>
                    </div>
                </div>
            <div class="footerNav__content">
                    <h3 class="footerNav__title heading heading--4">
                        <a href="/en/news/" class="footerNav__title__link" title="News" >News</a>
                    </h3>
                    <h3 class="footerNav__title heading heading--4">
                        <a href="/en/company/company-info/" class="footerNav__title__link" >About us</a>
                            <span class="footerNav__trigger footerNav__triggerIcon"></span>
                    </h3>
                        <div class="footerNav__menu" style="height: 48px;">
                            <ul class="footerNav__list">
                                    <li class="footerNav__item"><a href="https://alphatheta.com/en/" class="footerNav__link" rel="noopener noreferrer" target="_blank" >Company info</a></li>
                                    <li class="footerNav__item"><a href="/en/corporate-contact/" class="footerNav__link" >Corporate contact</a></li>
                            </ul>
                        </div>
            </div>
        </nav>
    </div>
<div class="footer__links">
    <div class="footer__links__inner">

            <div class="footer__external">
                <nav class="externalNav">
                    <ul class="externalNav__list">
                            <li class="externalNav__item">
<a href="http://www.kuvo.com/" class="externalNav__link" rel="noopener noreferrer" target="_blank" >                                        <span class="externalNav__symbol" style="background-image: url('/-/media/pioneerdj/images/navigation/kuvo-org.png')"></span>
KUVO</a>                            </li>
                            <li class="externalNav__item">
<a href="http://www.pioneerdjradio.com/" class="externalNav__link" rel="noopener noreferrer" target="_blank" >                                        <span class="externalNav__symbol" style="background-image: url('/-/media/pioneerdj/images/navigation/dj-radio-org.png')"></span>
Radio</a>                            </li>
                            <li class="externalNav__item">
<a href="http://www.pioneerdjinibiza.com" class="externalNav__link" rel="noopener noreferrer" target="_blank" >                                        <span class="externalNav__symbol" style="background-image: url('/-/media/pioneerdj/images/navigation/ibiza-org.png')"></span>
Ibiza</a>                            </li>
                            <li class="externalNav__item">
<a href="http://www.pioneerproaudio.com" class="externalNav__link" rel="noopener noreferrer" target="_blank" >                                        <span class="externalNav__symbol" style="background-image: url('/-/media/pioneerdj/images/navigation/pro-audio-gold.png')"></span>
Pioneer Pro Audio</a>                            </li>
                    </ul>
                </nav>
            </div>

            <div class="footer__social">
                <nav class="socialNav">
                    <ul class="socialNav__list">
                            <li class="socialNav__item socialNav__item--instagram">
<a href="https://www.instagram.com/pioneerdjglobal/" class="socialNav__link" rel="noopener noreferrer" target="_blank" >                                        <span class="socialNav__symbol"><svg class="symbol symbol--instagram" viewbox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
<path d="M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm138 0q0 164-115 279t-279 115-279-115-115-279 115-279 279-115 279 115 115 279zm108-410q0 38-27 65t-65 27-65-27-27-65 27-65 65-27 65 27 27 65zM896 266q-7 0-76.5-.5t-105.5 0-96.5 3-103 10T443 297q-50 20-88 58t-58 88q-11 29-18.5 71.5t-10 103-3 96.5 0 105.5.5 76.5-.5 76.5 0 105.5 3 96.5 10 103T297 1349q20 50 58 88t88 58q29 11 71.5 18.5t103 10 96.5 3 105.5 0 76.5-.5 76.5.5 105.5 0 96.5-3 103-10 71.5-18.5q50-20 88-58t58-88q11-29 18.5-71.5t10-103 3-96.5 0-105.5-.5-76.5.5-76.5 0-105.5-3-96.5-10-103T1495 443q-20-50-58-88t-88-58q-29-11-71.5-18.5t-103-10-96.5-3-105.5 0-76.5.5zm768 630q0 229-5 317-10 208-124 322t-322 124q-88 5-317 5t-317-5q-208-10-322-124t-124-322q-5-88-5-317t5-317q10-208 124-322t322-124q88-5 317-5t317 5q208 10 322 124t124 322q5 88 5 317z" fill="currentColor"></path>
</svg></span>
                                        <span class="screenReader">Instagram</span>
</a>                            </li>
                            <li class="socialNav__item socialNav__item--twitter">
<a href="https://twitter.com/PioneerDJglobal" class="socialNav__link" rel="noopener noreferrer" target="_blank" >                                        <span class="socialNav__symbol"><svg class="symbol symbol--twitter" viewbox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z" fill="currentColor"></path>
                                    </svg></span>
                                        <span class="screenReader">Twitter</span>
</a>                            </li>
                            <li class="socialNav__item socialNav__item--facebook">
<a href="https://www.facebook.com/pioneer.dj.global" class="socialNav__link" rel="noopener noreferrer" target="_blank" >                                        <span class="socialNav__symbol"><svg class="symbol symbol--facebook" viewbox="0 0 256.8 482.7">
<path fill="currentColor" d="M175.2,0.6C120.4,6.7,86,38.4,78.1,90.3c-1.8,11.6-1.9,15.4-1.9,53.2l0,39.4H0l0.2,43.4l0.2,43.3l38,0.2l38,0.2l-0.2,105.6 l-0.2,105.6h4c2.7,0,4.1,0.2,4.2,0.8c0.2,0.6,8.5,0.8,38.9,0.8s38.7-0.2,38.9-0.8c0.2-0.5,1.6-0.8,4.2-0.8h4L170,375.6L169.8,270 l34.4,0c18.9,0,34.7-0.2,35-0.5c0.6-0.4,1.3-3.8,4.4-24.1c0.6-4.1,1.4-9.1,1.7-11.1c0.6-3.9,1.4-9.2,2.5-16.1 c0.4-2.4,0.9-5.8,1.2-7.6c0.6-3.9,1.5-9.4,2.4-15.6c0.4-2.5,0.9-5.8,1.2-7.4c0.3-1.6,0.5-3.3,0.5-3.8c0-0.8-5.7-0.9-41.7-0.9h-41.7 l0-30.1c0-30.2,0.2-33.5,2.3-41.9c3.8-15.1,15.5-25.9,31.6-29.3c7.9-1.7,11.4-1.9,31.6-1.9h21.5L256.7,43l-0.2-36.7l-2.1-0.5 c-1.2-0.3-4-0.7-6.3-1c-2.3-0.3-7.3-1-11.1-1.5C214.3,0.3,188.1-0.8,175.2,0.6"></path>
</svg></span>
                                        <span class="screenReader">Facebook</span>
</a>                            </li>
                            <li class="socialNav__item socialNav__item--youtube">
<a href="https://www.youtube.com/user/pioneerdjglobal" class="socialNav__link" rel="noopener noreferrer" target="_blank" >                                        <span class="socialNav__symbol"><svg class="symbol symbol--youtube" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 176 124"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:red;}</style></defs><path class="cls-1" d="M180.32,53.36A22.12,22.12,0,0,0,164.76,37.7C151,34,96,34,96,34s-55,0-68.76,3.7A22.12,22.12,0,0,0,11.68,53.36C8,67.18,8,96,8,96s0,28.82,3.68,42.64A22.12,22.12,0,0,0,27.24,154.3C41,158,96,158,96,158s55,0,68.76-3.7a22.12,22.12,0,0,0,15.56-15.66C184,124.82,184,96,184,96S184,67.18,180.32,53.36Z" transform="translate(-8 -34)"/><polygon class="cls-2" points="70 88.17 116 62 70 35.83 70 88.17"/></svg></span>
                                        <span class="screenReader">YouTube</span>
</a>                            </li>
                    </ul>
                </nav>
            </div>
    </div>
</div>

    <div class="footer__legal">
        <nav class="legalNav">
            <ul class="legalNav__list">
                <li class="legalNav__item">
                    <a href="https://alphatheta.com" class="text-bold" rel="noopener noreferrer" target="_blank" >&#169; AlphaTheta</a>
                </li>
                    <li class="legalNav__item">
                        <a href="/en/company/privacy-policy/" class="legalNav__link" >Privacy policy</a>
                    </li>
                    <li class="legalNav__item">
                        <a href="/en/company/terms-of-use/" class="legalNav__link" >terms of use</a>
                    </li>
                    <li class="legalNav__item">
                        <a href="/en/company/cookie/" class="legalNav__link" rel="noopener noreferrer" target="_blank" >Cookie Policy</a>
                    </li>
                    <li class="legalNav__item">
                        <a href="/en/company/cookie-setting/" class="legalNav__link" >Cookie Settings</a>
                    </li>
                    <li class="legalNav__item">
                        <a href="/en/company/trademarks/" class="legalNav__link" >trademarks</a>
                    </li>
                    <li class="legalNav__item">
                        <button id="ot-sdk-btn" class="ot-sdk-show-settings legalNav__link">Cookie Settings</button>
                    </li>
            </ul>
        </nav>
    </div>



</footer>





    <script src="/Scripts/jquery-1.11.3.js?bundleVirtualPath=%7e%2fBundles%2fEcommerceJsFooter%2f"></script>
<script src="/Scripts/uCommerce/uCommerce.jQuery.js?bundleVirtualPath=%7e%2fBundles%2fEcommerceJsFooter%2f"></script>
<script src="/Scripts/uCommerce/uCommerce.ServiceStack.js?bundleVirtualPath=%7e%2fBundles%2fEcommerceJsFooter%2f"></script>
<script src="/Scripts/uCommerce/pdj.uc.custom.js?bundleVirtualPath=%7e%2fBundles%2fEcommerceJsFooter%2f"></script>
<script src="/Scripts/Custom/checkout.js?bundleVirtualPath=%7e%2fBundles%2fEcommerceJsFooter%2f"></script>
<script src="/Scripts/Custom/theSticker.js?bundleVirtualPath=%7e%2fBundles%2fEcommerceJsFooter%2f"></script>

<script src="/-/media/themes/pioneer/pioneerdj/productredesign-theme/scripts/main.js"></script>



<script type="text/javascript">
    // polyfill for startsWith method
    if (!String.prototype.startsWith) {
        String.prototype.startsWith = function(searchString, position){
            return this.substr(position || 0, searchString.length) === searchString;
        };
    }

    function getQueryStringValueByName(name, url) {
        if (!url) {
            url = window.location.href;
        }
        name = name.replace(/[\[\]]/g, "\\$&");
        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
            results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, " "));
    }

    //mark menu item as active
    jQuery(".gigyaMenu ul li a").bind('click', function () {
        jQuery(".gigyaMenu ul li a").removeClass("active");
        jQuery(this).addClass("active");
    });

    var jwtToken;
    function sendZendeskToken(data) {
        jQuery.ajax({
            type: "POST",
            url: "/ForumConnector/zenssologin.aspx",
            async: false,
            data: data.user,
            dataType: "jsonp",
            complete: function (res) {
                jwtToken = JSON.parse(res.responseText);
            }
        });
    }

    function onLogout(response) {
        function loaded() {
            jQuery.ajax({
                url: "/en/" + "api/Account/Logout",
                async: false,
                cache: false,
                success: function(data) {
                    if (data.Success) {
                        var logoutContainer = jQuery("#LogoutContainer");
                        var loginRegister = jQuery("#LoginRegister");
                        if (logoutContainer != undefined) {
                            logoutContainer.hide();
                        }
                        if (loginRegister != undefined) {
                            loginRegister.show();
                        }
                        location.reload();
                    }
                },
                error: function() {
                    alert("Error during logout!");  //TODO: other way to inform about the error
                }
            });
        }
        if (response.errorCode == 0) {
            var iframe = document.createElement("iframe");
            iframe.setAttribute("src", "https://forums-stag.pioneerdj.com" + "/access/logout/");
            iframe.style.width = 0;
            iframe.style.height = 0;
            if (iframe.addEventListener) {
                iframe.addEventListener("load", loaded, false);
            } else {
                iframe.attachEvent("onload", loaded);
            }
            document.body.appendChild(iframe);
            setTimeout(loaded, 850);   //neccessary for firefox - in case iframe throws an error, firefox won't fire onload event
        }
    }

    function onLoginSocialize(response) {
        sendZendeskToken(response);
    }

    function loginToZendesk() {
        function loaded() {
            gigya.setSSOToken({
                redirectURL: typeof (returnTo) === 'undefined' ? window.location.href : returnTo
            });
            window.location.reload();
        }
        var iframe = document.createElement("iframe");
        iframe.setAttribute("src", "https://wundertest.zendesk.com" + "/access/jwt" + "?jwt=" + jwtToken.token);
        iframe.style.width = 0;
        iframe.style.height = 0;
        document.body.appendChild(iframe);
        iframe.onload = loaded;
        iframe.onerror = loaded;
    }

    function onLogin(response) {
        if (response != undefined && response.UID != undefined) {
            // 206005 - autologin finalization triggered with email verification link
            if (getQueryStringValueByName('errorCode') == '206005') {
                gigya.accounts.getAccountInfo({ callback: onEmailVerified, include: 'emails,data' });
            }

            var queue = function () {
                typeof jwtToken !== "undefined"
                    ? loginToZendesk()
                    : setTimeout(function () {
                        queue();
                    }, 100);
            };
            queue();
        }
    }

    function onEmailVerified(response) {
        if (response != undefined && response.errorCode == 0) {
            var verifiedEmails = response.emails.verified;
            if (verifiedEmails.length > 1) {
                // deactivate all account emails except for the new one that just got verified
                var previousEmails = verifiedEmails.slice(0, verifiedEmails.length - 1).join(", ");
                var storedEmails = response.data.previousEmailAddresses;
                if (storedEmails != undefined) {
                    storedEmails = storedEmails + ", " + previousEmails;
                } else {
                    storedEmails = previousEmails;
                }
                gigya.accounts.setAccountInfo({
                    removeLoginEmails: previousEmails,
                    data: { previousEmailAddresses: storedEmails }
                });
            }
        }
    }

    function onProfileUpdate(response) {
        if (response.response.errorCode === 0) {
            if (response != undefined && response.profile != undefined) {
                if (response.profile.photoURL != undefined) {
                    jQuery(".visual-wrap .in").css("background-image", "url('" + response.profile.photoURL + "')");
                }
                jQuery(".item-profile a .content-wrap .name").text(response.profile.firstName);
                jQuery(".profile-box .content-wrap").html(response.profile.firstName + '<br/>');
            }
            showMessage("Your changes have been saved.");
        }
    }

    function onPasswordChange(response) {
        if (response.response.errorCode === 0) {
            selectMenuItem();
            showMessage("Your password has been changed.");
            navigateEditMyProfile();
        }
    }

    function onProfileFieldChange(response) {
        if (response != undefined) {
            jQuery('input[name="profile.email"]').bind('change', function () {
                showMessage("Click ‘Save changes’ to change your email address. You’ll receive an email to verify your new email address.");
            });
        }
    }

    function selectMenuItem() {
        jQuery(".errorSection").hide();
        jQuery(".gigyaMenu ul li a").removeClass("active");
        jQuery(".gigyaMenu ul li a").first().addClass("active");
    }

    function showMessage(message) {
        jQuery(".errorSection").html("").hide();
        document.getElementById("messageSection").style.display = "block";
        document.getElementById("messageSection").innerHTML = message;
        window.scrollTo(0, 0);
    }

    function showLicenses() {
        showLoadingScreen();
        redirectIfLoggedOut();
        gigya.socialize.getUserInfo({ callback: generateUserLicences });
    }

    function generateUserLicences(response) {
        var gigyaPageTarget = jQuery("#gigya-page-target");

        if (response.errorCode == 0) {
            var user = response['user'];
            var uid = user['UID'];

            jQuery.get('/api/sitecore/PioneerDjAccount/GetLicences', { userId: uid }, function (data) {
                hideLoadingScreen();
                if (isLicencesScreenDisplayed() === true) {
                    gigyaPageTarget.html(data);

                    var cell = jQuery(".licences-container .licence .item .key");
                    if (typeof cell !== 'undefined') { cell.matchHeight(); }
                }
            });
        }
        else {
            gigyaPageTarget.html('No licences could be found.');
        }
    }

    function isLicencesScreenDisplayed() {
        return jQuery("#license_btn").hasClass("active");
    }

    function navigateChangePassword() {
        parent.location.hash = 'password';
        gigya.accounts.showScreenSet({
            screenSet: 'pioneerdj.com-ProfileUpdate',
            containerID: 'gigya-page-target',
            startScreen: 'gigya-change-password-screen',
            lang: 'en',
            onAfterSubmit: changePasswordHandler,
            onBeforeScreenLoad: redirectIfLoggedOut,
            onError: errorEventHandler
        });
    }

    function navigateEditMyProfile() {
        parent.location.hash = 'editprofile';
        gigya.accounts.showScreenSet({
            screenSet: 'pioneerdj.com-ProfileUpdate',
            lang: 'en',
            containerID: 'gigya-page-target',
            onError: errorEventHandler,
            onAfterSubmit: updateProfileHandler,
            onBeforeScreenLoad: redirectIfLoggedOut,
            onAfterScreenLoad: changeProfileFieldHandler
        });
    }

    function redirectIfLoggedOut() {
        gigya.accounts.getAccountInfo({
            callback: function(response) {
                if (response.errorCode != 0) {
                    window.location.href = '/';
                }
            }
        });
    }

    function createOneNewsletterOption(response) {
        if (response != undefined) {
            var pdjCheckbox = jQuery("[name='data.PDJ_newsletter'][data-screenset-roles='instance']");
            var kuvoCheckbox = jQuery("[name='data.KUVO_newsletter'][data-screenset-roles='instance']");

            var mainCheckbox = '<div class="gigya-composite-control gigya-composite-control-checkbox"' +
                ' style="display: block; margin-top:15px;"><input id="maincheckbox" type="checkbox">' +
                '<label class="gigya-label" for="maincheckbox"><span class="gigya-label-text gigya-checkbox-text">' +
                "Please keep me informed about Pioneer DJ products, services, features, including newsletters, promotions, events, tips and surveys." +
                '</span></label></div>';
            kuvoCheckbox.parent().after(mainCheckbox);

            jQuery("#registerContainer").on('change', '#maincheckbox', function () {
                pdjCheckbox.prop("checked", this.checked);
                kuvoCheckbox.prop("checked", this.checked);
            });

            pdjCheckbox.parent().hide();
            kuvoCheckbox.parent().hide();
        }
    }

    // My Products functions
    function handleMyProductsError(data) {

        if (typeof data.responseJSON != 'undefined') {
            errorEventHandler({
                errorMessage: data.responseJSON.error,
                response: {
                    info: {
                        screen: "gigya-my-products-screen"
                    }
                }
            });
        } else {

            errorEventHandler({
                errorMessage: getErrorMessage(data),
                response: {
                    info: {
                        screen: "gigya-my-products-screen"
                    }
                }
            });
        }
    }

    function getErrorMessage(data) {
        if (data.status == 401 || data.status == 403) {
            return "Unauthorized user";
        }
        return "Unexpected error occurred";
    }

    function getAuthHeaders(response) {
        var authHeaders = {
            "PDJ-UID": response.user.UID,
            "PDJ-Timestamp": response.user.signatureTimestamp,
            "PDJ-UIDSignature": response.user.UIDSignature
        }

        return authHeaders;
    }

    function navigateMyProducts(msg) {
        showLoadingScreen();
        redirectIfLoggedOut();
        gigya.socialize.getUserInfo({ callback: getMyProducts, context: msg });
    }

    function isMyProductsScreenDisplayed() {
        return jQuery("#my-products-tab").hasClass("active");
    }

    function getMyProducts(response) {
        var gigyaPageTarget = jQuery("#gigya-page-target");

        if (response.errorCode == 0) {

            jQuery.ajax({
                type: 'GET',
                url: '/api/sitecore/ProductRegistration/Get',
                headers: getAuthHeaders(response),
                cache: false,
                success: function (data) {
                    if (isMyProductsScreenDisplayed() === true) {
                        gigyaPageTarget.html(data);
                        jQuery('a.btn-link[href="#"]').each(function (i, o) { jQuery(o).addClass('hidden'); });
                        initCompleter();
                    }
                    if (response.context) {
                        var msg = response.context;
                        jQuery('#validation-success')
                            .removeClass('hidden');
                        jQuery('#validation-success')
                            .html(msg);
                    }
                    window.scrollTo(0, 0);
                    var $purchaseDateInput = jQuery("#input-purchase-date");
                    $purchaseDateInput.attr('readonly', 'readonly');
                    $purchaseDateInput.datepicker({
                        changeMonth: true,
                        changeYear: true,
                        constrainInput: true,
                        dateFormat: "dd/mm/yy",
                        maxDate: "25/08/2023"
                    });

                },
                error: function (data) {
                    errorEventHandler({
                        errorMessage: data.responseJSON.error
                    });
                },
                complete: function() {
                    hideLoadingScreen();
                }
            });
        }
    }

    function showLoadingScreen() {
        jQuery("#gigya-page-target").children().hide();
        jQuery("#loading-message").show();
    }

    function hideLoadingScreen() {
        jQuery("#gigya-page-target").children().show();
        jQuery("#loading-message").hide();
    }

</script>


    <!-- /#wrapper -->
</body>
</html>
<body>
    <!-- OneTrust Cookies Consent Notice start for pioneerdj.com -->

    <script src="https://cdn-apac.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script='69301dd3-0bca-41c5-b1da-6dd03e5ad20e-test'></script>
    <script type="text/javascript">
        function OptanonWrapper() { }
    </script>

    <!-- OneTrust Cookies Consent Notice end for pioneerdj.com -->
</body>
/* No context defined. */

No notes defined.