#haus #haus-collapsed .haus-background-6, #haus #haus-collapsed .haus-step-1, #haus #haus-collapsed .haus-copy-4 svg, #haus #haus-collapsed .haus-copy-cta svg, #haus #haus-expanded #haus-media-controls button svg, #haus .haus-replay, #haus .haus-copy-cta_2 svg {
  width: 100%;
  height: 100%; }

#haus * {
  box-sizing: border-box;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

#haus #haus-container {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  width: 970px;
  height: 250px;
  margin: 0 auto;
  font-family: sans-serif; }

#haus #haus-collapsed {
  width: 970px;
  height: 66px;
  background-color: #030334;
  position: relative; cursor: pointer;
  overflow: hidden; }
  #haus #haus-collapsed .haus-background-6 {
    position: absolute;
    left: 0;
    top: 0;
    background: #000000; }
  #haus #haus-collapsed .haus-background-7 {
    width: 287px;
    height: 66px;
    background: url("img-haus-background-7.jpg");
    background-size: 100%;
    position: absolute;
    left: 532px;
    top: 0px; }
  #haus #haus-collapsed .haus-step-1 {
    position: absolute;
    left: 0;
    top: 0; }
  #haus #haus-collapsed .haus-line-5 {
    background-color: #fff;
    width: 1px;
    height: 20px;
    position: absolute;
    left: 90px;
    top: 24px; }
  #haus #haus-collapsed .haus-copy-4 {
    width: 58px;
    height: 19px;
    position: absolute;
    left: 20px;
    top: 4px;
    cursor: pointer; }
    #haus #haus-collapsed .haus-copy-4 svg {
      display: block;
      fill: #E21D38;
      -webkit-transition: fill 0.2s ease-in-out;
              transition: fill 0.2s ease-in-out; }
    #haus #haus-collapsed .haus-copy-4:hover svg {
      fill: #fff; }
  #haus #haus-collapsed .haus-copy-5 {
    position: absolute;
    left: 101px;
    top: 3px;
    overflow: hidden;
    text-indent: -99999px;
    display: inline-block;
    background: url("img-haus-copy-5.png") center no-repeat;
    background-size: cover;
    width: 486px;
    height: 18px;
    z-index: 5; }
  #haus #haus-collapsed .haus-car {
    position: absolute;
    left: 632px;
    top: 3px; }
  #haus #haus-collapsed .haus-car-up {
    background: url("img-haus-car.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 121px;
    height: 56px;
    z-index: 3; }
  #haus #haus-collapsed .haus-car-wheels {
    background: url("img-haus-wheels.png") no-repeat;
    width: 192px;
    height: 40px;
    position: absolute;
    left: -50px;
    top: 21px;
    z-index: 2; }
    #haus #haus-collapsed .haus-car-wheels .haus-wheel-left {
      position: absolute;
      left: 36px;
      top: 1px;
      -webkit-transform: scaleX(0.15) scaleY(0.4);
          -ms-transform: scaleX(0.15) scaleY(0.4);
              transform: scaleX(0.15) scaleY(0.4); }
    #haus #haus-collapsed .haus-car-wheels .haus-wheel-right {
      position: absolute;
      left: 71px;
      top: 4px;
      -webkit-transform: scaleX(0.25) scaleY(0.6);
          -ms-transform: scaleX(0.25) scaleY(0.6);
              transform: scaleX(0.25) scaleY(0.6); }
  #haus #haus-collapsed .haus-wheel {
    background: url("img-haus-wheel.png") no-repeat;
    width: 40px;
    height: 40px; }
  #haus #haus-collapsed .haus-copy-cta {
    position: absolute;
    left: 850px;
    top: 36px;
    width: 92px;
    height: 21px;
    z-index: 2;
    pointer-events: none; }
    #haus #haus-collapsed .haus-copy-cta span {
      width: 68px;
      height: 10.23px;
      display: block;
      margin: 2px 0 0 17px; }
    #haus #haus-collapsed .haus-copy-cta svg {
      fill: #fff; }
  #haus #haus-collapsed .haus-copy-6 {
    position: absolute;
    left: 755px;
    top: 55px;
    overflow: hidden;
    text-indent: -99999px;
    display: inline-block;
    background: url("img-haus-copy-6.png") center no-repeat;
    background-size: cover;
    width: 51px;
    height: 9px; }
  #haus #haus-collapsed .haus-lexus {
    position: absolute;
    left: 841px;
    top: 9px;
    background: url("img-haus-lexus.svg") no-repeat;
    background-size: cover;
    width: 111px;
    height: 20px;
    text-indent: -99999px; }

