/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/
/*.transition(@duration:0.2s, @ease:ease-out) {
  -webkit-transition: all @duration @ease;
  -moz-transition: all @duration @ease;
  transition: all @duration @ease;
}*/
.no-transition {
  -webkit-transition: all 0 ease-in 0 !important;
  -moz-transition: all 0 ease-in 0 !important;
  -o-transition: all 0 ease-in 0 !important;
  -ms-transition: all 0 ease-in 0 !important;
  transition: all 0 ease-in 0 !important;
  -moz-transition-property: all;
  -moz-transition-duration: 0;
  -moz-transition-timing: ease-in;
  -moz-transition-delay: 0 !important;
}
.noSelection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* VARIABLES */
/* COLORS */
/*RESET*/
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
strong,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tr,
th,
td,
section,
article,
header,
nav,
aside,
footer,
figure,
figcaption,
button {
  margin: 0;
  padding: 0;
  border: 0;
}
button {
  background: none;
  cursor: pointer;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
:focus {
  outline: 0;
}
ol,
ul {
  list-style: none;
}
a {
  text-decoration: none;
  cursor: pointer;
  position: relative;
}
a.blocLink {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 5;
  top: 0px;
  left: 0px;
  /*background:#FF6600;*/
}
.clearfix {
  clear: both;
  display: block;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}
section,
article,
header,
nav,
aside,
footer,
figure,
figcaption {
  display: block;
}
@font-face {
  font-family: 'Avenir Medium';
  src: url('fonts/AvenirNextLTPro-MediumCn.eot');
  src: url('fonts/AvenirNextLTPro-MediumCn.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextLTPro-MediumCn.woff') format('woff'), url('fonts/AvenirNextLTPro-MediumCn.ttf') format('truetype'), url('fonts/AvenirNextLTPro-MediumCn.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir CnBold';
  src: url('fonts/AvenirNextLTPro-DemiCn.eot');
  src: url('fonts/AvenirNextLTPro-DemiCn.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextLTPro-DemiCn.woff') format('woff'), url('fonts/AvenirNextLTPro-DemiCn.ttf') format('truetype'), url('fonts/AvenirNextLTPro-DemiCn.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir Bold';
  src: url('fonts/AvenirNextLTPro-BoldCn.eot');
  src: url('fonts/AvenirNextLTPro-BoldCn.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextLTPro-BoldCn.woff') format('woff'), url('fonts/AvenirNextLTPro-BoldCn.ttf') format('truetype'), url('fonts/AvenirNextLTPro-BoldCn.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir Regular';
  src: url('fonts/AvenirNextLTPro-Cn.eot');
  src: url('fonts/AvenirNextLTPro-Cn.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextLTPro-Cn.woff') format('woff'), url('fonts/AvenirNextLTPro-Cn.ttf') format('truetype'), url('fonts/AvenirNextLTPro-Cn.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (min-width: 1200px) {
  /* ----------------------------------------------------
     created with http://www.codeandweb.com/texturepacker 
     ----------------------------------------------------
     $TexturePacker:SmartUpdate:14ab8e4a1285610c69bf40bc8f5d4f10:1/1$
     ----------------------------------------------------
  
     usage: <span class="{-spritename-} sprite"></span>
  
     replace {-spritename-} with the sprite you like to use
  
  */
  .sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprite.png);
  }
  .big-arrow {
    width: 160px;
    height: 160px;
    background-position: -96px -323px;
  }
  .bt-close {
    width: 38px;
    height: 38px;
    background-position: -201px 0px;
  }
  .comments-icon {
    width: 43px;
    height: 43px;
    background-position: -43px -39px;
  }
  .fullscreen-off {
    width: 43px;
    height: 43px;
    background-position: -132px -83px;
  }
  .fullscreen-on {
    width: 43px;
    height: 43px;
    background-position: -219px -39px;
  }
  .left-arrow {
    width: 31px;
    height: 18px;
    background-position: -21px 0px;
  }
  .logo-facebook {
    width: 11px;
    height: 21px;
    background-position: -85px 0px;
  }
  .logo-itunes {
    width: 79px;
    height: 30px;
    background-position: -121px 0px;
  }
  .logo-twitter {
    width: 23px;
    height: 21px;
    background-position: -97px 0px;
  }
  .mute-off {
    width: 43px;
    height: 43px;
    background-position: 0px -83px;
  }
  .mute-on {
    width: 43px;
    height: 43px;
    background-position: -44px -83px;
  }
  .pause-icon {
    width: 43px;
    height: 43px;
    background-position: -88px -83px;
  }
  .pharrell-1 {
    width: 47px;
    height: 47px;
    background-position: -144px -227px;
  }
  .pharrell-10 {
    width: 47px;
    height: 47px;
    background-position: -96px -227px;
  }
  .pharrell-11 {
    width: 47px;
    height: 47px;
    background-position: -192px -227px;
  }
  .pharrell-12 {
    width: 47px;
    height: 47px;
    background-position: -48px -227px;
  }
  .pharrell-13 {
    width: 47px;
    height: 47px;
    background-position: -192px -179px;
  }
  .pharrell-14 {
    width: 47px;
    height: 47px;
    background-position: -144px -179px;
  }
  .pharrell-15 {
    width: 47px;
    height: 47px;
    background-position: 0px -275px;
  }
  .pharrell-16 {
    width: 47px;
    height: 47px;
    background-position: -144px -275px;
  }
  .pharrell-17 {
    width: 47px;
    height: 47px;
    background-position: -48px -323px;
  }
  .pharrell-18 {
    width: 47px;
    height: 47px;
    background-position: -96px -179px;
  }
  .pharrell-19 {
    width: 47px;
    height: 47px;
    background-position: 0px -323px;
  }
  .pharrell-2 {
    width: 47px;
    height: 47px;
    background-position: -192px -275px;
  }
  .pharrell-20 {
    width: 47px;
    height: 47px;
    background-position: -96px -275px;
  }
  .pharrell-21 {
    width: 47px;
    height: 47px;
    background-position: -48px -275px;
  }
  .pharrell-22 {
    width: 47px;
    height: 47px;
    background-position: 0px -227px;
  }
  .pharrell-23 {
    width: 47px;
    height: 47px;
    background-position: 0px -179px;
  }
  .pharrell-24 {
    width: 47px;
    height: 47px;
    background-position: -224px -83px;
  }
  .pharrell-3 {
    width: 47px;
    height: 47px;
    background-position: -48px -131px;
  }
  .pharrell-4 {
    width: 47px;
    height: 47px;
    background-position: -176px -83px;
  }
  .pharrell-5 {
    width: 47px;
    height: 47px;
    background-position: 0px -131px;
  }
  .pharrell-6 {
    width: 47px;
    height: 47px;
    background-position: -144px -131px;
  }
  .pharrell-7 {
    width: 47px;
    height: 47px;
    background-position: -96px -131px;
  }
  .pharrell-8 {
    width: 47px;
    height: 47px;
    background-position: -48px -179px;
  }
  .pharrell-9 {
    width: 47px;
    height: 47px;
    background-position: -192px -131px;
  }
  .play-icon {
    width: 43px;
    height: 43px;
    background-position: -131px -39px;
  }
  .quality-icon {
    width: 43px;
    height: 43px;
    background-position: -87px -39px;
  }
  .quality-icon-hd {
    width: 43px;
    height: 43px;
    background-position: -175px -39px;
  }
  .quality-load-arrow {
    width: 9px;
    height: 5px;
    background-position: 0px 0px;
  }
  .quality-valid {
    width: 10px;
    height: 9px;
    background-position: -10px 0px;
  }
  .right-arrow {
    width: 31px;
    height: 18px;
    background-position: -53px 0px;
  }
  .twitter-more {
    width: 42px;
    height: 42px;
    background-position: 0px -39px;
  }
  .sprite {
    background-image: url(img/sprite.png);
  }
}
@media screen and (max-width: 1200px) {
  /* ----------------------------------------------------
     created with http://www.codeandweb.com/texturepacker 
     ----------------------------------------------------
     $TexturePacker:SmartUpdate:9f5ae2c0c97cc144cdc3905d8638c064:1/1$
     ----------------------------------------------------
  
     usage: <span class="{-spritename-} sprite"></span>
  
     replace {-spritename-} with the sprite you like to use
  
  */
  .sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprite-low.png);
  }
  .big-arrow {
    width: 124px;
    height: 124px;
    background-position: 0px 0px;
  }
  .bt-close {
    width: 38px;
    height: 38px;
    background-position: -125px 0px;
  }
  .comments-icon {
    width: 30px;
    height: 30px;
    background-position: -164px 0px;
  }
  .dot-arrow {
    width: 7px;
    height: 8px;
    background-position: -195px 0px;
  }
  .fullscreen-off {
    width: 30px;
    height: 30px;
    background-position: -203px 0px;
  }
  .fullscreen-on {
    width: 30px;
    height: 30px;
    background-position: 0px -125px;
  }
  .left-arrow {
    width: 24px;
    height: 14px;
    background-position: -31px -125px;
  }
  .logo-facebook {
    width: 11px;
    height: 21px;
    background-position: -56px -125px;
  }
  .logo-itunes {
    width: 79px;
    height: 30px;
    background-position: -68px -125px;
  }
  .logo-twitter {
    width: 23px;
    height: 21px;
    background-position: -148px -125px;
  }
  .mute-off {
    width: 30px;
    height: 30px;
    background-position: -172px -125px;
  }
  .mute-on {
    width: 30px;
    height: 30px;
    background-position: -203px -125px;
  }
  .pause-icon {
    width: 30px;
    height: 30px;
    background-position: 0px -156px;
  }
  .pharrell-1 {
    width: 47px;
    height: 47px;
    background-position: -31px -156px;
  }
  .pharrell-10 {
    width: 47px;
    height: 47px;
    background-position: -79px -156px;
  }
  .pharrell-11 {
    width: 47px;
    height: 47px;
    background-position: -127px -156px;
  }
  .pharrell-12 {
    width: 47px;
    height: 47px;
    background-position: -175px -156px;
  }
  .pharrell-13 {
    width: 47px;
    height: 47px;
    background-position: 0px -204px;
  }
  .pharrell-14 {
    width: 47px;
    height: 47px;
    background-position: -48px -204px;
  }
  .pharrell-15 {
    width: 47px;
    height: 47px;
    background-position: -96px -204px;
  }
  .pharrell-16 {
    width: 47px;
    height: 47px;
    background-position: -144px -204px;
  }
  .pharrell-17 {
    width: 47px;
    height: 47px;
    background-position: -192px -204px;
  }
  .pharrell-18 {
    width: 47px;
    height: 47px;
    background-position: 0px -252px;
  }
  .pharrell-19 {
    width: 47px;
    height: 47px;
    background-position: -48px -252px;
  }
  .pharrell-2 {
    width: 47px;
    height: 47px;
    background-position: -96px -252px;
  }
  .pharrell-20 {
    width: 47px;
    height: 47px;
    background-position: -144px -252px;
  }
  .pharrell-21 {
    width: 47px;
    height: 47px;
    background-position: -192px -252px;
  }
  .pharrell-22 {
    width: 47px;
    height: 47px;
    background-position: 0px -300px;
  }
  .pharrell-23 {
    width: 47px;
    height: 47px;
    background-position: -48px -300px;
  }
  .pharrell-24 {
    width: 47px;
    height: 47px;
    background-position: -96px -300px;
  }
  .pharrell-3 {
    width: 47px;
    height: 47px;
    background-position: -144px -300px;
  }
  .pharrell-4 {
    width: 47px;
    height: 47px;
    background-position: -192px -300px;
  }
  .pharrell-5 {
    width: 47px;
    height: 47px;
    background-position: 0px -348px;
  }
  .pharrell-6 {
    width: 47px;
    height: 47px;
    background-position: -48px -348px;
  }
  .pharrell-7 {
    width: 47px;
    height: 47px;
    background-position: -96px -348px;
  }
  .pharrell-8 {
    width: 47px;
    height: 47px;
    background-position: -144px -348px;
  }
  .pharrell-9 {
    width: 47px;
    height: 47px;
    background-position: -192px -348px;
  }
  .play-icon {
    width: 30px;
    height: 30px;
    background-position: 0px -396px;
  }
  .quality-icon {
    width: 30px;
    height: 30px;
    background-position: -62px -396px;
  }
  .quality-icon-hd {
    width: 30px;
    height: 30px;
    background-position: -31px -396px;
  }
  .quality-load-arrow {
    width: 9px;
    height: 5px;
    background-position: -93px -396px;
  }
  .quality-valid {
    width: 10px;
    height: 9px;
    background-position: -103px -396px;
  }
  .right-arrow {
    width: 24px;
    height: 14px;
    background-position: -114px -396px;
  }
  .sprite {
    background-image: url(img/sprite-low.png);
  }
}
body,
html {
  height: 100%;
  width: 100%;
  background: #000000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  /*-webkit-font-smoothing: antialiased;*/
  position: relative;
}
/***************************************
*
*		COMMUN
*/
.shown {
  visibility: visible !important;
}
.hidden {
  display: none !important;
}
/***************************************
*
*		PLAYER
*/
#ytcontainer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  display: block;
}
#ytplayer {
  height: 100%;
  width: 100%;
}
#ytmask {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
#bands {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
#bands div {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000000;
}
#bands .top {
  top: -100%;
}
#bands .bottom {
  bottom: -100%;
}
#buffer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0 cubic-bezier(0, 1, 0, 1) 200ms;
  -moz-transition: opacity 0 cubic-bezier(0, 1, 0, 1) 200ms;
  -o-transition: opacity 0 cubic-bezier(0, 1, 0, 1) 200ms;
  -ms-transition: opacity 0 cubic-bezier(0, 1, 0, 1) 200ms;
  transition: opacity 0 cubic-bezier(0, 1, 0, 1) 200ms;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0;
  -moz-transition-timing: cubic-bezier(0, 1, 0, 1);
  -moz-transition-delay: 200ms;
}
#buffer .background {
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.8;
}
#buffer .mask {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -350px 0 0 -350px;
  width: 700px;
  height: 700px;
  background: #000000;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#buffer p {
  font-size: 16px;
  font-family: 'Avenir Medium';
  letter-spacing: 1px;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin: -100px 0 0 -100px;
  z-index: 10;
  text-align: center;
  color: #f6c003;
  opacity: 0;
  z-index: 5;
}
#buffer .background {
  opacity: 0;
  -webkit-transition: opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -moz-transition: opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -o-transition: opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -ms-transition: opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  transition: opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -moz-transition-property: opacity;
  -moz-transition-duration: 1500ms;
  -moz-transition-timing: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition-delay: 0;
}
#buffer .mask {
  opacity: 0;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0 cubic-bezier(0, 1, 0, 1) 0;
  -moz-transition: all 0 cubic-bezier(0, 1, 0, 1) 0;
  -o-transition: all 0 cubic-bezier(0, 1, 0, 1) 0;
  -ms-transition: all 0 cubic-bezier(0, 1, 0, 1) 0;
  transition: all 0 cubic-bezier(0, 1, 0, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 0;
  -moz-transition-timing: cubic-bezier(0, 1, 0, 1);
  -moz-transition-delay: 0;
}
#buffer p {
  opacity: 0;
  -webkit-transition: opacity 0 cubic-bezier(0, 1, 0, 1) 0;
  -moz-transition: opacity 0 cubic-bezier(0, 1, 0, 1) 0;
  -o-transition: opacity 0 cubic-bezier(0, 1, 0, 1) 0;
  -ms-transition: opacity 0 cubic-bezier(0, 1, 0, 1) 0;
  transition: opacity 0 cubic-bezier(0, 1, 0, 1) 0;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0;
  -moz-transition-timing: cubic-bezier(0, 1, 0, 1);
  -moz-transition-delay: 0;
}
#buffer.active {
  opacity: 1;
  -webkit-transition: opacity 1000ms cubic-bezier(0, 1, 0, 1) 0;
  -moz-transition: opacity 1000ms cubic-bezier(0, 1, 0, 1) 0;
  -o-transition: opacity 1000ms cubic-bezier(0, 1, 0, 1) 0;
  -ms-transition: opacity 1000ms cubic-bezier(0, 1, 0, 1) 0;
  transition: opacity 1000ms cubic-bezier(0, 1, 0, 1) 0;
  -moz-transition-property: opacity;
  -moz-transition-duration: 1000ms;
  -moz-transition-timing: cubic-bezier(0, 1, 0, 1);
  -moz-transition-delay: 0;
}
#buffer.active .background {
  opacity: 0.8;
  -webkit-transition: opacity 1000ms cubic-bezier(0, 1, 0, 1) 0;
  -moz-transition: opacity 1000ms cubic-bezier(0, 1, 0, 1) 0;
  -o-transition: opacity 1000ms cubic-bezier(0, 1, 0, 1) 0;
  -ms-transition: opacity 1000ms cubic-bezier(0, 1, 0, 1) 0;
  transition: opacity 1000ms cubic-bezier(0, 1, 0, 1) 0;
  -moz-transition-property: opacity;
  -moz-transition-duration: 1000ms;
  -moz-transition-timing: cubic-bezier(0, 1, 0, 1);
  -moz-transition-delay: 0;
}
#buffer.active .mask {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 1000ms cubic-bezier(0, 1, 0, 1) 0;
  -moz-transition: all 1000ms cubic-bezier(0, 1, 0, 1) 0;
  -o-transition: all 1000ms cubic-bezier(0, 1, 0, 1) 0;
  -ms-transition: all 1000ms cubic-bezier(0, 1, 0, 1) 0;
  transition: all 1000ms cubic-bezier(0, 1, 0, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 1000ms;
  -moz-transition-timing: cubic-bezier(0, 1, 0, 1);
  -moz-transition-delay: 0;
}
#buffer.loading p {
  opacity: 1;
}
/***************************************
*
*		INTRO
*/
#intro {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  cursor: default;
}
#intro h1,
#intro h2,
#intro .h1,
#intro .h2,
#intro h3,
#intro .h3 {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
}
#intro h1,
#intro .h1 {
  font-family: 'Avenir Bold';
  font-size: 230px;
  bottom: 50%;
  margin-bottom: -149px;
}
#intro h2,
#intro .h2 {
  font-family: 'Avenir Regular';
  font-size: 24px;
  top: 50%;
  margin-top: 120px;
  -webkit-font-smoothing: antialiased;
}
#intro h2 b,
#intro .h2 b {
  display: inline-block;
  padding: 0 25px;
  height: 19px;
  line-height: 19px;
  position: relative;
  top: -5px;
  font-size: 17px;
}
#intro h3,
#intro .h3 {
  font-family: 'Avenir Regular';
  font-size: 24px;
  top: 50%;
  margin-top: -137px;
}
#intro .background {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
#intro.font-loaded h1,
#intro.font-loaded h2,
#intro.font-loaded .h1,
#intro.font-loaded .h2,
#intro.font-loaded h3,
#intro.font-loaded .h3 {
  opacity: 1;
  -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -moz-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -o-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -ms-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition-delay: 0;
}
#intro.removed {
  -moz-transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 400ms;
  -moz-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 400ms;
  -o-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 400ms;
  -ms-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 400ms;
  transition: all 1000ms cubic-bezier(1, 0, 0, 1) 400ms;
  -moz-transition-property: all;
  -moz-transition-duration: 1000ms;
  -moz-transition-timing: cubic-bezier(1, 0, 0, 1);
  -moz-transition-delay: 400ms;
}
#main {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #f6c003;
  color: #000000;
  z-index: 2;
  overflow: hidden;
}
#loader .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#loader #start-btn {
  font-family: 'Avenir Bold';
  text-align: center;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 200px;
  border: 1px solid black;
  border-radius: 5px;
  padding: 15px 30px;
  opacity: 0;
  transition: opacity 1s ease;
  visibility: hidden;
  cursor: pointer;
}
#loader #start-btn #play-icon {
  font-size: 14px;
  margin-right: 10px;
}
#loader #start-btn p {
  display: inline-block;
}
#font-loader {
  position: absolute;
  top: 100%;
  left: -100%;
  text-indent: -9999px;
  font-size: 300px;
  font-family: 'Comic Sans';
  opacity: 0;
  text-indent: 0;
  z-index: 0;
}
#font-loader.real-font .bold {
  font-family: 'Avenir CnBold';
}
#font-loader.real-font .regular {
  font-family: 'Avenir Regular';
}
#intro_title {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: #f6c003;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -moz-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -o-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -ms-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -moz-transition-property: opacity;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition-delay: 0;
}
#intro_title h2 span,
#intro_title .h2 span {
  border-color: #f6c003;
}
#intro_sentences {
  height: 200px;
  width: 100%;
  z-index: 3;
  position: absolute;
  top: 50%;
  margin-top: -100px;
  left: 0;
}
#intro_sentences p,
#intro_sentences li {
  position: absolute;
  left: 50%;
  top: 0;
  font-size: 110px;
  line-height: 200px;
  height: 200px;
  font-family: 'Avenir Bold';
  text-transform: uppercase;
  letter-spacing: 0;
}
#intro_sentences p {
  margin-left: -550px;
}
#intro_sentences li {
  margin-left: 60px;
  display: none;
}
#intro_bar {
  display: block;
  height: 10px;
  width: 0px;
  background: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 110%;
  left: -110%;
}
#intro_message {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: 77px;
  font-family: 'Avenir Medium';
  text-transform: uppercase;
  color: #000000;
  font-size: 14px;
  z-index: 10;
  width: 100%;
  text-align: center;
  display: none;
}
/***************************************
*
*		CLOCK
*/
.lines {
  position: absolute;
  bottom: 50%;
  left: 50%;
  height: 50%;
}
.lines .line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.lines .line i,
.lines .line b,
.lines .line strong {
  position: absolute;
  top: 0;
  left: 0;
}
.lines .line b {
  display: block;
  height: 10px;
  width: 1px;
  background: #f6c003;
  opacity: 0.3;
  top: -18px;
}
.lines .line i {
  display: block;
  height: 3px;
  width: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f6c003;
  top: 0;
  opacity: 0.5;
}
.lines .line strong {
  display: block;
  height: 16px;
  width: 2px;
  top: -34px;
  background: #f6c003;
  opacity: 0.5;
}
.half {
  height: 100%;
  width: 50%;
  position: absolute;
  top: 0;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.half .mask {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 50px;
  overflow: hidden;
}
.half .border {
  height: 100%;
  width: 200%;
  border: 5px solid #f6c003;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
}
.half.left {
  left: 0;
}
.half.left .border {
  right: 0;
}
.half.left .mask {
  left: 100%;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.half.right {
  right: 0;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.half.right .border {
  left: 0;
}
.half.right .mask {
  right: 100%;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
#fullClock {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*#planet								{@size: 12px; @border: 3px; position:absolute; z-index:1000; top: -50px; left: 0; //display: none;
		.moon-circle-mazk,
		.circle-mazk 					{overflow: hidden; position: absolute; width: @size + 2 * @border; height: @size + 2 * @border; top:0; left:0;}
		.circle,
		.moon-circle					{position: absolute; border: @border solid @yellow; width: @size; height: @size; .rounded(@size);}
		.moon-circle					{width: @size - 4; height: @size - 4; .rounded(@size - 4);margin-top: 2px;}
		ul.beams						{position: absolute; top:7px; left: 9px;
			li							{display: block; position: absolute;
				b 						{display: block; width: 5px; height: 4px; .rounded(4px); background-color: @yellow; margin-left: 12px;}
			}
		}
		.moon							{position:absolute; display: none;

		}
	}*/

}
#fullClock .dot {
  position: absolute;
  top: 0;
  left: 0%;
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
#fullClock .dot b {
  display: block;
  height: 20px;
  width: 20px;
  border: 4px solid #f6c003;
  position: absolute;
  top: 39px;
  left: 50%;
  margin-left: -15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#fullClock #spinner {
  position: absolute;
  z-index: 1000;
  /*top: -50px; */
  left: 0;
}
#fullClock #spinner .circle {
  position: absolute;
  border: 3px solid #f6c003;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#fullClock #spinner ul.beams {
  position: absolute;
  top: 7px;
  left: 9px;
}
#fullClock #spinner ul.beams li {
  display: block;
  position: absolute;
}
#fullClock #spinner ul.beams li b {
  display: block;
  width: 10px;
  height: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f6c003;
  margin-left: 12px;
}
body.hover {
  cursor: url('img/drag-hover.png'), auto;
}
body.dragging * {
  cursor: url('img/drag-active.png'), auto;
}
/*#test {
	#planet								{@size: 48px; @border: 3px; position:absolute; z-index:1000; top: -50px; left: 0; height: @size + 2 * @border; width: @size + 2 * @border;

		.left, .right 					{position: absolute; width: 100%; height: 100%;}
		.circle, .moon-circle			{position: absolute; border: @border solid @yellow; width: @size; height: @size; .rounded(@size);}
		.mask, .top, .bottom 			{overflow: hidden; position: absolute; width: @size + 2 * @border; height: @size / 2 + @border; left:0;}
		.bottom							{bottom: 0;
			.circle 					{top: -100%;}
		}

		//.right {left: @size + @border}

		.moon-circle					{display: none;}

		#ul.beams						{display: none;}
	}
}
*/
#timeline {
  position: absolute;
  z-index: 2;
}
#rail {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 52px;
  left: 52px;
  opacity: 0;
}
#rail .mask {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 0;
}
#rail .border {
  border-width: 1px;
}
#viewport {
  position: absolute;
}
#digitalClock {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 100px;
  color: #f6c003;
  z-index: 51;
  margin: -50px 0 0 -150px;
  text-align: center;
  font-family: 'Avenir Regular';
  font-size: 48px;
  opacity: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -moz-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -o-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -ms-transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -moz-transition-property: opacity;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition-delay: 0;
}
#digitalClock span {
  line-height: 100px;
  display: inline-block;
  letter-spacing: -1px;
}
#digitalClock .dots {
  width: 0px;
  position: relative;
  left: -5px;
  top: -4px;
}
#digitalClock .sup {
  font-size: 14px;
  position: relative;
  top: -25px;
  width: 5px;
  left: -5px;
  letter-spacing: 1px;
}
#digitalClock .btn-container {
  position: relative;
  font-family: 'Avenir CnBold';
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  cursor: default;
  line-height: 12px;
  padding: 20px 0;
  top: -20px;
}
#digitalClock .btn-container .share {
  display: inline-block;
  font-size: 10px;
  letter-spacing: 0.2em;
  white-space: nowrap;
  border: 1px solid #f6c003;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 6px 24px;
}
#digitalClock .btn-container .buttons {
  line-height: 20px;
  margin-top: -36px;
  display: none;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  position: relative;
  z-index: 2;
}
#digitalClock .btn-container .buttons .share-btn {
  font-family: 'Avenir Regular';
  font-size: 12px;
  display: inline-block;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
}
#cardinal-points {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#cardinal-points span {
  position: absolute;
  display: block;
  line-height: 20px;
  color: #f6c003;
  font-family: 'Avenir Medium';
  font-size: 12px;
  text-transform: uppercase;
  opacity: 0.8;
}
#cardinal-points .noon {
  top: 6px;
  text-align: center;
  width: 100%;
}
#cardinal-points .sunset {
  left: 100%;
  top: 50%;
  margin: -10px 0 0 -20px;
}
#cardinal-points .midnight {
  bottom: 6px;
  text-align: center;
  width: 50px;
  width: 100%;
}
#cardinal-points .sunrise {
  right: 100%;
  top: 50%;
  margin: -10px -20px 0 0;
}
#fullClock .viewport {
  height: 100%;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -ms-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition-delay: 0;
}
#fullClock.hidden .viewport {
  opacity: 0;
}
/***************************************
*
*		SLIDER
*/
#slider {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 6;
  pointer-events: none;
}
#slider .center {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -68px 0 0 0;
  z-index: 1;
  width: 100%;
}
#slider .slides-container,
#slider .zoom {
  height: 137px;
  overflow: hidden;
}
#slider .slides-container ul,
#slider .zoom ul {
  margin: 0;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
