/* line 3, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 6, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
html, body, .viewport {
  height: 100%; }

/* line 9, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
.layers {
  list-style: none;
  *zoom: 1;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  height: 100%;
  min-height: 300px; }
  /* line 11, /Users/daev/.rvm/gems/ruby-1.9.3-p392@lax/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/lists/_bullets.scss */
  .layers li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0; }
  /* line 38, /Users/daev/.rvm/gems/ruby-1.9.3-p392@lax/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
  .layers:after {
    content: "";
    display: table;
    clear: both; }
  /* line 16, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
  .layers li {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: translate3D(0px, 0px, 0px);
    -moz-transform: translate3D(0px, 0px, 0px);
    -ms-transform: translate3D(0px, 0px, 0px);
    -o-transform: translate3D(0px, 0px, 0px);
    transform: translate3D(0px, 0px, 0px);
    position: absolute;
    width: 100%; }
    /* line 21, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
    .layers li .layer {
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    /* line 23, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
    .layers li img {
      visibility: hidden; }
  /* line 25, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
  .layers.explode {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px;
    -webkit-perspective-origin: 50% 100%; }
    /* line 28, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
    .layers.explode li {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
      opacity: 0.75;
      float: left;
      width: auto;
      left: 25%; }
    /* line 38, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
    .layers.explode li:nth-child(1) {
      -webkit-transform: rotateX(-15deg);
      -moz-transform: rotateX(-15deg);
      -ms-transform: rotateX(-15deg);
      -o-transform: rotateX(-15deg);
      transform: rotateX(-15deg);
      -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3);
      box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3);
      top: 20px; }
      /* line 43, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
      .layers.explode li:nth-child(1).selected {
        -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8);
        -moz-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8);
        box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8); }
    /* line 38, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
    .layers.explode li:nth-child(2) {
      -webkit-transform: rotateX(-30deg);
      -moz-transform: rotateX(-30deg);
      -ms-transform: rotateX(-30deg);
      -o-transform: rotateX(-30deg);
      transform: rotateX(-30deg);
      -webkit-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3);
      box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3);
      top: 40px; }
      /* line 43, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
      .layers.explode li:nth-child(2).selected {
        -webkit-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8);
        -moz-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8);
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8); }
    /* line 38, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
    .layers.explode li:nth-child(3) {
      -webkit-transform: rotateX(-45deg);
      -moz-transform: rotateX(-45deg);
      -ms-transform: rotateX(-45deg);
      -o-transform: rotateX(-45deg);
      transform: rotateX(-45deg);
      -webkit-box-shadow: 0 -15px 60px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 -15px 60px rgba(0, 0, 0, 0.3);
      box-shadow: 0 -15px 60px rgba(0, 0, 0, 0.3);
      top: 60px; }
      /* line 43, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
      .layers.explode li:nth-child(3).selected {
        -webkit-box-shadow: 0 -15px 60px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8);
        -moz-box-shadow: 0 -15px 60px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8);
        box-shadow: 0 -15px 60px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8); }
    /* line 38, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
    .layers.explode li:nth-child(4) {
      -webkit-transform: rotateX(-60deg);
      -moz-transform: rotateX(-60deg);
      -ms-transform: rotateX(-60deg);
      -o-transform: rotateX(-60deg);
      transform: rotateX(-60deg);
      -webkit-box-shadow: 0 -20px 80px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 -20px 80px rgba(0, 0, 0, 0.3);
      box-shadow: 0 -20px 80px rgba(0, 0, 0, 0.3);
      top: 80px; }
      /* line 43, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
      .layers.explode li:nth-child(4).selected {
        -webkit-box-shadow: 0 -20px 80px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8);
        -moz-box-shadow: 0 -20px 80px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8);
        box-shadow: 0 -20px 80px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8); }
    /* line 38, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
    .layers.explode li:nth-child(5) {
      -webkit-transform: rotateX(-75deg);
      -moz-transform: rotateX(-75deg);
      -ms-transform: rotateX(-75deg);
      -o-transform: rotateX(-75deg);
      transform: rotateX(-75deg);
      -webkit-box-shadow: 0 -25px 100px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 -25px 100px rgba(0, 0, 0, 0.3);
      box-shadow: 0 -25px 100px rgba(0, 0, 0, 0.3);
      top: 100px; }
      /* line 43, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
      .layers.explode li:nth-child(5).selected {
        -webkit-box-shadow: 0 -25px 100px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8);
        -moz-box-shadow: 0 -25px 100px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8);
        box-shadow: 0 -25px 100px rgba(0, 0, 0, 0.3), 0 0 20px rgba(100, 200, 255, 0.8); }

/* line 46, /Users/daev/Projects/lax/app/source/stylesheets/application.sass */
.layer-form {
  position: absolute; }