<header class="header theme-2020 header-—pdjatlogo-v2">
    <div class="header__inner">
        <div class="header__in">
            <div class="header__content">
                <span class="header__trigger">
                    <span class="icon-menu">
                        <span class="icon-menu__inner">
                            <span class="icon-menu__bar"></span>
                        </span>
                    </span>

                </span>

                <a href="https://pioneerdj.com/" class="header__logo">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 324.72 30" width="324.72" height="30">
                        <title>Pioneer DJ by AlphaTheta</title>
                        <path fill="currentColor" d="M26.59 8.41c-.59 1.65-4.28 3.38-13.36 1.33l1.18 5.36c9.08 1.65 14.46.3 17.53-2.93 2.28-2.39 2.72-5.49.85-7.85C30.81 1.82 26.43 0 20.9 0 12.98 0 7.34 2.29 4.21 10.9L0 22.47h7.37l4.19-11.7c1.72-4.81 5.33-5.61 9.34-5.61 4.2 0 6.23 1.73 5.69 3.26m72.94 5.07-.28-.13c1.65-.66 3.44-1.01 5.22-1.01 1.08 0 3.48.19 4.49.76.25.14.47.36.35.63-.45 1-7.02.95-9.77-.25m13.44-2.71c-1.74-.93-4.61-1.67-7.42-1.79-5.82-.24-12.46 1.75-13.78 6.44-.76 2.7 1.86 6.35 8.67 7.39 3.41.52 8.83.39 12.73-.9l1.46-4.01c-7.91 2.72-18.24 1.93-17.9-2.14 3.83 2.45 9.41 2.22 13.54 1.54 7.16-1.17 7.06-4.21 2.71-6.54m12.06 2.72-.28-.13c1.65-.66 3.44-1.01 5.21-1.01 1.08 0 3.48.19 4.49.76.25.14.47.36.35.63-.44 1-7.02.95-9.77-.25m13.46-2.71c-1.74-.93-4.61-1.67-7.42-1.79-5.82-.24-12.46 1.75-13.78 6.44-.76 2.7 1.85 6.35 8.67 7.39 3.41.52 8.83.39 12.73-.9l1.46-4.01c-7.91 2.72-18.24 1.93-17.9-2.14 3.82 2.45 9.41 2.22 13.54 1.54 7.16-1.17 7.06-4.21 2.71-6.54m5.37 3.46-2.92 8.24h6.74l2.25-6.34c.55-1.61 1.02-2.81 2.99-2.81h4.73l1.33-3.8h-8.73c-2.92 0-5.27 1.45-6.4 4.71M30.92 22.47h6.98l4.72-12.95h-6.98l-4.72 12.95Zm45.3-6.97c.65-1.78 2.61-2.61 4.33-2.61s3.34 1 2.7 2.74l-2.49 6.83h6.74l2.53-6.94c1.31-3.6-1.53-6.59-7.9-6.59-7.09 0-11.11 2.32-12.65 6.56l-2.54 6.97h6.74l2.54-6.96Zm-20.8-2.47c2.73.11 4.92 1.49 4.53 3.27-.38 1.71-3.03 2.89-5.79 2.77-2.73-.12-4.92-1.49-4.53-3.27.38-1.72 3.03-2.88 5.79-2.77M56.37 9c-7.02-.3-13.28 2.7-14.12 6.55-.83 3.77 3.92 7.24 10.97 7.54 7.02.3 13.28-2.7 14.12-6.55.83-3.77-3.91-7.24-10.97-7.54m139.26-4.74c-2.75-2.12-6.68-2.3-11.33-2.3h-9.21l-7.46 20.51h10.48c4.55 0 8.72-.6 12.73-2.84 3.62-2.06 5.9-4.73 6.9-7.47 1.07-2.97.61-5.8-2.11-7.89M190.04 12c-.56 1.52-1.6 3.39-3.4 4.64-4.23 2.96-9.33 2.64-9.33 2.64s-1.42-.08-.84-1.68c4.38-12.08 3.99-10.95 4.27-11.59.44-1.03 1.57-.9 1.57-.9l1.3-.03c2.68 0 4.53.16 5.75 1.6 1.08 1.29 1.27 3.7.68 5.31m21.18-2.48h-10.45l-1.03 2.84h1.98c1.31 0 .75 1.62.75 1.62l-3.25 8.93c-.25.69-1.63 4.29-9.71 3.9l-1.16 3.2h5.44c7.15 0 10.69-1.9 12.36-6.5l5.07-13.99Zm50.67 1.67 3.62 9.41h-1.76l-.88-2.49h-3.75l-.88 2.49h-1.7l3.61-9.41h1.75Zm-.91 1.62-1.42 4.05h2.87l-1.41-4.05h-.04Zm5.52-1.62h1.5v9.41h-1.5zm9.79 6.04c0 1.79-.9 3.56-2.94 3.56-.86 0-1.82-.3-2.28-1.07h-.03v3.4h-1.5v-9.33h1.42v.92h.03c.43-.79 1.24-1.11 2.11-1.11 2.13 0 3.19 1.63 3.19 3.62m-3.39 2.38c1.36 0 1.88-1.21 1.88-2.4s-.57-2.41-1.9-2.41c-1.4 0-1.9 1.19-1.9 2.41s.58 2.4 1.91 2.4m5.91-8.41v3.49h.03c.43-.69 1.2-1.08 2.06-1.08 1.57 0 2.4.91 2.4 2.27v4.73h-1.5v-4.22c0-.87-.26-1.59-1.33-1.59s-1.65.86-1.65 1.75v4.06h-1.5v-9.41h1.5Zm11.63 4.35v3.58c0 .36.08.47.41.47.08 0 .21 0 .32-.03v1.04c-.38.11-.78.17-.95.17-.66 0-1.05-.26-1.16-.83-.54.54-1.53.83-2.36.83-1.34 0-2.33-.74-2.33-1.99s.75-1.78 1.77-1.99c.51-.11 1.08-.17 1.71-.25.91-.11 1.19-.32 1.19-.84 0-.59-.47-.92-1.41-.92s-1.44.4-1.5 1.08h-1.5c.11-1.49 1.19-2.27 3.1-2.27 1.65 0 2.73.78 2.73 1.94m-3.3 4.07c1.03 0 1.78-.51 1.78-1.25v-1.16c-.41.25-.61.25-1.65.38-.99.12-1.42.47-1.42 1.09 0 .57.47.94 1.29.94m11.17-8.41v1.42h-2.99v7.99h-1.65V12.6h-2.97v-1.42h7.61zm2.26 0v3.49h.03c.43-.69 1.2-1.08 2.06-1.08 1.57 0 2.4.91 2.4 2.27v4.73h-1.5v-4.22c0-.87-.26-1.59-1.33-1.59s-1.65.86-1.65 1.75v4.06h-1.5v-9.41h1.5Zm12 5.88c0 .17-.01.34-.03.51h-5.01c0 1.12.65 2.02 1.83 2.02.83 0 1.38-.34 1.66-1.13h1.42c-.3 1.46-1.59 2.32-3.08 2.32-2.15 0-3.33-1.5-3.33-3.57s1.26-3.61 3.29-3.61c1.92 0 3.24 1.58 3.24 3.47m-1.52-.49c-.08-.95-.7-1.8-1.73-1.8s-1.73.8-1.78 1.8h3.5Zm4.6-4.85v2.04h1.36v1.12h-1.36v3.72c0 .71.17.86.75.86.28 0 .55-.03.61-.05v1.16c-.59.07-.76.08-.98.08-1.44 0-1.88-.46-1.88-1.83V14.9h-1.13v-1.12h1.13v-2.04h1.5Zm8.34 3.8v3.58c0 .36.08.47.41.47.08 0 .21 0 .32-.03v1.04c-.38.11-.78.17-.95.17-.66 0-1.05-.26-1.16-.83-.54.54-1.53.83-2.36.83-1.34 0-2.33-.74-2.33-1.99s.75-1.78 1.77-1.99c.51-.11 1.08-.17 1.71-.25.91-.11 1.19-.32 1.19-.84 0-.59-.47-.92-1.41-.92s-1.44.4-1.5 1.08h-1.5c.11-1.49 1.19-2.27 3.1-2.27 1.65 0 2.73.78 2.73 1.94m-3.3 4.07c1.03 0 1.78-.51 1.78-1.25v-1.16c-.41.25-.61.25-1.65.38-.99.12-1.42.47-1.42 1.09 0 .57.47.94 1.29.94m-69.07-9.35c-2.37-1.94-5.81-.84-7.86 1.37-.28.3-.53.62-.76.96 1.19-1.57 2.97-2.57 4.71-2.44 2.55.19 4.02 2.73 3.3 5.68-.73 2.95-3.38 5.18-5.93 4.99-2.28-.17-3.7-2.23-3.45-4.77.76-.42 1.61-.58 2.38-.38 1.5.4 2.12 2.04 1.45 3.71.22-.47.36-.97.41-1.45 0-.08.01-.16.02-.25v-.4c-.14-1.66-1.46-3.1-3.66-2.73-3.56.6-5.44 4.55-3.49 6.88 1.19 1.42 3.32 1.21 4.84.2 1.17.83 2.78 1.12 4.65.43 5.4-1.99 7.16-8.73 3.42-11.79m-10.53 11.68c-1.55-.42-2.16-2.16-1.37-3.89a4.46 4.46 0 0 1 1.82-1.99c-.1.6-.13 1.2-.08 1.77.01.13.03.26.05.39.03.21.08.42.13.63.3 1.1.94 2.06 1.82 2.72-.76.42-1.61.57-2.37.37m-17.49-1.34c.02-.32.04-.8.04-1.22v-5.69h.85v2.96h.02c.3-.53.85-.87 1.61-.87 1.17 0 2 .97 1.99 2.4 0 1.68-1.06 2.52-2.11 2.52-.68 0-1.23-.26-1.58-.89h-.03l-.04.78h-.74Zm.88-1.89c0 .11.02.21.04.31.17.59.66 1 1.29 1 .9 0 1.43-.73 1.43-1.81 0-.94-.49-1.75-1.4-1.75-.58 0-1.13.4-1.3 1.05-.02.1-.05.21-.05.35v.85Zm5.01-2.82 1.03 2.78c.11.31.22.68.3.96h.02c.09-.28.19-.64.3-.98l.93-2.76h.91l-1.28 3.36c-.61 1.62-1.03 2.44-1.62 2.95-.42.37-.84.52-1.05.56l-.21-.72c.21-.07.5-.2.75-.42.23-.19.53-.52.72-.95.04-.09.07-.16.07-.2s-.02-.12-.06-.22l-1.74-4.34h.93Z" />
                    </svg>

                </a>

                <span class="header__overlay header__trigger--close"></span>

                <div class="header__nav">
                    <div class="header__nav__inner">
                        <div class="header__mainNav">
                            <nav class="mainNav">
                                <ul class="mainNav__list">
                                    <li class="mainNav__item">
                                        <a href="https://pioneerdj.com/en/" class="mainNav__link">Home</a>
                                    </li>

                                    <li class="mainNav__item">
                                        <section class="megaMenu">
                                            <span class="mainNav__link megaMenu__trigger">Products</span>

                                            <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="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="icon-djplayers" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                            <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
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="icon-djmixers" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                            <path fill="currentColor" 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" />
                                                                        </svg>

                                                                    </span>

                                                                    DJ mixers
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="icon-djcontrollers" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                            <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>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="icon-turntables" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                            <path fill="currentColor" d="M38.757 23.01l4.31-4.477.082-3.942a2.43 2.43 0 0 1 2.476-2.382 2.432 2.432 0 0 1 2.374 2.485l-.086 4.134a2.43 2.43 0 0 1-2.477 2.382 2.417 2.417 0 0 1-1.876-.956l-4.7 4.882C38.787 35.55 30.323 44 19.93 44 9.492 44 1 35.476 1 25 1 14.523 9.492 6 19.93 6c9.769 0 17.833 7.464 18.827 17.01zm-1.42 1.475c-.272-9.401-7.976-16.964-17.407-16.964-9.602 0-17.414 7.84-17.414 17.48 0 9.637 7.812 17.477 17.414 17.477 8.995 0 16.419-6.88 17.322-15.671l-9.613 9.987a.771.771 0 0 1-.67.228l-4.33-.648a.775.775 0 0 1-.65-.882.768.768 0 0 1 .879-.653l3.935.59 10.534-10.944zM19.93 19.152c3.218 0 5.827 2.618 5.827 5.848s-2.609 5.848-5.827 5.848c-3.217 0-5.826-2.618-5.826-5.848s2.609-5.848 5.826-5.848zm0 6.86A1.01 1.01 0 0 0 20.94 25a1.01 1.01 0 0 0-1.009-1.012A1.01 1.01 0 0 0 18.922 25a1.01 1.01 0 0 0 1.008 1.012zM5.393 22.075a.507.507 0 0 1-.488-.639C6.729 14.638 12.907 9.891 19.93 9.891a.506.506 0 0 1 0 1.013c-6.567 0-12.344 4.44-14.05 10.796a.506.506 0 0 1-.487.375z" />
                                                                        </svg>

                                                                    </span>

                                                                    Turntables
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        <ul class="megaMenu__list">
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="icon-allinone" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                            <g fill="currentColor">
                                                                                <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" />
                                                                                <g transform="translate(11.838 16.285)">
                                                                                    <mask id="b" fill="#fff">
                                                                                        <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" />
                                                                                    </mask>
                                                                                    <path mask="url(#b)" d="M1.385 14.195l12.173-1.557-1.683-13.16L-.298 1.034z" />
                                                                                </g>
                                                                                <path transform="translate(11.838 16.285)" 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" />
                                                                                <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" />
                                                                                <path fill="#979797" 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" />
                                                                                <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" />
                                                                                <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" />
                                                                                <path stroke="currentColor" d="M42.669 10.45v2.686" />
                                                                            </g>
                                                                        </svg>

                                                                    </span>

                                                                    All-in-one DJ systems
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="icon-remixstation" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                            <path fill="currentColor" 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" />
                                                                        </svg>

                                                                    </span>

                                                                    Remix stations
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="icon-djsampler" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 37 36">
                                                                            <g transform="translate(-6 -6)">
                                                                                <mask id="sampler-b" fill="#fff">
                                                                                    <polygon id="sampler-a" points="6 7.299 42.848 7.299 42.848 41.565 6 41.565" />
                                                                                </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 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 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 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 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 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 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" />
                                                                            </g>
                                                                        </svg>

                                                                    </span>

                                                                    DJ samplers
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="icon-production" viewBox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                            <g fill="none">
                                                                                <path stroke="currentColor" stroke-width="2" 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" />
                                                                                <path stroke="currentColor" stroke-linecap="round" d="M13.604 9.613v2.184" />
                                                                                <path stroke="currentColor" 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" />
                                                                                <path stroke="currentColor" stroke-linecap="round" d="M21.596 12.79l-1.771-1.197" />
                                                                                <path stroke="currentColor" 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" />
                                                                                <path fill="currentColor" 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" />
                                                                            </g>
                                                                        </svg>

                                                                    </span>

                                                                    Music production
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        <ul class="megaMenu__list">
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="icon-headphones" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                            <path fill="currentColor" 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" />
                                                                        </svg>

                                                                    </span>

                                                                    Headphones
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="icon-monitors" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
                                                                            <path fill="currentColor" d="M52.91 1.91H11.1v58.71h3.23v2.03h6v-2.03h23.35v2.03h6v-2.03h3.23V1.91Zm-2 25.25h-5.96v2h5.96v29.46H13.1V29.16h6.28v-2H13.1V3.91h37.81v23.25Z" />
                                                                            <path fill="currentColor" d="M45.93 6.91H18.08v17.18h27.85V6.91Zm-2 15.18H20.08V8.91h23.85v13.18Z" />
                                                                            <path fill="currentColor" d="M32 19.36c4.52 0 8.18-1.8 8.18-3.86s-3.66-3.86-8.18-3.86-8.18 1.97-8.18 3.86 3.66 3.86 8.18 3.86ZM32 37.34c-2.37 0-4.29 1.92-4.29 4.29s1.92 4.29 4.29 4.29 4.29-1.92 4.29-4.29-1.92-4.29-4.29-4.29Z" />
                                                                            <path fill="currentColor" d="M32 31.98c-5.33 0-9.64 4.32-9.64 9.64s4.32 9.64 9.64 9.64 9.64-4.32 9.64-9.64-4.32-9.64-9.64-9.64Zm0 17.14c-4.14 0-7.5-3.36-7.5-7.5s3.36-7.5 7.5-7.5 7.5 3.36 7.5 7.5-3.36 7.5-7.5 7.5Z" />
                                                                            <path fill="currentColor" d="M32 26.63c-8.28 0-15 6.72-15 15s6.72 15 15 15 15-6.72 15-15-6.72-15-15-15Zm0 27.86c-7.09 0-12.86-5.77-12.86-12.86S24.91 28.77 32 28.77s12.86 5.77 12.86 12.86S39.09 54.49 32 54.49Z" />
                                                                        </svg>

                                                                    </span>

                                                                    Monitor speakers
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="symbol symbol--paspeakers" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
                                                                            <path fill="currentColor" d="M11.1 1.91v58.71h3.23v2.03h6v-2.03h23.35v2.03h6v-2.03h3.23V1.91H11.1Zm39.81 50.68H13.1V24.41h37.81v28.18ZM20.84 19.57H43.3l5.67 2.84H15.2l5.65-2.84Zm7.36-4.81-7.1 3.57V8.47l7.09 3.54c.11-.32.25-.62.43-.9l-5.93-2.96h18.67l-5.95 2.99c.18.28.32.58.43.9l7.08-3.56v9.78l-7.09-3.54c-.11.32-.25.62-.44.9l5.91 2.95H22.83l5.81-2.92c-.19-.27-.33-.58-.45-.89Zm15.72 4V7.98l6.99-3.51v17.78l-6.99-3.49Zm-.57-11.62H20.69L14.22 3.9H49.8l-6.44 3.24Zm-23.26.83v10.86l-7 3.51V4.47l7 3.5Zm30.82-4.06ZM13.1 58.62v-4.03h37.81v4.03H13.1Z" />
                                                                            <path fill="currentColor" d="M32 34.68a3.809 3.809 0 1 0-.002 7.618A3.809 3.809 0 0 0 32 34.68Z" />
                                                                            <path fill="currentColor" d="M32 29.91c-4.74 0-8.58 3.84-8.58 8.58s3.84 8.58 8.58 8.58 8.58-3.84 8.58-8.58-3.84-8.58-8.58-8.58Zm0 15.26a6.68 6.68 0 1 1 0-13.36c3.69 0 6.68 2.99 6.68 6.68s-2.99 6.68-6.68 6.68Z" />
                                                                            <path fill="currentColor" d="M32 25.15c-7.37 0-13.35 5.98-13.35 13.35S24.63 51.85 32 51.85s13.35-5.98 13.35-13.35S39.37 25.15 32 25.15Zm0 24.79c-6.31 0-11.44-5.13-11.44-11.44S25.69 27.06 32 27.06s11.44 5.13 11.44 11.44S38.31 49.94 32 49.94ZM14.51 25.82v5.13l5.13-5.13h-5.13zm0 25.35h5.13l-5.13-5.13v5.13zm34.98-20.22v-5.13h-5.13l5.13 5.13zm0 20.22v-5.13l-5.13 5.13h5.13zM37.87 55.6h4v2h-4zm6 0h4v2h-4zm-13.7-41.3s.01.03.02.04c.08.14.17.27.27.39.38.42.93.7 1.54.7s1.18-.29 1.56-.73c.1-.12.19-.25.26-.39 0-.01.02-.03.02-.04.06-.13.11-.27.15-.41h3.42v-1h-3.42a2.43 2.43 0 0 0-.13-.38c0-.02-.02-.03-.02-.04-.07-.14-.16-.27-.26-.39-.38-.46-.95-.76-1.59-.76a2.06 2.06 0 0 0-1.83 1.12c0 .01-.02.03-.02.04-.06.13-.11.27-.15.41h-3.42v1h3.42c.04.16.1.31.17.45Z" />
                                                                        </svg>

                                                                    </span>

                                                                    PA speakers
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="icon-software" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                            <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 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" />
                                                                                <g transform="translate(23.118 13.722)">
                                                                                    <mask id="b" fill="currentColor">
                                                                                        <path id="a" d="M1.8 0H.015v20.476H1.8V0z" />
                                                                                    </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)" />
                                                                                </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 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 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" />
                                                                                <g transform="translate(45.233 22.731)">
                                                                                    <mask id="d" fill="currentColor">
                                                                                        <path id="c" d="M2.642 2.441V.015H.676v2.426h1.966z" />
                                                                                    </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)" />
                                                                                </g>
                                                                                <g transform="translate(.184 22.731)">
                                                                                    <mask id="f" fill="currentColor">
                                                                                        <path id="e" d="M0 .493v2.426h1.966V.493H0z" />
                                                                                    </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)" />
                                                                                </g>
                                                                            </g>
                                                                        </svg>

                                                                    </span>

                                                                    DJ software &amp; interfaces
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        <ul class="megaMenu__list">
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="icon-accessories" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg">
                                                                            <path fill="currentColor" 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" />
                                                                            <path fill="currentColor" 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" />
                                                                            <path fill="currentColor" transform="translate(20.609 6.206)" 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" />
                                                                        </svg>

                                                                    </span>

                                                                    Accessories
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 706.27 719.53">
                                                                            <g fill="#a7a9ac">
                                                                                <path d="m462.9 66.03-4.86 40.78 118.8 305.08-40.09 15.61-118.81-305.07-31.15-26.76-10.45-80.06L416.44 0l46.46 66.03zM602.79 432.51l-73.58 28.66 69.28 222.81c11.18 28.7 43.51 42.91 72.22 31.74 28.7-11.18 42.91-43.51 31.74-72.21l-99.66-210.99Zm47.9 202.14c2.15 5.54-.58 11.76-6.12 13.93a10.765 10.765 0 0 1-13.93-6.12l-55.58-142.71c-2.15-5.54.58-11.76 6.12-13.93s11.76.58 13.93 6.12l55.58 142.71Z" />
                                                                            </g>
                                                                            <g fill="#a7a9ac">
                                                                                <path d="M235.91 280.43c-10.9-1.69-21.79-4.55-32.48-8.75a153.413 153.413 0 0 1-29.77-15.65L3.25 653.65c-9.47 24.17 2.45 51.44 26.62 60.91 24.17 9.47 51.44-2.45 60.91-26.62l145.13-407.51Zm-68.47 57.09c1.91-4.87 7.42-7.27 12.29-5.36s7.27 7.42 5.36 12.29L91.84 582.37c-1.91 4.87-7.42 7.27-12.29 5.36s-7.27-7.42-5.36-12.29l93.25-237.92ZM38.79 691.79c-12.12-4.75-18.1-18.42-13.35-30.55s18.42-18.1 30.55-13.35c12.12 4.75 18.1 18.42 13.35 30.55-4.75 12.12-18.42 18.1-30.55 13.35ZM369.93 122.22l-62.69 57.19-60.31-32.97-27.3-63.08 62.69-57.17c5.69-5.19 2.65-14.65-4.99-15.61-34.44-4.28-70.46 5.93-98.11 31.15-50.77 46.31-53.13 127.46-5.2 176.7 46.09 47.36 121.79 49.89 170.97 5.03 27.63-25.21 41.12-60.12 40.03-94.79-.25-7.72-9.38-11.65-15.08-6.44Z" />
                                                                            </g>
                                                                        </svg>

                                                                    </span>

                                                                    Care
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>

                                                    <div class="megaMenu__aside">
                                                        <div class="megaMenu__aside__inner">
                                                            <a href="#" class="megaMenu__banner" target="">
                                                                <span class="megaMenu__banner__visual responsiveImage--bg">
                                                                    <em data-mq="small" href="https://www.pioneerdj.com/-/media/pioneerdj/images/navigation/dropdown-menu/toraiz_250_90.jpg?mh&#x3D;90&amp;amp;w&#x3D;250&amp;amp;hash&#x3D;8F412460D7F7724BC7C6D54ABBB52A4F5C858242"></em>
                                                                    <em data-mq="large" href="https://www.pioneerdj.com/-/media/pioneerdj/images/navigation/dropdown-menu/toraiz_320_200.jpg?h&#x3D;200&amp;amp;w&#x3D;320&amp;amp;hash&#x3D;165D3A01D781210E8C5B22F82AB66E5BC76DAD02"></em>
                                                                </span>

                                                                <div class="megaMenu__banner__content">
                                                                    <p class="megaMenu__banner__title"></p>
                                                                    <div class="megaMenu__banner__desc">
                                                                        <div style="max-width:160px">
                                                                            <p><strong>TORAIZ</strong></p>
                                                                            <p><strong>POWER TO CREATE</strong></p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    </div>

                                                    <div class="megaMenu__cta">
                                                        <a href="#" class="button">
                                                            <span class="button__label">All products</span>
                                                        </a>

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

                                    </li>

                                    <li class="mainNav__item">
                                        <a href="https://pioneerdj.com/en/news/" class="mainNav__link" title="News">News</a>
                                    </li>

                                    <li class="mainNav__item">
                                        <section class="megaMenu">
                                            <span class="mainNav__link megaMenu__trigger">Support</span>

                                            <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="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg class="icon-software" viewbox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                                                            <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 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" />
                                                                                <g transform="translate(23.118 13.722)">
                                                                                    <mask id="b" fill="currentColor">
                                                                                        <path id="a" d="M1.8 0H.015v20.476H1.8V0z" />
                                                                                    </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)" />
                                                                                </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 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 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" />
                                                                                <g transform="translate(45.233 22.731)">
                                                                                    <mask id="d" fill="currentColor">
                                                                                        <path id="c" d="M2.642 2.441V.015H.676v2.426h1.966z" />
                                                                                    </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)" />
                                                                                </g>
                                                                                <g transform="translate(.184 22.731)">
                                                                                    <mask id="f" fill="currentColor">
                                                                                        <path id="e" d="M0 .493v2.426h1.966V.493H0z" />
                                                                                    </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)" />
                                                                                </g>
                                                                            </g>
                                                                        </svg>

                                                                    </span>

                                                                    Software &amp; firmware updates
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 51">
                                                                            <path fill="currentColor" d="M45.9 42.3H12.5V1.5h33.4v40.8zm-30.4-3h27.4V4.5H15.5v34.8z" />
                                                                            <path fill="currentColor" d="M48.5 8.7v36H34.3 19.7v4.8h33.4V8.7z" />
                                                                        </svg>

                                                                    </span>

                                                                    Tutorials, manuals &amp; documentation
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg width="36" height="35" viewBox="0 0 36 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                            <circle cx="18.2931" cy="17.5" r="16.7241" stroke="currentColor" stroke-width="1.55172" />
                                                                            <path d="M17.4252 25V13.7147H19.1592V25H17.4252ZM18.3069 11.8339C17.9689 11.8339 17.6775 11.7187 17.4326 11.4885C17.1926 11.2583 17.0726 10.9816 17.0726 10.6583C17.0726 10.335 17.1926 10.0583 17.4326 9.82808C17.6775 9.59786 17.9689 9.48276 18.3069 9.48276C18.6449 9.48276 18.9338 9.59786 19.1738 9.82808C19.4188 10.0583 19.5412 10.335 19.5412 10.6583C19.5412 10.9816 19.4188 11.2583 19.1738 11.4885C18.9338 11.7187 18.6449 11.8339 18.3069 11.8339Z" fill="currentColor" />
                                                                        </svg>

                                                                    </span>

                                                                    Extra software information
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 35">
                                                                            <circle cx="18.2931" cy="17.5" r="16.7241" fill="none" stroke="currentColor" stroke-width="1.55172" />
                                                                            <path fill="currentColor" d="M16.6,20.4c0-0.8,0.1-1.5,0.4-2.1c0.3-0.5,0.8-1.2,1.7-1.8c0.8-0.7,1.3-1.1,1.5-1.3c0.3-0.3,0.4-0.7,0.4-1.1
		c0-0.6-0.2-1-0.7-1.4c-0.4-0.4-1.1-0.6-1.8-0.6c-0.7,0-1.3,0.2-1.8,0.6c-0.4,0.3-0.7,0.8-0.9,1.5c-0.1,0.2-0.3,0.4-0.5,0.4l-1.7-0.2
		c-0.3,0-0.5-0.3-0.4-0.6c0.2-1,0.7-1.9,1.5-2.6c1-0.9,2.2-1.3,3.8-1.3c1.7,0,3,0.4,3.9,1.3c1,0.9,1.5,1.9,1.5,3
		c0,0.6-0.2,1.2-0.5,1.8c-0.4,0.6-1.1,1.3-2.3,2.3c-0.6,0.5-1,0.9-1.1,1.2c-0.1,0.2-0.2,0.6-0.2,1.2c0,0.3-0.2,0.5-0.5,0.5h-2.1
		L16.6,20.4z M16.6,24.8v-1.9c0-0.3,0.2-0.5,0.5-0.5H19c0.3,0,0.5,0.2,0.5,0.5v1.9c0,0.3-0.2,0.5-0.5,0.5h-1.9
		C16.8,25.3,16.6,25.1,16.6,24.8z" />
                                                                        </svg>

                                                                    </span>

                                                                    FAQ
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        <ul class="megaMenu__list">
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 51">
                                                                            <path fill="currentColor" fill-rule="evenodd" d="M56 42.1c-.2-.5-.6-1-1-1.4L30.4 16l-.6-.6c1.1-3.7.2-7.9-2.7-10.8-2.8-2.8-6.9-3.8-10.5-2.8l6 6.2-1.6 6-6 1.6-6.1-6c-1 3.6 0 7.6 2.8 10.4 2.9 2.9 7.1 3.8 10.8 2.7.2.2.3.4.5.6L47.7 48c.4.4.9.7 1.4 1 1.9.9 4.3.6 5.9-1 1.6-1.6 1.9-4 1-5.9zm-7.6-.7c-.5.5-.9 1.2-1.2 1.9l-22-22c-.8-.8-.8-2.2 0-3s2.2-.8 3 0l22 22c-.6.1-1.2.5-1.8 1.1zm4.9 4.9c-.7.7-1.9.8-2.7.1l-.1-.1a1.93 1.93 0 0 1 0-2.8 1.93 1.93 0 0 1 2.8 0l.1.1c.7.8.6 1.9-.1 2.7z" />
                                                                        </svg>

                                                                    </span>

                                                                    Service centers
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
                                                                            <path fill="currentColor" d="M50.95 30.94h2v4h-2zM46.95 30.94h2v4h-2zM42.95 28.94h2v8h-2zM38.95 26.94h2v12h-2zM34.95 30.94h2v4h-2zM30.95 28.94h2v8h-2zM26.95 26.94h2v12h-2zM22.95 30.94h2v4h-2zM18.95 28.94h2v8h-2zM14.95 26.94h2v12h-2zM10.95 30.94h2v4h-2z" />
                                                                            <path fill="currentColor" d="M56.84 46.97h.02V17.51c0-1.1-.9-2-2-2H9.03c-1.1 0-2 .9-2 2v29.45H1.9v2h60.09v-2h-5.15ZM9.03 17.51h45.83v29.45H9.03V17.51Z" />
                                                                        </svg>

                                                                    </span>

                                                                    Technical Riders
                                                                </a>
                                                            </li>
                                                            <li class="megaMenu__item">
                                                                <a href="#" class="megaMenu__link">
                                                                    <span class="megaMenu__link__icon">
                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 51">
                                                                            <path fill="currentColor" d="M50.9 35.8c-1.4-2-3.3-3.5-6.5-5-.9-.4-2-.1-2.6.8-1.4 2.2-3.5 3.6-7.5 5.5-.7.3-1.5.3-2.2.1-3.4-1.4-5.7-2.8-7.9-5.8-.5-.7-1.4-1-2.2-.6-3 1.3-4.8 2.8-6.8 5.5-1.1 1.6-1.7 3.5-1.7 5.7v6.2c0 .7.6 1.3 1.3 1.3h36.6c.7 0 1.3-.6 1.3-1.3v-5.9c-.1-2.8-.6-4.9-1.8-6.5zm-.1 11.8H15.2v-5.7c0-1.8.5-3.4 1.4-4.7 1.8-2.5 3.4-3.8 6.1-4.9 2.5 3.4 5.1 5 8.7 6.5 1.2.5 2.5.5 3.7-.1 4.4-2 6.6-3.7 8.2-6.1.1-.1.2-.2.3-.1 3 1.4 4.6 2.6 5.8 4.4.9 1.3 1.4 3.1 1.4 5.4v5.3z" />
                                                                            <path fill="currentColor" d="M21.4 24.3c.5.3 1.2.7 1.4 1.5 2.1 5.9 5.3 8.6 10 8.6h.1c4.5 0 8.2-3.2 11-9.4.1-.2.3-.3.4-.4 1.8-1.1 3.5-3.8 2.9-6.1-.2-.8-.8-2.2-2.8-2.7-.9-4.7-1.2-5.5-4.3-8.9-.2-.2-.3-.5-.3-.7-.1-1.7-.5-3.6-1.8-4.2-1.4-.6-2.9.6-4 1.5-.1.1-.3.1-.5 0-2-1.2-3.7-.7-5.3 1.6-.3.4-.6.7-.9 1-4.5 3.4-6.2 5.5-6.8 10.4-1 .6-1.8 1.7-2 3-.1 1.9.9 3.7 2.9 4.8zm-1-4.6c.1-.9.8-1.7 1.5-1.9.2-.1.5-.3.6-.5l1.7-3.7h17.6l.9 3.2c.1.3.3.5.6.7 1.3.1 2.1.6 2.3 1.5.3 1.3-.7 3.4-2.1 4.2-.6.3-1 .7-1.2 1.2-2.5 5.6-5.5 8.3-9.4 8.3h-.1c-3.9 0-6.5-2.3-8.4-7.4-.4-1-1.1-1.9-2.3-2.5-1.2-.8-1.8-1.9-1.7-3.1z" />
                                                                        </svg>

                                                                    </span>

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

                                                    <div class="megaMenu__cta">
                                                        <a href="#" class="button">
                                                            <span class="button__label">All support</span>
                                                        </a>

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

                                    </li>

                                    <li class="mainNav__item">
                                        <a href="https://pioneerdj.com/en/shops/search/" class="mainNav__link" title="Where to Buy">Find a store</a>
                                    </li>
                                </ul>
                            </nav>

                        </div>

                        <!-- START: TEMP DEMO LOGGEDIN USER CODE -->
                        <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" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 57">
                                                <path fill="currentColor" d="M60 54.93 39.86 34.91a21.74 21.74 0 0 0 4.28-12.97C44.14 9.84 34.24 0 22.07 0S0 9.84 0 21.94s9.9 21.94 22.07 21.94c6.23 0 11.87-2.59 15.88-6.73L57.92 57 60 54.93ZM22.07 40.95c-10.55 0-19.13-8.53-19.13-19.02S11.52 2.92 22.07 2.92 41.2 11.45 41.2 21.94s-8.58 19.02-19.13 19.02Z"></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"></path>
                                                        </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="/ja-jp/support/contact">customer service</a>.
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="actionNav__item">
                                    <div class="cart">
                                        <a href="/ja-jp/shop/cart/" class="cart__trigger">
                                            <svg class="symbol symbol--cart" viewBox="0 0 25 18" version="1" xmlns="http://www.w3.org/2000/svg">
                                                <g fill-rule="nonzero" fill="#24F6D6">
                                                    <path fill="currentColor" d="M10.402 15.303c0-.54-.456-.986-1.027-.986-.57 0-1.026.445-1.026.986 0 .541.456.986 1.026.986.57 0 1.027-.445 1.027-.986zm1.3 0c0 1.267-1.045 2.286-2.327 2.286-1.28 0-2.326-1.02-2.326-2.286s1.045-2.286 2.326-2.286c1.282 0 2.327 1.02 2.327 2.286zM19.8 15.303c0-.54-.456-.986-1.027-.986-.57 0-1.026.445-1.026.986 0 .541.457.986 1.026.986.571 0 1.027-.445 1.027-.986zm1.3 0c0 1.267-1.045 2.286-2.327 2.286-1.28 0-2.325-1.02-2.325-2.286s1.045-2.286 2.325-2.286c1.282 0 2.328 1.02 2.328 2.286zM11.542 10.332h-.273c-2.724.005-3.63-.25-4.48-1.621-.28-.453-.383-1.16-.48-2.91-.021-.381-.028-.499-.04-.687C6.05 1.65 5.281 0 2.804 0H.65a.65.65 0 0 0 0 1.3h2.154c1.494 0 1.988 1.062 2.168 3.896l.039.677c.112 2.016.227 2.8.673 3.522 1.166 1.883 2.444 2.243 5.587 2.237H22.14a.65.65 0 0 0 .595-.389 41.556 41.556 0 0 0 1.002-2.557c.178-.501.337-.99.476-1.455.344-1.16.539-2.134.545-2.885.01-1.112-.428-1.885-1.417-1.885h-5.844a.65.65 0 1 0 0 1.3h5.844c.072 0 .122.088.117.574-.005.602-.18 1.473-.492 2.526-.131.444-.284.91-.455 1.393a40.272 40.272 0 0 1-.8 2.078H11.541z"></path>
                                                </g>
                                            </svg>
                                            <span class="cart__batch">0</span>
                                        </a>
                                    </div>
                                </div>
                            </nav>
                        </div>
                        <div class="header__profileNav">
                            <nav class="profileNav">
                                <div class="profileNav__item">
                                    <a href="/ja-jp/account/" class="profileNav__link" id="loginlink" target="_blank">
                                        <img class="profileNav__avatar" src="https://cdns.gigya.com/photos/7179111/cb9f723decfd4984a9a8e3b05da3634b/orig?ts=638186183690949363">
                                        <span class="profileNav__label">Test user first name</span>
                                    </a>
                                </div>
                                <div class="profileNav__item">
                                    <a href="#0" class="profileNav__link" onclick=" gigya.accounts.logout({ callback: onLogout }); ">
                                        <span class="profileNav__label"> ログアウト</span>
                                    </a>
                                </div>
                                <div class="profileNav__item profileNav__item--lang">
                                    <a href="/selectCountry/" class="profileNav__link flag flag-JP" style="margin:0;width:20px"></a>
                                </div>
                            </nav>
                        </div>
                        <!-- END: TEMP DEMO LOGGEDIN USER CODE -->

                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<header class="header theme-2020 header-—pdjatlogo-v2">
  <div class="header__inner">
    <div class="header__in">
      <div class="header__content">
        <span class="header__trigger">
          {{render '@icon-menu' }}
        </span>

        <a href="https://pioneerdj.com/" class="header__logo">
          {{render '@logo--pdj-at' }}
        </a>

        <span class="header__overlay header__trigger--close"></span>

        <div class="header__nav">
          <div class="header__nav__inner">
            <div class="header__mainNav">
              {{render '@nav-main' }}
            </div>

            {{!-- <div class="header__actionNav">
              {{render '@nav-action' }}
            </div>

            <div class="header__profileNav">
              {{render '@nav-profile' }}
            </div> --}}

