<!DOCTYPE html>
<html class="splash-page" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema#"
lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="cleartype" content="on">
  <meta name="MobileOptimized" content="width">

  <!-- Favicon -->
  <link href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/favicon.ico" rel="SHORTCUT ICON" type="image/vnd.microsoft.icon" />
  <link href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/favicon.ico" rel="SHORTCUT ICON" type="image/x-icon" />
  <link href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/favicon.ico" rel="icon" type="image/x-icon" />

  <!-- Apple -->
  <link rel="apple-touch-icon" sizes="57x57" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/apple-touch-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/apple-touch-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/apple-touch-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/apple-touch-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/apple-touch-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/apple-touch-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/apple-touch-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/apple-touch-icon-180x180.png">

  <!-- Icon -->
  <link rel="icon" type="image/png" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/favicon-32x32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/favicon-194x194.png" sizes="194x194">
  <link rel="icon" type="image/png" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/favicon-96x96.png" sizes="96x96">
  <link rel="icon" type="image/png" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/android-chrome-192x192.png" sizes="192x192">
  <link rel="icon" type="image/png" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/favicon-16x16.png" sizes="16x16">
  <link rel="manifest" href="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/manifest.json">

  <!-- Windows -->
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="msapplication-TileImage" content="http://pioneer-car.eu/eur/sites/all/themes/custom/pioneer_omega/assets/img/icon/mstile-144x144.png">
  <meta name="theme-color" content="#ffffff">

  <meta name="HandheldFriendly" content="true">
  <link rel="profile" href="http://www.w3.org/1999/xhtml/vocab">

  <meta name="viewport" content="width=device-width">
  <title>Pioneer</title>

  <link href='https://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>

  <style>
    html, html a {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -moz-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      font-smoothing: antialiased;
    }

    * {
      box-sizing: border-box;
    }

    body {
      font-size: 16px;
      font-size: 1rem;
      line-height: 28px;
      line-height: 1.75rem;
      font-family: 'Droid Sans', sans-serif;
      color: #232021;
      font-weight: normal;
      font-style: normal;
      margin: 0 auto;
    }

    img {
      max-width: 100%;
      height: auto;
      border: 0;
      -ms-interpolation-mode: bicubic;
    }

    a {
      color: #b7274c;
      text-decoration: none;
    }

    h3 {
      margin: 1em 0;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 32px;
      line-height: 2rem;
      font-family: "Arial";
      color: #232021;
      font-weight: 900;
      font-style: normal;
      margin-top: 14px;
      margin-bottom: 14px;
    }

    @media (min-width: 1024px) {
      h3 {
        font-size: 18px;
        line-height: 32px;
        margin-top: 28px;
        margin-bottom: 28px;
      }
    }

    p, ul, ol, pre, table, blockquote {
      margin-top: 28px;
      margin-bottom: 28px;
    }




    .splash-page,
    body {
      height: 100%;
    }

    body {
      background-color: transparent;
      display: table;
      width: 100%;
      margin: 0;
    }

    #page-wrapper {
      display: table-row;
      width: 100%;
      background: url("images/splash-page-bg.jpg") no-repeat center center fixed;
      background-size: cover;
      -ms-behavior: url("libraries/backgroundsize.min.htc");
    }

    #page {
      display: table-cell;
      vertical-align: middle;
    }

    .panel-pane {
      text-align: center;
      color: #4C4647;
    }

    .panel-pane {
      padding: 26px 20px;
    }

    @media (min-width: 480px) {
      .panel-pane {
        padding: 26px 40px;
      }
    }

    @media (min-width: 768px) {
      .panel-pane {
          padding: 26px 40px;
      }
    }

    @media (min-width: 1024px) {
      .panel-pane {
        padding: 26px 20px;
      }
    }

    @media (min-width: 1250px) {
      .panel-pane {
        width: 1200px;
        margin: 0 auto;
      }
    }

    @media (min-width: 768px) {
      .segments-wrapper {
        display: table;
        table-layout: fixed;
        width: 100%;
        border-spacing: 20px;
        border-collapse: separate;
        margin-top: 50px;
      }
    }

    .splash-logo {
      max-width: 394px;
      margin: 0 auto;
      width: 100%;
    }

    @media (min-width: 480px) {
      .splash-logo {
        margin-top: 20px;
      }
    }

    @media (min-width: 1024px) {
      .splash-logo {
        margin-top: 0;
      }
    }

    .segments {
      margin-top: 45px;
      overflow: hidden;
    }

    @media (min-width: 480px) {
      .segments {
        margin-top: 65px;
      }
    }

    @media (min-width: 768px) {
      .segments {
        display: table-row;
      }
    }

    @media (min-width: 768px) {
      .segment {
        display: table-cell;
      }
    }

    .segment-block {
      display: block;
    }

    @media (min-width: 1024px) {
      .segment-block:hover h3 {
        color: #CC335A;
      }

      .segment-block:hover img {
        -ms-transform: scale(1.1,1.1); /* IE 9 */
        -webkit-transform: scale(1.1,1.1); /* Safari */
        transform: scale(1.1,1.1);
      }
    }

    .segment-image {
      height: 130px;
      text-align: center;
      font: 0/0 a;
      background-color: #FFFFFF;
      border-radius: 3px;
    }

    @media (min-width: 480px) {
      .segment-image {
        height: 180px;
      }
    }

    @media (min-width: 1024px) {
      .segment-image {
        height: 211px;
      }
    }

    .segment-image:before {
      content: " ";
      display: inline-block;
      vertical-align: middle;
      height: 100%;
    }

    .segment-image img {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      -webkit-transition: -webkit-transform 250ms;
      transition: transform 250ms;
    }

    h3 {
      color: #B7274C;
      margin-top: 18px;
    }

    .lang-list {
      list-style-type: none;
    }

    .lang-lista:hover {
      text-decoration: underline;
    }

    .footer-wrapper {
      text-align: center;
      color: #6C6C6C;
      margin-top: 20px;
    }

    @media (min-width: 1024px) {
      .footer-wrapper {
        position: absolute;
        bottom: 0;
        width: 100%;
      }
    }

    #page-wrapper {
      height: 100%\9;
      background-repeat: repeat\9;
    }

    .splash-logo {
      margin-top: 0\9;
    }

    .segments-wrapper {
      display: table\9;
      width: 1200px\9;
      margin: 50px auto\9;
    }

    .segments {
      display: table-row\9;
    }

    .segment {
      display: table-cell\9;
      width: 23%\9;
      margin-right: 2%\9;
      float: left\9;
    }

    .segment:last-child {
      margin-right: 0\9;
    }

    .segment img {
      margin-top: 50px\9;
      margin-top: 40px\0/;
    }

    .segment-image {
      height: 211px\9;
    }

    .footer-wrapper {
      position: absolute\9;
      bottom: 0\9;
      width: 100%\9;
    }
  }

  </style>

  <link type="image/x-icon" rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABpElEQVQ4T42TS0gbURSGv9spM2TAlLgoRVEQWldtxQdGsai7LMS6EUF37aLgq1BcJIpYUgoaEIQqCG66r0Q0O135JCgqlELtQnAl6sZSbPOQzEyZAYM3M4Gc1cB/znf+wz9XYFds3+I67XyWXOU+CAeF4HPS4ibrPZfJgRCgKd56mYYgvGkVqv8+veLDt18sHV+BBcPBCmZ7a/FN7rhALoA104GIbDmNz/WHmCb8tJ0A97U7kgT48vop7xOn8CeDtRiStonBDXikEW6rJLZ3ntckwN2G35E6AoEAhmE4jYqikEql0KMHLhcSYP3NC0Jff5D62Iyu6+RyOUzTRFVVstks2lSS7Xd1tC9993ZgTrfzYHzb2XK/RFR4p5DelFM4Cwepie1zPtFChV9zhgqHu551sda/xsrJCn3Lfe4YRxqfsHB0mXdREuBishW/qqCrCn9vDcqmdumpDbD69qWng0R/gvhJXHZwONpA0/yxdKuTSsH99gmegO5qP4mhevefViqg6CPydUqS28HAnEWVe3N+ygMgp2B32hDDLP6SH495a/OI/1OCuhhA4wwHAAAAAElFTkSuQmCC">

  <!--[if lt IE 9]>
    <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
  <![endif]-->

  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-131281-2', 'auto');
    ga('send', 'pageview');

  </script>
  <script>
    /**
    * Function that tracks a click on an outbound link in Google Analytics.
    * This function takes a valid URL string as an argument, and uses that URL string
    * as the event label.
    */
    var trackOutboundLink = function(url) {
       ga('send', 'event', 'outbound', 'click', url, {'hitCallback':
         function () {
         document.location = url;
         }
       });
    }
  </script>
