@charset "UTF-8";
/* Modified Poor Man’s Reset
 * -------------------------------------------------------
 */
html, body {
  padding: 0;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

html {
  font-size: 1em; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a img, :link img, :visited img {
  border: 0; }

/* Utilities
 * -------------------------------------------------------
 */
.alpha-0 {
  opacity: 0; }

.gpu {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

/* Variables
 * -------------------------------------------------------
 */
/* Ad content
 * -------------------------------------------------------
 */
#ad_content {
  background: white;
  border: 1px solid black;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  width: 300px;
  height: 250px; }
  #ad_content div, #ad_content img, #ad_content li {
    position: absolute; }

#logo {
  left: 61px;
  top: 39px; }

#logosm {
  left: 20px;
  top: 20px; }

#copy1 {
  left: 20px;
  top: 137px; }

#copy2 {
  left: 20px;
  top: 190px; }

#copy3 {
  left: 17px;
  top: 35px; }

#copy4 {
  left: 17px;
  top: 35px; }

#subcopy {
  left: 17px;
  top: 195px; }

#cta {
  left: 17px;
  top: 146px; }

#product {
  right: 20px;
  bottom: 0px; }

#animation {
  left: 180px;
  top: 45px;
  width: 100px;
  height: 200px;
  overflow: visible;
  -webkit-font-smoothing: antialiased; }

#anim1 {
  background-color: #ffffff; }

#anim2 {
  background-color: #ffffff; }

.bg1 {
  background-image: url("opening.jpg");
  width: 300px;
  height: 250px; }

.bg2 {
  background-image: url("model.jpg");
  width: 300px;
  height: 250px;
  -webkit-transform: rotate(0.001deg);
          transform: rotate(0.001deg);
  image-rendering: -webkit-optimize-contrast; }

#back {
  left: 100px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.sprite-png{
  background-image: url('spritesheet.png');
}


.anim1 {
  background-position: -490px 0px;
  width: 131px;
  height: 202px;
}
.anim2 {
  background-position: -262px -389px;
  width: 131px;
  height: 202px;
}
.copy1 {
  background-position: -393px -389px;
  width: 146px;
  height: 46px;
}
.copy2 {
  background-position: -393px -435px;
  width: 146px;
  height: 37px;
}
.copy3 {
  background-position: -490px -202px;
  width: 105px;
  height: 90px;
}
.copy4 {
  background-position: 0px 0px;
  width: 190px;
  height: 187px;
}
.cta {
  background-position: -359px -232px;
  width: 86px;
  height: 30px;
}
.ctaOver {
  background-position: -359px -202px;
  width: 86px;
  height: 30px;
}
.drips1 {
  background-position: 0px -187px;
  width: 131px;
  height: 202px;
}
.drips2 {
  background-position: -131px -389px;
  width: 131px;
  height: 202px;
}
.drips3 {
  background-position: 0px -389px;
  width: 131px;
  height: 202px;
}
.drips4 {
  background-position: -359px 0px;
  width: 131px;
  height: 202px;
}
.drips5 {
  background-position: -131px -187px;
  width: 131px;
  height: 202px;
}
.logo {
  background-position: -190px 0px;
  width: 179px;
  height: 171px;
}
.logosm {
  background-position: -490px -292px;
  width: 73px;
  height: 70px;
}
.product {
  background-position: -621px 0px;
  width: 68px;
  height: 203px;
}