#haus * {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box; }

#haus #haus-container {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  width: 300px;
  height: 250px;
  margin: 0 auto;
  background: white; }
  #haus #haus-container:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 300px;
    height: 250px;
    box-shadow: inset 0 0 0 1px #313131;
    z-index: 20;
    pointer-events: none; }

#haus #haus-container .haus-step-1, #haus #haus-container .haus-step-2, #haus #haus-container .haus-step-3 {
  width: 100%;
  height: 100%; }

#haus > a {
  display: block;
  position: relative;
  width: 300px;
  height: 250px;
  margin: 0 auto; }

#haus #haus-container .haus-step-1, #haus #haus-container .haus-step-2, #haus #haus-container .haus-step-3 {
  position: absolute;
  left: 0;
  top: 0; }

#haus #haus-container .haus-step-1 {
  z-index: 2; }
  #haus #haus-container .haus-step-1 #haus-copy-step-1 {
    position: absolute;
    left: 29px;
    top: 39px; }
    #haus #haus-container .haus-step-1 #haus-copy-step-1 #haus-copy-1 {
      position: absolute;
      left: 0px;
      top: 0px;
      background: url("img-haus-copy-1.png") no-repeat;
      background-size: 100%;
      width: calc(162px / 2);
      height: calc(51px / 2);
      overflow: hidden; }
    #haus #haus-container .haus-step-1 #haus-copy-step-1 #haus-copy-2 {
      position: absolute;
      left: 0px;
      top: 29px;
      background: url("img-haus-copy-2.png") no-repeat;
      background-size: 100%;
      width: calc(206px / 2);
      height: calc(50px / 2);
      overflow: hidden; }
    #haus #haus-container .haus-step-1 #haus-copy-step-1 #haus-copy-3 {
      position: absolute;
      left: 0px;
      top: 58px;
      background: url("img-haus-copy-3.png") no-repeat;
      background-size: 100%;
      width: calc(141px / 2);
      height: calc(50px / 2);
      overflow: hidden; }
    #haus #haus-container .haus-step-1 #haus-copy-step-1 #haus-copy-4 {
      position: absolute;
      left: 1px;
      top: 86px;
      background: url("img-haus-copy-4.png") no-repeat;
      background-size: 100%;
      width: calc(94px / 2);
      height: calc(51px / 2);
      overflow: hidden; }
    #haus #haus-container .haus-step-1 #haus-copy-step-1 #haus-copy-5 {
      position: absolute;
      left: 53px;
      top: 86px;
      background: url("img-haus-copy-5.png") no-repeat;
      background-size: 100%;
      width: calc(42px / 2);
      height: calc(51px / 2);
      overflow: hidden; }
    #haus #haus-container .haus-step-1 #haus-copy-step-1 #haus-copy-6 {
      position: absolute;
      left: 0px;
      top: 115px;
      background: url("img-haus-copy-6.png") no-repeat;
      background-size: 100%;
      width: calc(150px / 2);
      height: calc(49px / 2);
      overflow: hidden; }
    #haus #haus-container .haus-step-1 #haus-copy-step-1 #haus-copy-7 {
      position: absolute;
      left: 1px;
      top: 143px;
      background: url("img-haus-copy-7.png") no-repeat;
      background-size: 100%;
      width: calc(166px / 2);
      height: calc(50px / 2);
      overflow: hidden; }
  #haus #haus-container .haus-step-1 #haus-vodka {
    width: 75px;
    height: 239px;
    position: absolute;
    left: 157px;
    top: 12px;
    background: url("img-haus-vodka-sprite.png") no-repeat; }
  #haus #haus-container .haus-step-1 #haus-glass {
    position: absolute;
    left: 222px;
    top: 198px;
    background: url("img-haus-glass.png") no-repeat;
    width: 66px;
    height: 52px; }
  #haus #haus-container .haus-step-1 #haus-copy-12 {
    position: absolute;
    left: 29px;
    top: 234px;
    background: url("img-haus-copy-12.png") no-repeat;
    background-size: 100%;
    width: calc(169px / 2);
    height: calc(14px / 2);
    overflow: hidden; }

