/*Bourbon mixins*/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*Boxes settings*/
html, body {
  overflow: hidden; }

html {
  font-size: 16px; }

body {
  background: #e7e7e7;
  position: relative;
  height: 100vh;
  line-height: 0; }

img {
  display: block;
  width: 100%; }

@font-face {
  font-family: 'Rooney';
  src: url("../fonts/rooney_light.eot");
  src: url("../fonts/rooney_light.eot?#iefix") format("embedded-opentype"), url("../fonts/rooney_light.woff") format("woff"), url("../fonts/rooney_light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

h1 {
  font-size: 4em;
  line-height: 1.1;
  margin: 0; }

h2 {
  font-size: 1.5625em;
  line-height: 1.25; }

h3 {
  font-size: 1.953125em;
  line-height: 1.25; }

h4 {
  font-size: 2.44140625em;
  line-height: 1.25; }

h5 {
  font-size: 3.0517578125em;
  line-height: 1.25; }

h6 {
  font-size: 3.8146972656em;
  line-height: 1.25; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

#scene {
  width: 100%;
  position: relative;
  background: white;
  overflow: hidden; }
  #scene .scene-text {
    top: 10px;
    position: absolute; }
    #scene .scene-text p {
      font-family: 'Rooney';
      -webkit-font-smoothing: antialiased;
      color: rgba(0, 0, 0, 0.7);
      font-size: 1em;
      line-height: 1.333em;
      width: 196px; }
      @media screen and (max-width: 560px) {
        #scene .scene-text p {
          width: 180px; } }
      @media screen and (max-width: 500px) {
        #scene .scene-text p {
          font-size: 0.8em;
          width: 150px; } }
      @media screen and (max-width: 450px) {
        #scene .scene-text p {
          font-size: 0.65em;
          width: 95px; } }
  #scene .scene-controls {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: rgba(247, 247, 247, 0.5);
    visibility: hidden;
    opacity: 0; }
    #scene .scene-controls #mainTlSlider {
      width: calc(100% - 38px);
      height: 100%;
      background: transparent;
      left: 50%;
      transform: translateX(-50%);
      border: 0;
      border-radius: 0; }
      #scene .scene-controls #mainTlSlider .ui-slider-handle {
        height: 100%;
        top: 0;
        border-radius: 0;
        border: 1px solid #d4d4d4;
        transform: translateY(-5px); }

svg {
  cursor: pointer; }

.brand-nav {
  display: none; }

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