#cookie-consent {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #101421;
  padding: 25px 125px 25px 25px; }
  #cookie-consent .dialog > * {
    display: inline-block;
    font-size: 12.54px;
    line-height: 16.5px;
    color: #bcbdc0; }
  #cookie-consent .dialog a {
    color: #bcbdc0;
    -webkit-transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    #cookie-consent .dialog a:hover {
      color: #fff; }
  #cookie-consent .dialog p {
    margin-right: 6.25px; }
  #cookie-consent .dialog p + p {
    margin-top: 8.33333px; }
  #cookie-consent .dialog button {
    position: absolute;
    right: 25px;
    top: 15.5px;
    background: #101421;
    padding: 9.5px 19px 7.6px;
    border: 1px solid #bcbdc0;
    border-radius: 6.33333px;
    cursor: pointer;
    -webkit-transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    #cookie-consent .dialog button:hover {
      color: #fff;
      border-color: #fff; }

@-webkit-keyframes roulette {
  0% {
    -webkit-transform: translate(0, 0); }
  20% {
    -webkit-transform: translate(0, 25px); }
  20.1% {
    -webkit-transform: translate(0, -25px); }
  40% {
    -webkit-transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, 0); } }
@-moz-keyframes roulette {
  0% {
    -moz-transform: translate(0, 0); }
  20% {
    -moz-transform: translate(0, 25px); }
  20.1% {
    -moz-transform: translate(0, -25px); }
  40% {
    -moz-transform: translate(0, 0); }
  100% {
    -moz-transform: translate(0, 0); } }
@keyframes roulette {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  20% {
    -webkit-transform: translate(0, 25px);
    -moz-transform: translate(0, 25px);
    -ms-transform: translate(0, 25px);
    -o-transform: translate(0, 25px);
    transform: translate(0, 25px); }
  20.1% {
    -webkit-transform: translate(0, -25px);
    -moz-transform: translate(0, -25px);
    -ms-transform: translate(0, -25px);
    -o-transform: translate(0, -25px);
    transform: translate(0, -25px); }
  40% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }
* {
  margin: 0;
  padding: 0; }

body.sandwiched #content {
  overflow: hidden;
  -webkit-overflow-scrolling: auto; }
body.sandwiched #hamburger-menu {
  display: block;
  -webkit-overflow-scrolling: touch; }

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