#haus #haus-container .haus-step-2 {
  z-index: 3; }
  #haus #haus-container .haus-step-2 #haus-copy-step-2 {
    position: absolute;
    left: 29px;
    top: 31px; }
    #haus #haus-container .haus-step-2 #haus-copy-step-2 #haus-copy-8 {
      position: absolute;
      left: 0px;
      top: 0px;
      background: url("img-haus-copy-8.png") no-repeat;
      background-size: 100%;
      width: calc(133px / 2);
      height: calc(78px / 2);
      overflow: hidden; }
    #haus #haus-container .haus-step-2 #haus-copy-step-2 #haus-copy-9 {
      position: absolute;
      left: 0px;
      top: 42px;
      background: url("img-haus-copy-9.png") no-repeat;
      background-size: 100%;
      width: calc(136px / 2);
      height: calc(78px / 2);
      overflow: hidden; }
    #haus #haus-container .haus-step-2 #haus-copy-step-2 #haus-copy-10 {
      position: absolute;
      left: 0px;
      top: 84px;
      background: url("img-haus-copy-10.png") no-repeat;
      background-size: 100%;
      width: calc(129px / 2);
      height: calc(78px / 2);
      overflow: hidden; }
    #haus #haus-container .haus-step-2 #haus-copy-step-2 #haus-copy-11 {
      position: absolute;
      left: 0px;
      top: 126px;
      background: url("img-haus-copy-11.png") no-repeat;
      background-size: 100%;
      width: calc(97px / 2);
      height: calc(78px / 2);
      overflow: hidden; }

#zone-wrap {
  background: #091d40;
  overflow: hidden;
  width: 300px;
  height: 250px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

#zone {
  position: relative;
  -webkit-filter: blur(40px);
          filter: blur(40px);
  width: 600px;
  margin-left: -50%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.line {
  background: #091d40;
  white-space: nowrap;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .line > div {
    width: 33px;
    height: 101px;
    margin-top: -15px;
    margin-left: -45px;
    margin-bottom: 15px;
    display: inline-block;
    background: #091d40;
    border: #091d40;
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .line > div:nth-child(1) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 56px;
      height: 40px;
      border-radius: 0;
      margin-bottom: 19px;
      margin-left: i-1px; }
    .line > div:nth-child(2) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 53px;
      height: 52px;
      border-radius: 0;
      margin-bottom: 16px;
      margin-left: i-1px; }
    .line > div:nth-child(3) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 19px;
      height: 48px;
      border-radius: 0;
      margin-bottom: 27px;
      margin-left: i-1px; }
    .line > div:nth-child(4) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 45px;
      height: 61px;
      border-radius: 0;
      margin-bottom: 38px;
      margin-left: i-1px; }
    .line > div:nth-child(5) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 31px;
      height: 74px;
      border-radius: 0;
      margin-bottom: 3px;
      margin-left: i-1px; }
    .line > div:nth-child(6) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 39px;
      height: 67px;
      border-radius: 0;
      margin-bottom: 33px;
      margin-left: i-1px; }
    .line > div:nth-child(7) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 38px;
      height: 46px;
      border-radius: 0;
      margin-bottom: 12px;
      margin-left: i-1px; }
    .line > div:nth-child(8) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 31px;
      height: 27px;
      border-radius: 0;
      margin-bottom: 23px;
      margin-left: i-1px; }
    .line > div:nth-child(9) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 30px;
      height: 66px;
      border-radius: 0;
      margin-bottom: 23px;
      margin-left: i-1px; }
    .line > div:nth-child(10) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 53px;
      height: 39px;
      border-radius: 0;
      margin-bottom: 28px;
      margin-left: i-1px; }
    .line > div:nth-child(11) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 53px;
      height: 74px;
      border-radius: 0;
      margin-bottom: 37px;
      margin-left: i-1px; }
    .line > div:nth-child(12) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 63px;
      height: 65px;
      border-radius: 0;
      margin-bottom: 23px;
      margin-left: i-1px; }
    .line > div:nth-child(13) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 56px;
      height: 72px;
      border-radius: 0;
      margin-bottom: 38px;
      margin-left: i-1px; }
    .line > div:nth-child(14) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 51px;
      height: 69px;
      border-radius: 0;
      margin-bottom: 27px;
      margin-left: i-1px; }
    .line > div:nth-child(15) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 56px;
      height: 24px;
      border-radius: 0;
      margin-bottom: 31px;
      margin-left: i-1px; }
    .line > div:nth-child(16) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 55px;
      height: 52px;
      border-radius: 0;
      margin-bottom: 7px;
      margin-left: i-1px; }
    .line > div:nth-child(17) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 26px;
      height: 25px;
      border-radius: 0;
      margin-bottom: 26px;
      margin-left: i-1px; }
    .line > div:nth-child(18) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 29px;
      height: 64px;
      border-radius: 0;
      margin-bottom: 31px;
      margin-left: i-1px; }
    .line > div:nth-child(19) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 35px;
      height: 26px;
      border-radius: 0;
      margin-bottom: 39px;
      margin-left: i-1px; }
    .line > div:nth-child(20) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 56px;
      height: 38px;
      border-radius: 0;
      margin-bottom: 26px;
      margin-left: i-1px; }
    .line > div:nth-child(21) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 44px;
      height: 61px;
      border-radius: 0;
      margin-bottom: 35px;
      margin-left: i-1px; }
    .line > div:nth-child(22) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 62px;
      height: 29px;
      border-radius: 0;
      margin-bottom: 25px;
      margin-left: i-1px; }
    .line > div:nth-child(23) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 34px;
      height: 61px;
      border-radius: 0;
      margin-bottom: 15px;
      margin-left: i-1px; }
    .line > div:nth-child(24) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 55px;
      height: 43px;
      border-radius: 0;
      margin-bottom: 17px;
      margin-left: i-1px; }
    .line > div:nth-child(25) {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-filter: brightness(1.8);
              filter: brightness(1.8);
      width: 57px;
      height: 75px;
      border-radius: 0;
      margin-bottom: 21px;
      margin-left: i-1px; }