#slider .slides-container ul li,
#slider .zoom ul li {
  float: left;
  width: 12960px;
  height: 137px;
  overflow: hidden;
}
#slider .slides-container ul img,
#slider .zoom ul img {
  height: 137px;
  width: 12960px;
  display: block;
}
#slider .slides-container {
  position: absolute;
  left: -50%;
  width: 100%;
}
#slider .slides-container .slides {
  margin-top: -68px;
}
#slider .zoom {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 440px;
  height: 208px;
  margin: -104px 0 0 -220px;
  z-index: 3;
}
#slider .zoom ul li {
  width: 440px;
  height: 208px;
}
#slider .zoom ul img {
  position: relative;
  left: -60px;
  width: 19620px;
  height: 208px;
}
#slider-clocks {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -74px 0 0 -1620px;
  z-index: 4;
  height: 148px;
  width: 3240px;
}
#slider-clocks li {
  width: 360px;
  height: 148px;
  text-align: center;
  font-family: 'Avenir CnBold';
  font-size: 42px;
  color: #f6c003;
  float: left;
  opacity: 0.6;
}
#slider-clocks li.middle {
  opacity: 1;
}
#slider-clocks span {
  line-height: 148px;
  display: inline-block;
  letter-spacing: -1px;
}
#slider-clocks .dots {
  width: 0px;
  position: relative;
  left: -5px;
}
#slider-clocks .sup {
  font-size: 14px;
  position: relative;
  top: -20px;
  width: 5px;
  left: -5px;
}
#background {
  position: absolute;
  background-size: 100% auto;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #000000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