body {
  font-family: "proxima-nova", sans-serif;
  font-size: 19px;
  line-height: 25px;
  font-weight: normal; }
  body div.navigation {
    width: 100%;
    height: 62.5px;
    line-height: 62.5px;
    top: 0;
    left: 0;
    right: 0; }
    body div.navigation.anchored {
      position: absolute;
      background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), transparent);
      background: linear-gradient(rgba(0, 0, 0, 0.7), transparent); }
    body div.navigation.floating {
      position: fixed;
      background: rgba(0, 0, 0, 0.85);
      pointer-events: none;
      opacity: 0;
      -webkit-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      -moz-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
      body div.navigation.floating.enabled {
        opacity: 1;
        pointer-events: auto; }
    body div.navigation:not(.show-download) ul li.download {
      opacity: 0;
      width: 0;
      height: 0;
      padding: 0;
      overflow: hidden; }
    body div.navigation .left {
      float: left; }
    body div.navigation .right {
      float: right; }
    body div.navigation .highlight {
      border: 1px solid #bcbdc0;
      border-radius: 6.33333px;
      padding: 6.33333px 9.5px; }
      body div.navigation .highlight:hover {
        border-color: #fff; }
    body div.navigation .hamburger {
      display: none;
      position: absolute;
      left: 25px;
      top: 50%;
      width: 25px;
      height: 25px;
      margin-top: -12.5px;
      background: url(../images/hamburger.svg) center center no-repeat;
      cursor: pointer; }
    body div.navigation .signum {
      position: absolute;
      top: 50%;
      left: 25px;
      font-weight: 100;
      font-size: 25px;
      display: block;
      width: 70.75px;
      height: 25px;
      margin-top: -12.5px;
      background: url(../images/logo.svg) center center no-repeat;
      background-size: contain;
      overflow: hidden;
      text-indent: -9999px;
      -webkit-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      -moz-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    body div.navigation ul {
      list-style: none;
      margin-right: 12.5px;
      vertical-align: middle; }
      body div.navigation ul li {
        display: inline-block;
        font-weight: 500;
        font-size: 12.54px;
        padding: 0 12.5px; }
        body div.navigation ul li.download {
          opacity: 1;
          -webkit-transition: width 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), padding 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          -moz-transition: width 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), padding 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition: width 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), padding 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
        body div.navigation ul li a {
          color: #bcbdc0;
          text-decoration: none;
          -webkit-transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), background 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          -moz-transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), background 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), background 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
          body div.navigation ul li a.button {
            background: #2fbfc2;
            color: #282828;
            padding: 8.33333px 9.5px;
            border-radius: 6.33333px; }
            body div.navigation ul li a.button:hover {
              color: #000;
              background: #74d4d6; }
          body div.navigation ul li a:hover {
            color: #fff; }
      body div.navigation ul li.social {
        padding-left: 0; }
        body div.navigation ul li.social a {
          -webkit-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          -moz-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          position: relative;
          display: inline-block;
          line-height: 0;
          margin-left: 9.5px;
          width: 25px;
          height: 25px;
          opacity: 0.66;
          overflow: hidden;
          text-indent: -9999px;
          text-align: left;
          vertical-align: middle;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain; }
          body div.navigation ul li.social a:hover {
            opacity: 1; }
          body div.navigation ul li.social a.facebook {
            background-image: url(/images/social/facebook-white.png); }
          body div.navigation ul li.social a.twitter {
            background-image: url(/images/social/twitter-white.png); }
          body div.navigation ul li.social a.instagram {
            background-image: url(/images/social/instagram-white.png); }
          body div.navigation ul li.social a.youtube {
            background-image: url(/images/social/youtube-white.png); }
  body #content {
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1b1c1c; }
    body #content h1, body #content h2, body #content h3, body #content h4, body #content h5, body #content h6 {
      font-weight: 400; }
    body #content #fold {
      position: relative;
      width: 100%;
      min-height: 100%;
      color: #fff;
      text-align: center;
      opacity: 0;
      overflow: hidden;
      background: #000;
      -webkit-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      -moz-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
      body #content #fold .textures {
        display: none; }
      body #content #fold .content {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 325px;
        width: 800px;
        margin-left: -400px;
        margin-top: -162.5px; }
        body #content #fold .content h1 {
          font-weight: 100;
          font-size: 25px;
          display: block;
          width: 283px;
          height: 100px;
          background: url(../images/logo.svg) center center no-repeat;
          background-size: contain;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 33.25px;
          overflow: hidden;
          text-indent: -9999px;
          text-align: left;
          z-index: 1; }
        body #content #fold .content .slogan {
          font-weight: 300;
          color: #c9cacd;
          letter-spacing: 1px;
          font-size: 28.5px;
          line-height: 28.5px;
          z-index: 1; }
        body #content #fold .content .cta {
          margin-top: 33.25px;
          z-index: 1; }
          body #content #fold .content .cta div.button,
          body #content #fold .content .cta button {
            display: inline-block;
            position: relative;
            background: #2fbfc2;
            border: 0;
            padding: 0;
            height: 45.475px;
            width: 190.4px;
            line-height: 45.475px;
            font-size: 12.54px;
            border-radius: 4.16667px;
            cursor: pointer;
            background-size: 66%;
            background-position: center center;
            background-repeat: no-repeat;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 500;
            -webkit-transition: background 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            -moz-transition: background 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            transition: background 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            overflow: visible;
            outline: none; }
            body #content #fold .content .cta div.button:hover,
            body #content #fold .content .cta button:hover {
              background: #28a2a5; }
            body #content #fold .content .cta div.button div.platforms,
            body #content #fold .content .cta button div.platforms {
              margin-top: 3.16667px;
              display: none; }
            body #content #fold .content .cta div.button a,
            body #content #fold .content .cta button a {
              position: relative;
              display: block;
              width: 190.4px;
              height: 45.475px;
              margin-top: 2.375px;
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 100%;
              content: "";
              opacity: 0.9;
              -webkit-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
              -moz-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
              transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
              body #content #fold .content .cta div.button a:hover,
              body #content #fold .content .cta button a:hover {
                opacity: 1; }
            body #content #fold .content .cta div.button .ios,
            body #content #fold .content .cta button .ios {
              background-image: url(../images/ios-button.png); }
            body #content #fold .content .cta div.button .android,
            body #content #fold .content .cta button .android {
              background-image: url(../images/android-button.png); }
      body #content #fold canvas {
        display: block;
        width: 100%;
        height: 100%;
        pointer-events: none; }
    body #content #films {
      position: relative;
      text-align: center;
      background: #f2f2f2;
      color: #282828; }
      body #content #films .poster {
        position: relative;
        top: 0;
        width: 100%; }
        body #content #films .poster div.thumbnail {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-position: center center;
          background-size: cover; }
        body #content #films .poster button {
          position: absolute;
          bottom: 12.5%;
          left: 50%;
          margin-left: -60px; }
        body #content #films .poster:after {
          position: absolute;
          display: block;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: 0;
          pointer-events: none;
          background: rgba(0, 0, 0, 0.82) url(/images/play360-cta.svg) center center no-repeat;
          background-size: contain;
          content: "";
          -webkit-transition: opacity 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
          -moz-transition: opacity 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
          transition: opacity 0.75s cubic-bezier(0.075, 0.82, 0.165, 1); }
        body #content #films .poster:hover:after {
          opacity: 1; }
      body #content #films .slogan {
        padding: 25px 0; }
        body #content #films .slogan h3 {
          font-size: 28.5px;
          line-height: 37.5px;
          margin: 0 auto;
          color: #686868;
          font-weight: 500;
          letter-spacing: 1px;
          max-width: 75%; }
        body #content #films .slogan p.description {
          font-weight: 300;
          max-width: 75%;
          margin: 0 auto;
          font-size: 98%; }
      body #content #films .gallery {
        position: relative;
        list-style: none;
        max-width: 900px;
        margin: 0 auto;
        text-align: center; }
        body #content #films .gallery li {
          display: inline-block;
          width: 50%;
          margin-bottom: 12.66667px;
          vertical-align: top; }
          body #content #films .gallery li a {
            position: relative;
            display: block;
            margin: 0 6.33333px;
            text-decoration: none; }
          body #content #films .gallery li div.thumbnail {
            position: relative;
            width: 100%;
            background-size: cover;
            border-radius: 6.33333px; }
            body #content #films .gallery li div.thumbnail div.duration {
              color: #fff;
              position: absolute;
              left: 0;
              bottom: 0;
              background: rgba(0, 0, 0, 0.85);
              font-weight: 100;
              padding: 4.75px 19px;
              font-size: 12.54px;
              display: none; }
            body #content #films .gallery li div.thumbnail:after {
              position: absolute;
              display: block;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              opacity: 0;
              pointer-events: none;
              background: rgba(0, 0, 0, 0.82) url(/images/play360-cta.svg) center center no-repeat;
              background-size: 100%;
              content: "";
              border-radius: 6.33333px;
              -webkit-transition: opacity 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
              -moz-transition: opacity 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
              transition: opacity 0.75s cubic-bezier(0.075, 0.82, 0.165, 1); }
          body #content #films .gallery li p {
            text-align: left;
            text-decoration: none; }
          body #content #films .gallery li p.title {
            font-size: 85%;
            color: #fff;
            text-transform: capitalize;
            display: none; }
          body #content #films .gallery li p.date {
            color: #9a979b;
            font-style: italic;
            font-weight: 300;
            display: none; }
          body #content #films .gallery li:hover div.thumbnail:after {
            opacity: 1; }
    body #content #page {
      position: relative;
      background-size: cover;
      color: #f2f2f2;
      padding: 25px 0 0 0;
      font-size: 18px; }
      body #content #page p {
        text-align: center; }
      body #content #page div.partners p.title {
        max-width: 75%;
        color: #fff;
        margin: 12.5px auto 0;
        font-size: 28.5px;
        line-height: 31.25px;
        font-weight: 500;
        letter-spacing: 1px; }
      body #content #page div.partners p.description {
        max-width: 85%;
        margin: 12.5px auto;
        color: #838084;
        font-weight: 400; }
      body #content #page div.partners div.entities {
        margin: 37.5px auto;
        width: 66%;
        height: 75px;
        background: url(/images/partners.png) center center no-repeat;
        background-size: contain; }
    body #content #content-production {
      background: rgba(0, 0, 0, 0.33);
      position: relative;
      color: #838084;
      font-weight: 400;
      padding: 37.5px 50px;
      font-size: 18px;
      text-align: center; }
      body #content #content-production a {
        text-decoration: none; }
        body #content #content-production a .vrse-works {
          display: inline-block;
          width: 200px;
          height: 38.5px;
          margin: 12.5px 0 0;
          background: url(../images/vrse-works.png) center center no-repeat;
          background-size: 100%;
          opacity: 0.85;
          -webkit-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          -moz-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          content: ""; }
        body #content #content-production a:hover .vrse-works {
          opacity: 1; }
    body #content #foot {
      background: #161e26;
      padding-top: 25px; }
      body #content #foot ul.verticals {
        list-style: none;
        text-align: center; }
        body #content #foot ul.verticals > li {
          display: inline-block;
          vertical-align: top;
          margin-bottom: 25px; }
          body #content #foot ul.verticals > li:not(:first-child) {
            margin-left: 50px; }
          body #content #foot ul.verticals > li.social {
            vertical-align: middle; }
            body #content #foot ul.verticals > li.social a {
              display: inline-block;
              font-size: 12.54px;
              text-decoration: none;
              color: #9a979b;
              -webkit-transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
              -moz-transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
              transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
              body #content #foot ul.verticals > li.social a:last-child {
                margin-left: 9.5px; }
              body #content #foot ul.verticals > li.social a:hover {
                color: #fff;
                border-color: #fff; }
              body #content #foot ul.verticals > li.social a.highlight {
                display: inline-block;
                line-height: 25px;
                padding: 0 9.5px;
                border-radius: 4.75px;
                border: 1px solid #9a979b; }
              body #content #foot ul.verticals > li.social a.icon {
                width: 31.25px;
                height: 31.25px;
                margin: 0 4.75px;
                text-indent: -9999px;
                overflow: none;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 100%;
                opacity: 0.85;
                vertical-align: top;
                -webkit-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                -moz-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
                body #content #foot ul.verticals > li.social a.icon:hover {
                  opacity: 1; }
                body #content #foot ul.verticals > li.social a.icon.facebook {
                  background-image: url(/images/social/facebook-white.png); }
                body #content #foot ul.verticals > li.social a.icon.twitter {
                  background-image: url(/images/social/twitter-white.png); }
                body #content #foot ul.verticals > li.social a.icon.instagram {
                  background-image: url(/images/social/instagram-white.png); }
                body #content #foot ul.verticals > li.social a.icon.youtube {
                  background-image: url(/images/social/youtube-white.png); }
        body #content #foot ul.verticals ul {
          list-style: none; }
          body #content #foot ul.verticals ul li {
            font-size: 12.54px;
            color: #9a979b;
            text-align: left; }
            body #content #foot ul.verticals ul li, body #content #foot ul.verticals ul li a {
              color: #9a979b;
              text-decoration: none;
              font-weight: 400;
              -webkit-transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
              -moz-transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
              transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
            body #content #foot ul.verticals ul li a:hover {
              color: #fff; }
            body #content #foot ul.verticals ul li.title {
              font-size: 14.25px;
              color: #fff;
              font-weight: 500;
              margin-bottom: 8.33333px; }
      body #content #foot div.divider {
        width: 33%;
        margin: 0 auto;
        border-bottom: 1px solid #9a979b; }
      body #content #foot div.coat-tails {
        margin-top: 25px;
        padding-bottom: 25px;
        font-size: 12.54px;
        color: #9a979b;
        text-align: center; }
        body #content #foot div.coat-tails p + p {
          margin-top: 12.5px; }
        body #content #foot div.coat-tails a {
          color: #9a979b;
          text-decoration: none;
          background-color: transparent;
          border: 0;
          -webkit-transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          -moz-transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
          body #content #foot div.coat-tails a:hover {
            border: 0;
            color: #fff;
            border-color: #fff;
            background-color: transparent; }
          body #content #foot div.coat-tails a.button {
            display: inline-block;
            overflow: hidden;
            text-indent: -9999px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100%;
            opacity: 0.85;
            -webkit-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            -moz-transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            transition: opacity 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
            body #content #foot div.coat-tails a.button + .button {
              margin-left: 12.5px; }
            body #content #foot div.coat-tails a.button:hover {
              opacity: 1; }
            body #content #foot div.coat-tails a.button.ios {
              width: 85.14px;
              height: 29.37px;
              background-image: url(/images/how-to-watch-vr/ios.png); }
            body #content #foot div.coat-tails a.button.android {
              width: 82.83px;
              height: 28.71px;
              background-image: url(/images/how-to-watch-vr/android.png); }
    body #content strong {
      font-weight: normal;
      color: #2fbfc2; }
  body #awning {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    line-height: 0;
    z-index: 1; }
    body #awning .progress {
      position: relative;
      -webkit-transition: width 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      -moz-transition: width 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: width 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      width: 0;
      height: 100%;
      margin: 0 auto;
      line-height: 0;
      background: #2fbfc2;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }
  body #hamburger-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    cursor: pointer; }
    body #hamburger-menu .backdrop {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.33);
      content: ""; }
    body #hamburger-menu ul {
      position: absolute;
      background: #1b1c1c;
      left: -300px;
      top: 0;
      bottom: 0;
      width: 300px;
      list-style: none;
      cursor: default;
      overflow: auto;
      padding-top: 75px;
      -webkit-transition: left 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      -moz-transition: left 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
      body #hamburger-menu ul li {
        text-align: left; }
        body #hamburger-menu ul li a {
          display: inline-block;
          text-align: left;
          color: white;
          text-decoration: none;
          padding: 25px 25px 25px 50px;
          font-weight: 300;
          -webkit-transition: color 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          -moz-transition: color 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition: color 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
          body #hamburger-menu ul li a:hover {
            color: #2fbfc2; }