<!-- START: TEMP DEMO LOGGEDIN USER CODE -->
<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" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 57">
<path fill="currentColor" d="M60 54.93 39.86 34.91a21.74 21.74 0 0 0 4.28-12.97C44.14 9.84 34.24 0 22.07 0S0 9.84 0 21.94s9.9 21.94 22.07 21.94c6.23 0 11.87-2.59 15.88-6.73L57.92 57 60 54.93ZM22.07 40.95c-10.55 0-19.13-8.53-19.13-19.02S11.52 2.92 22.07 2.92 41.2 11.45 41.2 21.94s-8.58 19.02-19.13 19.02Z"></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"></path>
</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="/ja-jp/support/contact">customer service</a>.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="actionNav__item">
<div class="cart">
<a href="/ja-jp/shop/cart/" class="cart__trigger">
<svg class="symbol symbol--cart" viewBox="0 0 25 18" version="1" xmlns="http://www.w3.org/2000/svg">
<g fill-rule="nonzero" fill="#24F6D6">
<path fill="currentColor" d="M10.402 15.303c0-.54-.456-.986-1.027-.986-.57 0-1.026.445-1.026.986 0 .541.456.986 1.026.986.57 0 1.027-.445 1.027-.986zm1.3 0c0 1.267-1.045 2.286-2.327 2.286-1.28 0-2.326-1.02-2.326-2.286s1.045-2.286 2.326-2.286c1.282 0 2.327 1.02 2.327 2.286zM19.8 15.303c0-.54-.456-.986-1.027-.986-.57 0-1.026.445-1.026.986 0 .541.457.986 1.026.986.571 0 1.027-.445 1.027-.986zm1.3 0c0 1.267-1.045 2.286-2.327 2.286-1.28 0-2.325-1.02-2.325-2.286s1.045-2.286 2.325-2.286c1.282 0 2.328 1.02 2.328 2.286zM11.542 10.332h-.273c-2.724.005-3.63-.25-4.48-1.621-.28-.453-.383-1.16-.48-2.91-.021-.381-.028-.499-.04-.687C6.05 1.65 5.281 0 2.804 0H.65a.65.65 0 0 0 0 1.3h2.154c1.494 0 1.988 1.062 2.168 3.896l.039.677c.112 2.016.227 2.8.673 3.522 1.166 1.883 2.444 2.243 5.587 2.237H22.14a.65.65 0 0 0 .595-.389 41.556 41.556 0 0 0 1.002-2.557c.178-.501.337-.99.476-1.455.344-1.16.539-2.134.545-2.885.01-1.112-.428-1.885-1.417-1.885h-5.844a.65.65 0 1 0 0 1.3h5.844c.072 0 .122.088.117.574-.005.602-.18 1.473-.492 2.526-.131.444-.284.91-.455 1.393a40.272 40.272 0 0 1-.8 2.078H11.541z"></path>
</g>
</svg>
<span class="cart__batch">0</span>
</a>
</div>
</div>
</nav>
</div>
<div class="header__profileNav">
<nav class="profileNav">
<div class="profileNav__item">
<a href="/ja-jp/account/" class="profileNav__link" id="loginlink" target="_blank">
<img class="profileNav__avatar" src="https://cdns.gigya.com/photos/7179111/cb9f723decfd4984a9a8e3b05da3634b/orig?ts=638186183690949363">
<span class="profileNav__label">Test user first name</span>
</a>
</div>
<div class="profileNav__item">
<a href="#0" class="profileNav__link" onclick=" gigya.accounts.logout({ callback: onLogout }); ">
<span class="profileNav__label"> ログアウト</span>
</a>
</div>
<div class="profileNav__item profileNav__item--lang">
<a href="/selectCountry/" class="profileNav__link flag flag-JP" style="margin:0;width:20px"></a>
</div>
</nav>
</div>
<!-- END: TEMP DEMO LOGGEDIN USER CODE -->

          </div>
        </div>
      </div>
    </div>
  </div>