/***************************************
*
*		CLOCK BUTTONS
*/
.pharrell-button {
  display: block;
  height: 38px;
  width: 38px;
  position: absolute;
  top: 50%;
  margin-top: -19px;
  text-align: center;
  line-height: 38px;
  cursor: pointer;
}
.pharrell-button b {
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid #f6c003;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 38px;
  -moz-border-radius: 38px;
  border-radius: 38px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.pharrell-button .letter {
  font-size: 18px;
  font-family: 'Avenir CnBold';
  color: #f6c003;
  position: relative;
  z-index: 2;
}
.pharrell-button .pic {
  height: 47px;
  width: 47px;
  position: absolute;
  top: -5px;
  left: -5px;
  opacity: 1;
  z-index: 1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}
#hours-buttons {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  z-index: 50;
}
#hours-buttons div {
  height: 50%;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  position: absolute;
  top: -50%;
  left: 0;
}
#hours-buttons .small-dot {
  display: block;
  height: 4px;
  width: 4px;
  background: #f6c003;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  opacity: 0.5;
}
#hours-buttons .pharrell-button {
  top: 2px;
  left: -18px;
}
#hours-buttons .pharrell-button b {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}
#hours-buttons .pharrell-button .letter {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
#hours-buttons .pharrell-button .pic {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}
#hours-buttons .pharrell-button:hover {
  opacity: 1;
}
#hours-buttons .pharrell-button:hover b {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
#hours-buttons .pharrell-button:hover .pic {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
#hours-buttons div {
  -webkit-transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: opacity;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
}
#hours-buttons .pharrell-button,
#buttons .arrow.displayed .pharrell-button {
  -webkit-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -o-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -ms-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 1000ms;
  -moz-transition-timing: cubic-bezier(1, 0, 0, 1);
  -moz-transition-delay: 0;
}
#hours-buttons .pharrell-button .letter,
#buttons .arrow.displayed .pharrell-button .letter {
  -webkit-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -o-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -ms-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 1000ms;
  -moz-transition-timing: cubic-bezier(1, 0, 0, 1);
  -moz-transition-delay: 0;
}
#hours-buttons .pharrell-button b,
#buttons .arrow.displayed .pharrell-button b {
  -webkit-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -o-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -ms-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 1000ms;
  -moz-transition-timing: cubic-bezier(1, 0, 0, 1);
  -moz-transition-delay: 0;
}
#hours-buttons .pharrell-button .pic,
#buttons .arrow.displayed .pharrell-button .pic {
  -webkit-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -o-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -ms-transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  transition: all 1000ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 1000ms;
  -moz-transition-timing: cubic-bezier(1, 0, 0, 1);
  -moz-transition-delay: 0;
}
#hours-buttons .pharrell-button:hover,
#buttons .arrow.displayed .pharrell-button:hover {
  opacity: 1;
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
}
#hours-buttons .pharrell-button:hover b,
#buttons .arrow.displayed .pharrell-button:hover b {
  border-width: 3px;
  opacity: 1;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