#haus #haus-expanded {
  width: 970px;
  height: 250px;
  background: #000000;
  visibility: hidden;
  overflow: hidden;
  z-index: 999;
  position: absolute; cursor: pointer;
  left: 0;
  top: 0; }
  #haus #haus-expanded > video {
    position: absolute;
    left: auto;
    top: 0; }
  #haus #haus-expanded #haus-video-small {
    z-index: 2; }
  #haus #haus-expanded #haus-media-controls {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    padding: 9px 5px 5px 5px;
    z-index: 1; }
    #haus #haus-expanded #haus-media-controls button {
      width: 20px;
      height: 20px;
      padding: 2px;
      border-radius: 50%;
      border: none;
      background-color: #fff;
      margin-left: 5px;
      outline: none;
      -webkit-transition: opacity 0.2s ease-in-out;
              transition: opacity 0.2s ease-in-out;
      cursor: pointer; }
      #haus #haus-expanded #haus-media-controls button#haus-pause-button {
        position: absolute;
        top: 9px;
        left: 5px; }
      #haus #haus-expanded #haus-media-controls button#haus-pause-button,
      #haus #haus-expanded #haus-media-controls button#haus-play-button {
        visibility: hidden; }
        #haus #haus-expanded #haus-media-controls button#haus-pause-button.active,
        #haus #haus-expanded #haus-media-controls button#haus-play-button.active {
          visibility: visible; }
      #haus #haus-expanded #haus-media-controls button:hover {
        opacity: 0.8; }
      #haus #haus-expanded #haus-media-controls button svg {
        display: block; }
    #haus #haus-expanded #haus-media-controls #haus-progress-bar {
      width: 700px;
      position: relative;
      display: inline-block;
      padding: 0 6px;
      margin-right: 11px; }
    #haus #haus-expanded #haus-media-controls #haus-progress-box {
      width: 700px;
      height: 10px;
      background: rgba(255, 255, 255, 0.4);
      position: absolute;
      bottom: 2px;
      overflow: hidden;
      border-radius: 10px; }
    #haus #haus-expanded #haus-media-controls #haus-play-progress,
    #haus #haus-expanded #haus-media-controls #haus-volume-bar #haus-volume-progress {
      height: 10px;
      background: #fff;
      position: absolute;
      z-index: 1;
      -webkit-transition: width 0.1s linear;
              transition: width 0.1s linear;
      border-radius: 10px;
      overflow: hidden; }
    #haus #haus-expanded #haus-media-controls #haus-volume-bar {
      width: 142px;
      height: 10px;
      position: absolute;
      right: 10px;
      bottom: 11px;
      background: rgba(245, 245, 245, 0.4);
      border-radius: 10px;
      overflow: hidden; }

#haus .haus-replay {
  position: absolute;
  left: 0;
  top: 0;
  background: url("img-haus-endframe.jpg");
  background-size: 100%;
  visibility: hidden;
  z-index: 1; }

#haus .haus-copy-cta_2 {
  position: absolute;
  left: 17px;
  top: 122px;
  width: 92px;
  height: 21px;
  z-index: 2;
  pointer-events: none; }
  #haus .haus-copy-cta_2 span {
    width: 78px;
    height: 11px;
    display: block;
    margin: 2px 0 0 17px; }
  #haus .haus-copy-cta_2 svg {
    fill: #fff; }

#haus .haus-buttonExpand_2 {
  position: absolute;
  left: -14px;
  top: 112px;
  background: url("img-haus-cta-sprite.png") no-repeat;
  width: 184px;
  height: 41px; }

.haus-buttonExpand {
  position: absolute;
  left: 812px;
  top: 26px;
  background: url("img-haus-cta-sprite.png") no-repeat;
  width: 184px;
  height: 41px; }

.haus-buttonCollapse {
  background: url("img-haus-close.png") no-repeat;
  width: 19px;
  height: 19px;
  right: 0px;
  top: 0px;
  position: absolute;
  z-index: 10; }

#blocker {
  position: absolute;
  left: 0;
  top: 0;
  height: 250px;
  width: 970px;
  z-index: 50; }

#expand-btn-blocker {
  width: 58px;
  height: 19px;
  position: absolute;
  left: 20px;
  top: 25px;
  z-index: 50; }

.haus-buttonExpand {
  position: absolute;
  left: 812px;
  top: 26px;
  background: url("img-haus-cta-sprite.png") no-repeat;
  width: 184px;
  height: 41px; }

.haus-buttonCollapse {
  background: url("img-haus-close.png") no-repeat;
  width: 19px;
  height: 19px;
  right: 0px;
  top: 0px;
  position: absolute;
  z-index: 10; }