</header>
/* No context defined. */
  • Content:
    var header = function(n, t, i, r) {
        "use strict";
        var u = {
            selectors: {
                theWrap: ".header",
                theTrigger: ".header__trigger",
                theCloseTrigger: ".header__trigger--close",
                theTarget: ".header__nav"
            },
            classes: {
                offCanvasIsVisible: "offcanvas-is-visible"
            },
            theTimer: null,
            theOffset: 300
        }
          , f = {}
          , o = function() {
            if (!i) {
                console.log("jQuery is not loaded!");
                return
            }
            if (f.theWrap = t.querySelector(u.selectors.theWrap),
            f.theTrigger = t.querySelector(u.selectors.theTrigger),
            f.theWrap) {
                f.theTarget = t.querySelector(u.selectors.theTarget);
                f.theCloseTriggers = t.querySelectorAll(u.selectors.theCloseTrigger);
                f.theTrigger.addEventListener("click", function(n) {
                    h();
                    n.preventDefault()
                });
    
                f.theCloseTriggers.forEach(function(theCloseTrigger) {
                  theCloseTrigger.addEventListener("click", function(n) {
                      e();
                      n.preventDefault()
                  });
                });
    
                n.addEventListener("resize", s)
            }
        }
          , s = function() {
            clearTimeout(u.theTimer);
            u.theTimer = setTimeout(e, 300)
        }
          , h = function() {
            t.body.classList.contains(u.classes.offCanvasIsVisible) ? e() : c()
        }
          , c = function() {
            t.body.classList.add(u.classes.offCanvasIsVisible)
        }
          , e = function() {
            t.body.classList.remove(u.classes.offCanvasIsVisible);
            r && r.hideAll()
        };
        return n.addEventListener("load", o),
        {}
    }(window, window.document, window.jQuery, window.megaMenu || !1);
    
  • URL: /components/raw/header/_header.back.js
  • Filesystem Path: ../src/04_organisms/header/_header.back.js
  • Size: 1.8 KB
  • Content:
    .header.header-—pdjatlogo-v1 {
      .header__logo {
        flex: 0 0 auto;
    
        display: flex;
        justify-content: center;
        align-items: center;
    
        max-width: 55vw;
    
        svg {
          flex: 0 0 100%;
    
          display: block;
          width: 100%;
          height: auto;
        }
    
        @media (min-width: 540px) {
          max-width: 320px;
        }
    
        @media (min-width: 1024px) {
          flex: 0 0 auto;
        }
    
        @media (min-width: 1140px) {
          flex: 0 0 auto;
        }
      }
    }
    
  • URL: /components/raw/header/header-test-1.scss
  • Filesystem Path: ../src/04_organisms/header/header-test-1.scss
  • Size: 461 Bytes
  • Content:
    .header.header-—pdjatlogo-v2 {
      .header__logo {
        flex: 0 0 auto;
    
        display: flex;
        justify-content: center;
        align-items: center;
    
        max-width: 55vw;
    
        svg {
          flex: 0 0 100%;
    
          display: block;
          width: 100%;
          height: auto;
        }
    
        @media (max-width: 440px) {
          margin-left: 35px;
          margin-right: auto;
        }
    
        @media (min-width: 440px) {
          max-width: 240px;
        }
    
        @media (min-width: 1024px) {
          flex: 0 0 auto;
        }
    
        @media (min-width: 1140px) {
          flex: 0 0 auto;
        }
      }
    
      // remove username on smaller screens
      .profileNav__avatar + .profileNav__label {
        display: none;
    
        @media (min-width: 1240px) {
          display: block;
        }
      }
    }
    
  • URL: /components/raw/header/header-test-2.scss
  • Filesystem Path: ../src/04_organisms/header/header-test-2.scss
  • Size: 722 Bytes
  • Content:
    .header.header-—pdjatlogo-v3 {
      .header__logo {
        flex: 0 0 auto;
    
        display: flex;
        justify-content: center;
        align-items: center;
    
        max-width: 50vw;
    
        svg {
          flex: 0 0 100%;
    
          display: block;
          width: 100%;
          height: auto;
        }
    
        @media (max-width: 440px) {
          margin-left: 35px;
          margin-right: auto;
        }
    
        @media (min-width: 440px) {
          max-width: 240px;
        }
    
        @media (min-width: 560px) {
        }
    
        @media (min-width: 1024px) {
          flex: 0 0 auto;
        }
    
        @media (min-width: 1240px) {
          flex: 0 0 auto;
          max-width: 320px;
        }
      }
    
      // remove username on smaller screens
      .profileNav__avatar + .profileNav__label {
        display: none;
    
        @media (min-width: 1240px) {
          display: block;
        }
      }
    }
    
  • URL: /components/raw/header/header-test-3.scss
  • Filesystem Path: ../src/04_organisms/header/header-test-3.scss
  • Size: 785 Bytes
  • Content:
    .header.header-—pdjatlogo-v4 {
      .header__logo {
        flex: 0 0 auto;
    
        display: flex;
        justify-content: center;
        align-items: center;
    
        max-width: 50vw;
    
        svg {
          flex: 0 0 100%;
    
          display: block;
          width: 100%;
          height: auto;
        }
    
        @media (min-width: 540px) {
          max-width: 260px; // was 320px but is changed on request
        }
    
        @media (min-width: 1024px) {
          flex: 0 0 auto;
        }
    
        @media (min-width: 1140px) {
          flex: 0 0 auto;
        }
      }
    
      // remove username on smaller screens
      // .profileNav__avatar + .profileNav__label {
      //   display: none;
    
      //   @media (min-width: 1240px) {
      //     display: block;
      //   }
      // }
    }
    
  • URL: /components/raw/header/header-test-4.scss
  • Filesystem Path: ../src/04_organisms/header/header-test-4.scss
  • Size: 689 Bytes
  • Content:
    // the original logo is 170px wide
    // this version uses the height of the header bar to set the logo width
    // reason: don't let the logo be higher than the navigation bar
    // padding pixel size should be 7.5px to have same width
    
    .header.header-—pdjatlogo-v5 {
      .header__logo {
        flex: 0 0 auto;
    
        display: flex;
        justify-content: center;
        align-items: center;
    
        padding: var(--gap--2) 0;
    
        @media (max-width: 360px) {
          // float left:
          // margin-left: 35px;
          // margin-right: auto;
    
          // keep centered, but move left because of cart icon:
          margin-right: 50px;
          margin-left: 0;
        }
    
        svg {
          flex: 0 0 auto;
    
          display: block;
          width: auto;
          height: 100%;
        }
      }
    
      // remove username on smaller screens
      .profileNav__avatar + .profileNav__label {
        display: none;
    
        @media (min-width: 1240px) {
          display: block;
        }
      }
    }
    
  • URL: /components/raw/header/header-test-5.scss
  • Filesystem Path: ../src/04_organisms/header/header-test-5.scss
  • Size: 909 Bytes
  • Content:
    if (!window.header) { // disabled header loading twice because it's included in https://preprod.pioneerdj.com/Bundles/JsHeader/?v=BMne-U6Vgal8q3NFbvZfdgOMUnIfzy_RdwlKQDCSjtg1
      var header = (function (w, d, $, megaMenu, undefined) {
    
        'use strict';
    
        var s = {
            selectors: {
                theWrap: '.header',
                theTrigger: '.header__trigger',
                theCloseTrigger: '.header__trigger--close',
                theTarget: '.header__nav'
            },
            classes: {
                offCanvasIsVisible: 'offcanvas-is-visible'
            },
            theTimer: null,
            theOffset: 300
        },
        els = {},
        init = function () {
    
            // no jQuery
            if (!$) { console.log('jQuery is not loaded!'); return; }
    
            // define elements
            els.theWrap = d.querySelector(s.selectors.theWrap);
            els.theTrigger = d.querySelector(s.selectors.theTrigger);
    
            // no elements
            if (!els.theWrap) { return; }
    
            // define some more elements
            els.theTarget = d.querySelector(s.selectors.theTarget);
            els.theCloseTrigger = $(s.selectors.theCloseTrigger);
    
            // bind events
            els.theTrigger.addEventListener('click', function (e) { toggleIt(); e.preventDefault(); });
            els.theCloseTrigger.on('click', function (e) { hideIt(); e.preventDefault(); });
    
            w.addEventListener('resize', resizeIt);
    
        },
        resizeIt = function () {
    
            // hide header nav on resize
            clearTimeout(s.theTimer);
            s.theTimer = setTimeout(hideIt, 300);
    
        },
        toggleIt = function () {
    
            // toggle class
            d.body.classList.contains(s.classes.offCanvasIsVisible) ? hideIt() : showIt();
    
        },
        showIt = function () {
    
            // add class
            d.body.classList.add(s.classes.offCanvasIsVisible);
    
        },
        hideIt = function () {
    
            // remove class
            d.body.classList.remove(s.classes.offCanvasIsVisible);
    
            // hide the open megaMenus
            megaMenu && megaMenu.hideAll();
    
        };
    
        w.addEventListener('load', init);
    
        return {};
    
      }(window, window.document, window.jQuery, window.megaMenu || false));
    }
    
  • URL: /components/raw/header/header.js
  • Filesystem Path: ../src/04_organisms/header/header.js
  • Size: 2.1 KB
  • Content:
    .header {
      transition: height 200ms;
      position: relative;
      z-index: 999;
      display: block;
      height: var(--header-height);
    }
    
    .header__inner {
      transition: top 200ms;
      position: fixed;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
    }
    
    .header__in {
      display: block;
      width: 100%;
      padding: 0 var(--gap--4);
      background-color: #1A1928;
    
      @media all and (min-width: 768px) {
        padding: 0 var(--gap--4);
      }
    
      .theme-2020 & {
        background-color: var(--color--neutrals-9);
      }
    }
    
    .header__content {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: var(--section--9);
      height: var(--header-height);
      margin: 0 auto;
    
      @media all and (min-width: 1024px) {
        justify-content: flex-start;
      }
    }
    
    .header__overlay {
      transition: opacity 300ms, right 0s 300ms;
      position: fixed;
      top: var(--header-height);
      right: 100%;
      bottom: 0;
      display: block;
      width: 100%;
      background-color: rgba(26,25,40, .8);
      opacity: 0;
    
      @media all and (min-width: 1024px) {
        display: none;
      }
    
      .offcanvas-is-visible & {
        transition: opacity 300ms;
        right: 0;
        opacity: 1;
      }
    
      .theme-2020 & {
        background-color: rgba(#000, .2);
      }
    }
    
    .header__trigger {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
      height: 100%;
      color: #25F6D6;
    
      @media all and (min-width: 1024px) {
        display: none;
      }
    
      .theme-2020 & {
        color: var(--color--neutrals-0);
    
        &:hover,
        &:active,
        &:focus {
          color: var(--color--neutrals-0);
        }
      }
    }
    
    .header__logo {
      display: block;
      flex: 0 0 95px;
      height: 100%;
      color: #b10a32;
    
      @media all and (min-width: 1024px) {
        flex: 0 0 170px;
        margin-right: var(--gap--8);
      }
    
      @media all and (min-width: 1140px) {
        margin-right: var(--gap--16);
      }
    
      .theme-2020 & {
        color: var(--color--neutrals-0) !important;
      }
    }
    
    .header__nav {
      transition: margin-right 300ms;
      position: fixed;
      top: var(--header-height);
      right: 100%;
      display: block;
      width: var(--header-nav-width);
      height: calc(100% - var(--header-height));
      background-color: #3B3B53;
    
      @media all and (min-width: 1024px) {
        position: static;
        width: 100%;
        height: auto;
        background-color: transparent;
      }
    
      .offcanvas-is-visible & {
        margin-right: calc(var(--header-nav-width) * -1);
      }
    
      .theme-2020 & {
        background-color: var(--color--neutrals-8);
    
        @media (min-width: 1024px) {
          background-color: var(--color--neutrals-9);
        }
      }
    }
    
    .header__nav__inner {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      padding: var(--gap--4) var(--gap--4) var(--gap--16);
      overflow-y: scroll;
    
      @media all and (min-width: 1024px) {
        position: static;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: var(--header-height);
        padding: 0;
        overflow: hidden;
      }
    }
    
    .header__mainNav {
      flex: 0 1 auto;
    }
    
    .header__actionNav {
      transition: top 200ms;
      position: fixed;
      top: 0;
      right: var(--gap--4);
      display: flex;
      align-items: center;
      height: var(--header-height);
    
      @media all and (min-width: 1024px) {
        position: relative;
        right: 0;
        margin-right: var(--gap--6);
        margin-left: auto;
      }
    }
    
    .header__profileNav {
      position: relative;
      margin-top: var(--gap--16);
    
      @media all and (min-width: 1024px) {
        display: flex;
        flex: 0 1 auto;
        align-items: center;
        margin-top: 0;
      }
    }
    
  • URL: /components/raw/header/header.scss
  • Filesystem Path: ../src/04_organisms/header/header.scss
  • Size: 3.5 KB

Smaller logo & logged in user