#hours-buttons .pharrell-button:hover .letter,
#buttons .arrow.displayed .pharrell-button:hover .letter {
  opacity: 1;
}
#hours-buttons .pharrell-button:hover .pic,
#buttons .arrow.displayed .pharrell-button:hover .pic {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#hours-buttons .pharrell-button:hover .letter,
#buttons .arrow.displayed .pharrell-button:hover .letter {
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 50ms;
  -moz-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 50ms;
  -o-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 50ms;
  -ms-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 50ms;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 50ms;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 50ms;
}
#hours-buttons .pharrell-button:hover b,
#buttons .arrow.displayed .pharrell-button:hover b {
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 30ms;
  -moz-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 30ms;
  -o-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 30ms;
  -ms-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 30ms;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 30ms;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 30ms;
}
#hours-buttons .pharrell-button:hover .pic,
#buttons .arrow.displayed .pharrell-button:hover .pic {
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
}
#hours-buttons .pharrell-button {
  -webkit-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -o-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -ms-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 500ms;
  -moz-transition-timing: cubic-bezier(1, 0, 0, 1);
  -moz-transition-delay: 0;
}
#hours-buttons .pharrell-button .letter {
  -webkit-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -o-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -ms-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 500ms;
  -moz-transition-timing: cubic-bezier(1, 0, 0, 1);
  -moz-transition-delay: 0;
}
#hours-buttons .pharrell-button b {
  -webkit-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -o-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -ms-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 500ms;
  -moz-transition-timing: cubic-bezier(1, 0, 0, 1);
  -moz-transition-delay: 0;
}
#hours-buttons .pharrell-button .pic {
  -webkit-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -o-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -ms-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  transition: all 500ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 500ms;
  -moz-transition-timing: cubic-bezier(1, 0, 0, 1);
  -moz-transition-delay: 0;
}
#hours-buttons .pharrell-button:hover .letter {
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 50ms;
  -moz-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 50ms;
  -o-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 50ms;
  -ms-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 50ms;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 50ms;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 50ms;
}
#hours-buttons .pharrell-button:hover b {
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
}
#hours-buttons .pharrell-button:hover .pic {
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 5ms;
  -moz-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 5ms;
  -o-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 5ms;
  -ms-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 5ms;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 5ms;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 5ms;
}
/***************************************
*
*		BUTTONS
*/
.btn {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -ms-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition-delay: 0;
}
.btn:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
}
.btn.active {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
}
#buttons .arrow {
  display: block;
  width: 160px;
  height: 160px;
  position: absolute;
  top: 50%;
  margin-top: -80px;
  z-index: 11;
  cursor: pointer;
}
#buttons i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -15px;
}
#buttons .mask {
  top: 0;
}
#buttons .mask .border {
  border-width: 1px;
}
#buttons .big {
  height: 100%;
  width: 100%;
}
#buttons .big .left {
  -webkit-transform: rotate(-13deg);
  -moz-transform: rotate(-13deg);
  transform: rotate(-13deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
#buttons .big .left .mask {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}
#buttons .big .right {
  -webkit-transform: rotate(13deg);
  -moz-transform: rotate(13deg);
  transform: rotate(13deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
#buttons .big .right .mask {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}
#buttons .big .border {
  border: none;
}
#buttons .prev {
  left: 50px;
}
#buttons .prev .big {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#buttons .prev p {
  left: -19px;
}
#buttons .prev i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
#buttons .next {
  right: 50px;
}
#buttons .next .big {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
#buttons .next p {
  right: -19px;
}
#buttons .next i {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#buttons .mask {
  -webkit-transition: all 1000ms cubic-bezier(0.075, 0.82, 0.165, 1) 160ms;
  -moz-transition: all 1000ms cubic-bezier(0.075, 0.82, 0.165, 1) 160ms;
  -o-transition: all 1000ms cubic-bezier(0.075, 0.82, 0.165, 1) 160ms;
  -ms-transition: all 1000ms cubic-bezier(0.075, 0.82, 0.165, 1) 160ms;
  transition: all 1000ms cubic-bezier(0.075, 0.82, 0.165, 1) 160ms;
  -moz-transition-property: all;
  -moz-transition-duration: 1000ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 160ms;
}
#buttons .pharrell-button {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 700ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: all 700ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: all 700ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: all 700ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: all 700ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 700ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
}
#buttons .pharrell-button b {
  -webkit-transition: all 700ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: all 700ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: all 700ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: all 700ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: all 700ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 700ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
}
#buttons span {
  opacity: 0;
  -webkit-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 500ms;
  -moz-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 500ms;
  -o-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 500ms;
  -ms-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 500ms;
  transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 500ms;
  -moz-transition-property: all;
  -moz-transition-duration: 500ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 500ms;
}
#buttons i {
  opacity: 0;
  -webkit-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 800ms;
  -moz-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 800ms;
  -o-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 800ms;
  -ms-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 800ms;
  transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 800ms;
  -moz-transition-property: all;
  -moz-transition-duration: 500ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 800ms;
}
#buttons .arrow.displayed p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
#buttons .arrow.displayed p .letter {
  opacity: 1;
}
#buttons .arrow.displayed i {
  opacity: 1;
}
#buttons .arrow.displayed .left .mask {
  -webkit-transform: rotate(-167deg);
  -moz-transform: rotate(-167deg);
  transform: rotate(-167deg);
}
#buttons .arrow.displayed .right .mask {
  -webkit-transform: rotate(167deg);
  -moz-transform: rotate(167deg);
  transform: rotate(167deg);
}
#buttons .arrow.displayed .big,
#buttons .arrow.displayed i {
  -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -ms-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition-delay: 0;
}
#buttons .arrow.displayed .big:hover {
  opacity: 1;
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
}
#buttons .arrow.displayed .big:hover + i {
  opacity: 1;
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
}
#buttons .arrow.enabled .arrow {
  opacity: 0.5;
}
#buttons .arrow.enabled p .letter,
#buttons .arrow.enabled p b {
  opacity: 0.5;
}
#buttons .arrow.enabled i {
  opacity: 1;
}
#buttons .arrow.enabled .big {
  opacity: 0.5;
}
/***************************************
*
*		FOOTER
*/
footer {
  position: absolute;
  bottom: 50px;
  left: 0;
  height: 42px;
  width: 100%;
  color: #f6c003;
  font-family: 'Avenir Medium';
  font-style: none;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 42px;
  opacity: 1;
  padding: 0 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
footer #comments-button {
  display: none;
}
footer .buttons {
  float: right;
  position: relative;
  z-index: 11;
}
footer .buttons div {
  float: left;
  cursor: pointer;
}
footer .buttons i {
  float: left;
  opacity: 0.6;
}
footer .infos {
  float: left;
  position: relative;
  z-index: 11;
}
footer .infos > * {
  float: left;
  opacity: 0.6;
}
footer .infos #credits-button {
  cursor: pointer;
  margin: 0;
}
footer .infos p {
  opacity: 0.6;
  font-size: 18px;
  position: relative;
  top: -2px;
}
footer .infos p span {
  font-size: 12px;
}
footer b {
  display: block;
  height: 2px;
  width: 2px;
  background: #f6c003;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 18px;
  float: left;
  opacity: 0.3;
}
footer .btn {
  position: relative;
  width: 42px;
  margin-left: 15px;
  opacity: 1;
}
footer .btn .caption {
  position: absolute;
  top: 50px;
  width: 100px;
  left: -26px;
  display: block;
  text-align: center;
  opacity: 1;
  line-height: 12px;
  white-space: nowrap;
  opacity: 0;
}
footer .btn.active i {
  opacity: 1;
}
footer .logo-itunes {
  opacity: 0.6;
  position: relative;
  top: 5px;
}
footer .logo-itunes:hover {
  opacity: 1;
}
footer .buttons,
footer .infos {
  -webkit-transition: opacity 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: opacity 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: opacity 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: opacity 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: opacity 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: opacity;
  -moz-transition-duration: 500ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
  opacity: 1;
}
footer.off .buttons,
footer.off .infos {
  opacity: 0;
}
footer i,
footer span,
footer ul,
footer a {
  -webkit-transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: opacity;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
}
footer #credits-button {
  opacity: 0.6;
  width: auto;
}
footer #credits-button:hover {
  opacity: 1;
}
footer .btn:hover i,
footer .btn.active i,
footer .btn:hover span,
footer .btn.active span,
footer .btn:hover a,
footer .btn.active a {
  opacity: 1;
  -webkit-transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: opacity;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
}
#quality-button ul {
  position: absolute;
  bottom: 47px;
  left: -17px;
  color: #000000;
  background: #f6c003;
  padding: 14px 15px 10px 15px;
  font-size: 12px;
  line-height: 12px;
  opacity: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  visibility: hidden;
}
#quality-button li {
  width: 50px;
  margin-bottom: 5px;
  height: 12px;
  position: relative;
  opacity: 0.6;
}
#quality-button li i {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
#quality-button li.active {
  opacity: 1;
}
#quality-button li.active i {
  display: block;
}
#quality-button.opened ul,
#quality-button.opened .wshadow {
  opacity: 1;
  visibility: visible;
}
#quality-button .wshadow {
  position: absolute;
  bottom: 42px;
  left: 50%;
  margin-left: -4px;
  opacity: 0;
}
#quality-button.loading {
  opacity: 1;
}
#quality-button.loading i {
  opacity: 1;
}
#quality-button.loading #quality-loader i {
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#quality-loader {
  display: block;
  position: absolute;
  top: 1px;
  left: 50%;
  width: 11px;
  height: 42px;
  margin-left: -5px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  overflow: hidden;
}
#quality-loader i {
  -moz-transform: translate3d(0, -7px, 0);
  -webkit-transform: translate3d(0, -7px, 0);
  -o-transform: translate3d(0, -7px, 0);
  -ms-transform: translate3d(0, -7px, 0);
  transform: translate3d(0, -7px, 0);
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -o-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -ms-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-delay: 0;
}
#quality-loader.active i {
  -moz-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}