@media (max-width: 800px) {
  body div.navigation .hamburger {
    display: block; }
  body div.navigation .signum {
    opacity: 0;
    left: 50%;
    margin-left: -35.375px; }
  body div.navigation ul li:not(.download) {
    display: none; }
  body div.navigation.show-download .signum {
    opacity: 1; }
  body #content #fold .content {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  body #content #films .slogan h3 {
    font-size: 19px; }
  body #content #films .gallery {
    margin: 0 25px; }
    body #content #films .gallery li a div.thumbnail div.duration {
      font-size: 50%;
      padding: 4.75px 9.5px; }
    body #content #films .gallery li a p.title {
      font-size: 66%; }
  body #content #page div.partners p.title {
    font-size: 19px; }
  body #content #page div.partners p.description {
    font-size: 11.4px;
    line-height: 18.75px; }
  body #content #page div.partners div.entities {
    margin: 12.5px auto 25px; }
  body #content #page #content-production p {
    font-size: 14.25px;
    line-height: 18.75px; }
  body #content #foot ul.verticals > li {
    display: block;
    width: 100%; }
    body #content #foot ul.verticals > li:not(:first-child) {
      margin-left: 0; }
    body #content #foot ul.verticals > li > ul {
      display: inline-block; }
      body #content #foot ul.verticals > li > ul li {
        text-align: center; } }
@media (max-width: 500px) {
  body #content #films .gallery li {
    width: 100%; } }
body.homepage #content #page {
  background: #101421 url(/images/homepage/background-speckle.jpg) center center no-repeat; }

.pill {
  padding: 9.5px 19px;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 2px;
  font-size: 9.5px;
  border: 1px solid #fff;
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  border-radius: 19px;
  background: transparent;
  cursor: pointer; }

::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: #2fbfc2; }

::selection {
  color: #fff;
  background: #2fbfc2; }

br.clear {
  display: block;
  clear: both;
  width: 0;
  height: 0; }

.hidden {
  display: none !important; }

/*# sourceMappingURL=main.css.map */