</head>

<body>

<div id="page-wrapper">
  <div id="page">

    <div class="main-wrapper panel-pane">

      <img class="splash-logo"src="images/logo.png" alt="Pioneer logo">

      <div class="segments-wrapper">

        <div class="segments">

          <div class="segment">
            <a href="http://www.pioneer-car.eu/eur/" onclick="trackOutboundLink('http://www.pioneer-car.eu/eur/'); return false;" title="Car Entertainment English" class="segment-block">
              <div class="segment-image">
                <img src="images/Car-Entertainment.png" alt="Car Entertainment" title="Car Entertainment"/>
              </div>
              <div class="segment-title">
                <h3>Car Entertainment</h3>
              </div>
            </a>
          </div>

          <div class="segment">
            <a href="http://www.pioneer-audiovisual.eu/" onclick="trackOutboundLink('http://www.pioneer-audiovisual.eu/'); return false;" title="Audio & Video English" class="segment-block">
              <div class="segment-image">
                <img src="images/Audio&Video.png" alt="Audio & Video" title="Audio & Video"/>
              </div>
              <div class="segment-title">
                <h3>Audio & Video</h3>
              </div>
            </a>
          </div>

          <div class="segment">
            <a href="http://www.pioneerdj.com/en/" onclick="trackOutboundLink('http://www.pioneerdj.com/en/'); return false;" title="Dj Equipment English" class="segment-block">
              <div class="segment-image">
                <img src="images/Dj-Equipment.png" alt="Dj Equipment" title="Dj Equipment"/>
              </div>
              <div class="segment-title">
                <h3>Dj Equipment</h3>
              </div>
            </a>
          </div>

          <div class="segment">
            <a href="http://pioneer-cyclesports.com/us-en/" onclick="trackOutboundLink('http://pioneer-cyclesports.com/us-en/'); return false;" title="Cycling English" class="segment-block">
              <div class="segment-image">
                <img src="images/Cycling.png" alt="Cycling" title="Cycling"/>
              </div>
              <div class="segment-title">
                <h3>Cycling</h3>
              </div>
            </a>
          </div>

        </div>
      </div>

    </div>

    <div class="footer-wrapper">
      <div class="footer-content">
        <p>© Pioneer 2016</p>
      </div>
    </div>

  </div> <!-- #page END -->
</div> <!-- #page-wrapper END -->

</body>

</html>