@media screen and (max-width: 1200px) {
  #intro h1,
  #intro .h1 {
    font-size: 200px;
    margin-bottom: -131px;
  }
  #intro h2,
  #intro .h2 {
    margin-top: 100px;
  }
  #intro h2 b,
  #intro .h2 b {
    top: -4px;
    font-size: 15px;
  }
  #intro h3,
  #intro .h3 {
    margin-top: -127px;
  }
  #intro h2,
  #intro .h2,
  #intro h3,
  #intro .h3 {
    font-size: 21px;
  }
  #cardinal-points span {
    font-size: 11px;
  }
  #digitalClock {
    font-size: 43px;
    cursor: default;
  }
  #digitalClock .sup {
    font-size: 12px;
    top: -23px;
  }
  #buttons i {
    margin-left: -12px;
  }
  #buttons .arrow {
    height: 124px;
    width: 124px;
    margin-top: -62px;
  }
  #buttons .arrow.displayed p {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
  }
  #hours-buttons .pharrell-button .letter {
    font-size: 14px;
  }
  #hours-buttons .pharrell-button:hover b {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
  #hours-buttons .pharrell-button:hover .pic {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
  }
  .desktop footer {
    line-height: 30px;
    bottom: 20px;
    font-size: 11px;
    height: 30px;
  }
  .desktop footer b {
    margin: 14px;
  }
  .desktop footer .infos p span {
    font-size: 11px;
  }
  .desktop footer .btn {
    margin-left: 10px;
    width: 30px;
  }
  .desktop footer .btn .caption {
    left: -35px;
    top: 35px;
    font-size: 11px;
    pointer-events: none;
  }
  .desktop footer .logo-itunes {
    top: 0;
  }
  .desktop #quality-button ul {
    bottom: 35px;
    left: -25px;
  }
  .desktop #quality-button .wshadow {
    bottom: 30px;
  }
  .desktop #quality-loader {
    height: 28px;
  }
  body #credits .cols {
    width: 900px;
    left: -200px;
  }
  body #credits .cols p,
  body #credits .cols li {
    font-size: 16px;
    line-height: 18px;
  }
  .desktop #twitter-buttons {
    margin-right: 20px;
  }
}
#twitter {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 100;
  text-align: center;
  color: #f6c003;
}
#twitter .shield {
  position: absolute;
  z-index: 995;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
