/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */

  -webkit-text-size-adjust: 100%;
  /* 2 */

  -ms-text-size-adjust: 100%;
  /* 2 */

  -webkit-font-smoothing: antialiased;
}
/*
 * Removes default margin.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
.rst-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rst-bmp {
  border: 0;
  padding: 0;
  margin: 0;
}
.rst-input {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  border: 0;
  padding: 0;
  background: none;
  -webkit-appearance: none;
}
.rst-input:focus {
  outline: 0;
}
.rst-input::-moz-focus-inner,
.rst-input[type=reset]::-moz-focus-inner,
.rst-input[type=button]::-moz-focus-inner,
.rst-input[type=submit]::-moz-focus-inner,
.rst-input::-moz-focus-inner,
.rst-input[type=file] > [type=button]::-moz-focus-inner {
  border: 0;
  padding: 0;
}
@font-face {
  font-family: 'titillium_weblight';
  src: url('../font/titilliumweb-light-webfont.eot');
  src: url('../font/titilliumweb-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/titilliumweb-light-webfont.woff') format('woff'), url('../font/titilliumweb-light-webfont.ttf') format('truetype'), url('../font/titilliumweb-light-webfont.svg#titillium_weblight') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* MediaMonks Less Library */
/*
LESS DSS (dynamic stylesheet) 1.8.3 (for less.js 1.3.0+)
MORE INFO: http://cl.ly/Dqnr

LESS mixins by Chris Krupski
*/
/* Backgrounds Group
========================== */
/* Box Group
========================== */
/* Border Group
========================== */
/* Transform Group
========================== */
/* Transition
========================== */
/* Animation Group
========================== */
/* Misc Group
========================== */
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.inline-block {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}
.ie7-restore-left-whitespace {
  *margin-left: .3em;
}
.ie7-restore-left-whitespace:first-child {
  *margin-left: 0;
}
.ie7-restore-right-whitespace {
  *margin-right: .3em;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.clear {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  height: 0;
  width: 0;
}
.ir {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html,
body {
  height: 100%;
}
body {
  font: 400 14px/1.4 'titillium_weblight', Arial, sans-serif;
  background: #000;
}
body.ios {
  padding-bottom: 60px;
}
h1 {
  position: absolute;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  height: 221px;
  width: 146px;
  background: transparent url('../image/sprite-default.png') no-repeat 0 0;
  top: 0;
  right: 15%;
  margin: 0;
}
@media screen and (max-width: 680px) {
  h1 {
    right: 10%;
    -webkit-transform-origin: top right 0;
    -moz-transform-origin: top right 0;
    -ms-transform-origin: top right 0;
    /* IE 10+ */
  
    -o-transform-origin: top right 0;
    transform-origin: top right 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.social {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 235px;
  border: 1px solid #353232;
  border-color: rgba(255, 255, 255, 0.055);
  background: transparent url('../image/bg-social.png') repeat 0 0;
  top: 30%;
}
@media screen and (max-width: 680px) {
  .social {
    top: 34%;
    -webkit-transform-origin: top center 0;
    -moz-transform-origin: top center 0;
    -ms-transform-origin: top center 0;
    /* IE 10+ */
  
    -o-transform-origin: top center 0;
    transform-origin: top center 0;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@media screen and (max-width: 420px) {
  .social {
    top: 34%;
    -webkit-transform-origin: top center 0;
    -moz-transform-origin: top center 0;
    -ms-transform-origin: top center 0;
    /* IE 10+ */
  
    -o-transform-origin: top center 0;
    transform-origin: top center 0;
    -webkit-transform: scale(0.58);
    -moz-transform: scale(0.58);
    -ms-transform: scale(0.58);
    -o-transform: scale(0.58);
    transform: scale(0.58);
  }
}
@media screen and (max-width: 680px) and (orientation: landscape) {
  .social {
    top: 20%;
  }
}
.social li {
  position: relative;
  display: block;
}
.social li:after {
  position: absolute;
  display: block;
  content: '.';
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: transparent url('../image/bg-dotline.png') repeat-x 0 0;
  height: 1px;
  left: 14px;
  right: 14px;
  top: 0;
}
.social li.first:after {
  display: none;
}
.social li a {
  position: relative;
  display: block;
  padding: 22px 0;
  font-size: 15px;
  line-height: 40px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
@media screen and (max-width: 420px) {
  .social li a {
    line-height: 49px;
    padding: 9px 0;
  }
}
.social li a:after {
  position: absolute;
  display: block;
  content: '.';
  top: 50%;
  right: 27px;
  margin-top: -12.5px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  height: 25px;
  width: 13px;
  background: transparent url('../image/sprite-default.png') no-repeat -146px -80px;
}
.social li .icn {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  height: 40px;
  width: 34px;
  background: transparent url('../image/sprite-default.png') no-repeat -146px 0;
  vertical-align: middle;
  margin: -1px 10px 0 36px;
}
.social li .icn-yt {
  background-position: -146px -40px;
}
.social li .icn-tw {
  background-position: -146px -109px;
}
.social li .icn-in {
  background-position: -146px -146px;
}
.logos {
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 4%;
  bottom: 3%;
}
.logos li {
  float: left;
  margin-right: 20px;
}
.logos li a {
  display: block;
  height: 49px;
  width: 55px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: transparent url('../image/logos-bottom.png') no-repeat 0 0;
}
.logos li a.adidas {
  margin-right: 20px;
}
.logos li a.manu {
  background-position: -55px 0;
}
.logos li a.knvb {
  background-position: -110px 0;
}
@media screen and (max-width: 680px) {
  .logos {
    -webkit-transform-origin: bottom left 0;
    -moz-transform-origin: bottom left 0;
    -ms-transform-origin: bottom left 0;
    /* IE 10+ */
  
    -o-transform-origin: bottom left 0;
    transform-origin: bottom left 0;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
  .logos li {
    margin-right: 10px;
  }
  .logos li a.adidas {
    margin-right: 10px;
  }
}