.line-one {
  -webkit-animation: shimmy 12s ease-in infinite alternate;
          animation: shimmy 12s ease-in infinite alternate;
  -webkit-animation-delay: 1;
          animation-delay: 1;
  margin-top: -20px;
  margin-left: -20px;
  -webkit-transform: translate3d(-55px, 0, 0);
          transform: translate3d(-55px, 0, 0); }

.line-two {
  -webkit-animation: shimmyMid 8s ease-in infinite alternate;
          animation: shimmyMid 8s ease-in infinite alternate;
  -webkit-animation-delay: 1;
          animation-delay: 1;
  margin-left: -50px;
  margin-bottom: -10px;
  margin-top: -20px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.line-three {
  -webkit-animation: shimmy 7s ease-out infinite alternate;
          animation: shimmy 7s ease-out infinite alternate;
  -webkit-animation-delay: 1;
          animation-delay: 1;
  -webkit-transform: translate3d(-50px, 0, 0);
          transform: translate3d(-50px, 0, 0); }

.stopAnimation {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

@-webkit-keyframes shimmy {
  to {
    -webkit-transform: translateX(50px) rotate(160deg);
            transform: translateX(50px) rotate(160deg); } }

@keyframes shimmy {
  to {
    -webkit-transform: translateX(50px) rotate(160deg);
            transform: translateX(50px) rotate(160deg); } }

@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(260deg);
            transform: rotate(260deg); } }

@keyframes rotate {
  to {
    -webkit-transform: rotate(260deg);
            transform: rotate(260deg); } }

@-webkit-keyframes shimmyMid {
  to {
    -webkit-transform: translateX(-250px) rotate(60deg);
            transform: translateX(-250px) rotate(60deg); } }

@keyframes shimmyMid {
  to {
    -webkit-transform: translateX(-250px) rotate(60deg);
            transform: translateX(-250px) rotate(60deg); } }

#haus #haus-container .haus-button-cta {
  position: absolute;
  left: 30px;
  top: 210px;
  overflow: hidden;
  height: 8px;
  width: 80px; }
  #haus #haus-container .haus-button-cta #haus-button-cta-copy {
    position: absolute;
    left: 0;
    top: 0;
    background: url("img-haus-copy-bt.png") no-repeat;
    background-size: 100%;
    width: calc(127px / 2);
    height: calc(14px / 2);
    transition: all 250ms cubic-bezier(0.89, 0, 0.33, 1); }
  #haus #haus-container .haus-button-cta #haus-button-cta-arrow {
    position: absolute;
    left: 68px;
    top: 1px;
    background: url("img-haus-bt-arrow.png") no-repeat;
    background-size: 100%;
    width: calc(5px / 2);
    height: calc(9px / 2);
    transition: all 250ms cubic-bezier(0.89, 0, 0.33, 1); }

#haus #haus-container .haus-button-cta:hover #haus-button-cta-arrow {
  position: absolute;
  left: 70px;
  top: 1px;
  opacity: 0.8; }

#haus #haus-container .haus-button-cta:hover #haus-button-cta-copy {
  opacity: 0.7; }