#twitter .scroll {
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
  width: 11px;
  z-index: 1010;
}
#twitter .scroll-rail {
  height: 100%;
  width: 1px;
  background: #f6c003;
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 5px;
}
#twitter .scroll-thumb {
  width: 11px;
  height: 50px;
  background-color: #f6c003;
  position: absolute;
  z-index: 1000;
  right: 0;
  top: 0px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
#twitter .container {
  padding: 0;
  display: block;
  position: absolute;
  z-index: 996;
  width: 100%;
  top: 0;
  left: 0;
}
#twitter .container .list {
  width: 700px;
  margin: 0 auto;
}
#twitter .container .hour {
  display: block;
}
#twitter .container .hour .big {
  font-size: 140px;
  display: block;
  margin-bottom: 57px;
  font-family: 'Avenir Bold';
}
#twitter .container .hour .big sup {
  font-size: 50px;
  position: relative;
  top: -18px;
  left: 15px;
  display: inline-block;
  width: 0;
}
#twitter .container .hour .big b {
  font-weight: normal;
  position: relative;
  top: -11px;
}
#twitter .container .hour li {
  width: 500px;
  margin: 0 auto 50px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 500ms;
  -moz-transition-timing: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition-delay: 0;
}
#twitter .container .hour li .thumbnail {
  display: inline-block;
  width: 35px;
  height: 35px;
  border: 5px solid #f6c003;
  -webkit-border-top-right-radius: 35px;
  -webkit-border-bottom-right-radius: 35px;
  -webkit-border-bottom-left-radius: 35px;
  -webkit-border-top-left-radius: 35px;
  -moz-border-radius-topright: 35px;
  -moz-border-radius-bottomright: 35px;
  -moz-border-radius-bottomleft: 35px;
  -moz-border-radius-topleft: 35px;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
  border-bottom-left-radius: 35px;
  border-top-left-radius: 35px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 15px;
  overflow: hidden;
}
#twitter .container .hour li .thumbnail img {
  display: block;
  width: 100%;
}
#twitter .container .hour li .identity {
  position: relative;
  margin-bottom: 16px;
}
#twitter .container .hour li .identity .separator {
  position: absolute;
  left: 50%;
  margin-left: -2px;
  width: 3px;
  height: 3px;
  background-color: #f6c003;
  display: inline-block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#twitter .container .hour li .identity .name,
#twitter .container .hour li .identity .screen-name {
  white-space: nowrap;
  bottom: -8px;
  position: absolute;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Avenir Regular';
  letter-spacing: 1px;
}
#twitter .container .hour li .identity .name {
  left: 10px;
}
#twitter .container .hour li .identity .screen-name {
  right: 10px;
}
#twitter .container .hour li p {
  font-family: 'Avenir Bold';
  font-size: 20px;
  line-height: auto;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#twitter .container .hour li .hover {
  font-size: 54px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 0;
  line-height: 100px;
  width: 100%;
  height: 100px;
  font-family: 'Avenir CnBold';
  text-transform: uppercase;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
}
#twitter .container .hour li .hover,
#twitter .container .hour li .tweet {
  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 500ms;
  -moz-transition-timing: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition-delay: 0;
}
#twitter .container .hour .btn.seek,
#twitter .container .hour .moreButton {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  display: none;
  font-family: 'Avenir CnBold';
  font-size: 10px;
  border: 1px solid #f6c003;
  text-transform: uppercase;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 6px 14px;
  cursor: pointer;
  letter-spacing: 0.2em;
}
#twitter .container .hour .moreButton {
  display: inline-block;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  background: #f6c003;
  color: #000000;
  margin: 30px auto 70px;
}
#twitter .close-button {
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 999;
  cursor: pointer;
  top: 40px;
  right: 65px;
}
#twitter .more {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 300ms cubic-bezier(0.95, 0.05, 0.795, 0.035) 0;
  -moz-transition: height 300ms cubic-bezier(0.95, 0.05, 0.795, 0.035) 0;
  -o-transition: height 300ms cubic-bezier(0.95, 0.05, 0.795, 0.035) 0;
  -ms-transition: height 300ms cubic-bezier(0.95, 0.05, 0.795, 0.035) 0;
  transition: height 300ms cubic-bezier(0.95, 0.05, 0.795, 0.035) 0;
  -moz-transition-property: height;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  -moz-transition-delay: 0;
}
#twitter .more .stars {
  margin-bottom: 40px;
  display: block;
}
#twitter .more .stars b {
  display: inline-block;
  font-weight: normal;
  margin: 0 20px;
}
.desktop #twitter .hour li:hover .hover {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
.desktop #twitter .hour li:hover .tweet {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
#twitter-buttons {
  position: absolute;
  top: 50%;
  right: 0;
  font-family: 'Avenir CnBold';
  text-transform: uppercase;
  margin-top: -14px;
  z-index: 1000;
  width: 110px;
}
#twitter-buttons span {
  display: block;
  font-size: 10px;
  letter-spacing: 0.2em;
  border: 1px solid #f6c003;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 0;
  color: #f6c003;
  background: rgba(246, 192, 3, 0);
  cursor: pointer;
  width: 100%;
  text-align: center;
}
#twitter-buttons span {
  -webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition: all 300ms cubic-bezier(1, 0, 0, 1) 0;
  -o-transition: all 300ms cubic-bezier(1, 0, 0, 1) 0;
  -ms-transition: all 300ms cubic-bezier(1, 0, 0, 1) 0;
  transition: all 300ms cubic-bezier(1, 0, 0, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(1, 0, 0, 1);
  -moz-transition-delay: 0;
}
#twitter-buttons:hover span {
  -webkit-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) 0;
  -moz-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) 0;
  -o-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) 0;
  -ms-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) 0;
  transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing: cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition-delay: 0;
  color: #000000;
  background: #f6c003;
}
#twitter-hours {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 48px;
  font-family: 'Avenir CnBold';
  z-index: 1000;
  line-height: 100px;
  width: 200px;
  -webkit-transform-origin: 50% 50px;
  -moz-transform-origin: 50% 50px;
  -o-transform-origin: 50% 50px;
  -ms-transform-origin: 50% 50px;
  transform-origin: 50% 50px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  height: 100%;
}
#twitter-hours ul {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -56px;
}
#twitter-hours span {
  display: block;
  cursor: pointer;
  opacity: 1;
  height: 100px;
}
#twitter-hours span sup {
  font-size: 20px;
  position: relative;
  top: -3px;
  left: 5px;
  display: inline-block;
  width: 0;
}
#twitter-hours .s1 span {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0.5;
}
#twitter-hours .s2 span {
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
  opacity: 0.3;
}
#twitter-hours .s1 span:hover {
  opacity: 1;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
}
#twitter-hours .s2 span:hover {
  opacity: 1;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
}
#twitter-hours b {
  margin: 0 5px 0 8px;
  display: inline-block;
  position: relative;
  bottom: 5px;
}
#twitter-hours span {
  -webkit-transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -moz-transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -o-transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -ms-transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1) 0;
  -moz-transition-property: all;
  -moz-transition-duration: 200ms;
  -moz-transition-timing: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition-delay: 0;
}
#credits {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: center;
  color: #f6c003;
  text-transform: uppercase;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
#credits a {
  color: #f6c003;
}
#credits .container {
  width: 500px;
  margin: 0 auto;
  z-index: 956;
  position: relative;
}
#credits .title {
  font-size: 16px;
  font-family: 'Avenir Medium';
  letter-spacing: 1px;
  margin-top: 20px;
}
#credits p,
#credits li {
  font-weight: normal;
  font-size: 21px;
  font-family: 'Avenir Bold';
  line-height: 24px;
}
#credits .star {
  font-family: 'Avenir Medium';
  display: block;
  margin: 42px 0 35px 0;
}
#credits .shield {
  position: absolute;
  z-index: 955;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
}
#credits .close-button {
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer;
  top: 40px;
  right: 65px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  z-index: 957;
}
#credits .ending {
  font-size: 150px;
  font-family: 'Avenir Bold';
  margin: 500px 0;
  position: relative;
  width: 800px;
  left: -150px;
  height: 301px;
}
#credits .cols {
  overflow: auto;
  width: 1200px;
  left: -350px;
  position: relative;
}
#credits .cols li {
  width: 33%;
  float: left;
}
#credits p.top {
  font-size: 50px;
  font-family: 'Avenir Bold';
  text-transform: uppercase;
  margin-bottom: 100px;
  line-height: normal;
}
#credits p.top strong {
  font-size: 21px;
  display: block;
  font-family: 'Avenir Medium';
  margin-top: -20px;
}
#credits p.top span {
  display: block;
  font-size: 120px;
  font-family: 'Avenir Bold';
}
#credits p.top .star {
  margin-top: 100px;
  font-size: 12px;
}
#credits .break {
  display: block;
  height: 24px;
}
#credits .song {
  margin: 200px 0;
}
#credits .song .name {
  font-size: 47px;
  line-height: 100px;
}
#credits .song .infos {
  font-size: 14px;
  font-family: 'Avenir Medium';
  line-height: normal;
}
#credits h1,
#credits h2,
#credits .h1,
#credits .h2,
#credits h3,
#credits .h3 {
  position: relative;
  left: 0;
  width: 100%;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
}
#credits h1,
#credits .h1 {
  font-family: 'Avenir Bold';
  font-size: 230px;
  bottom: 50%;
  margin-bottom: -119px;
  position: absolute;
  top: 50%;
  margin-top: -130px;
}
#credits h2,
#credits .h2 {
  font-family: 'Avenir Regular';
  font-size: 24px;
  top: 50%;
  margin-top: 80px;
  -webkit-font-smoothing: antialiased;
}
#credits h2 b,
#credits .h2 b {
  display: inline-block;
  padding: 0 25px;
  height: 19px;
  line-height: 19px;
  position: relative;
  top: -5px;
  font-size: 17px;
}
#credits h3,
#credits .h3 {
  font-family: 'Avenir Regular';
  font-size: 24px;
  top: 50%;
  margin-top: -283px;
}