html,
body,
object,
img {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

a,
a:active,
a:hover {
  outline: none;
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

a.click-through {
  cursor: pointer !important;
  position: absolute;
  width: 300px;
  height: 250px;
  top: 0px;
  left: 0px;
  opacity: 0;
  background: transparent;
}

#content {
  position: absolute;
  display: block;
  width: 300px;
  height: 250px;
}

#banner {
  background-color: #ffffff;
  overflow: hidden;
  visibility: hidden;
}

#content::after {
  content: "";
  position: absolute;
  display: block;
  width: 300px;
  height: 250px;
  top: 0px;
  left: 0px;
  border: 1px;
  border-style: solid;
  border-color: rgb(0, 0, 0);
  opacity: 1;
  box-sizing: border-box;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.format {
  position: absolute;
  display: block;
  width: 300px;
  height: 250px;
  opacity: 1;
  top: 0;
  left: 0;
}

#logo1 {
  background: url(./images/logo1.png) 0px 0px no-repeat;
  background-size: 300px 250px;
}

#logo2 {
  background: url(./images/logo2.png) 0px 0px no-repeat;
  background-size: 300px 250px;
}

#bg1 {
  background: url(./images/bg1.jpg) 0px 0px no-repeat;
  background-size: 300px 250px;
  -webkit-mask-image: linear-gradient(to left, transparent -250%, black 100%);
          mask-image: linear-gradient(to left, transparent -250%, black 100%);
}

#bg2 {
  background: url(./images/bg2.jpg) 0px 0px no-repeat;
  background-size: 300px 250px;
}

#box1 {
  position: absolute;
  width: 220px;
  height: 40px;
  top: 10px;
  left: 40px;
  overflow: hidden;
}

#copy1 {
  position: absolute;
  width: 220px;
  height: 40px;
  background: url(./images/copy1.jpg) 0px 0px no-repeat;
  background-size: 220px 40px;
}

#box2 {
  position: absolute;
  width: 118px;
  height: 40px;
  top: 157px;
  left: 136px;
  overflow: hidden;
}

#copy2 {
  position: absolute;
  width: 118px;
  height: 40px;
  background: url(./images/copy2.jpg) 0px 0px no-repeat;
  background-size: 118px 40px;
}

#copy3 {
  background: url(./images/copy3.png) 0px 0px no-repeat;
  background-size: 300px 250px;
}

#spark1 {
  background: url(./images/spark1.png) 0px 0px no-repeat;
  background-size: 300px 250px;
}

#spark2 {
  background: url(./images/spark2.png) 0px 0px no-repeat;
  background-size: 300px 250px;
}

#cta {
  background: url(./images/cta.png) 0px 0px no-repeat;
  background-size: 300px 250px;
}

#model1 {
  background: url(./images/model1.png) 0px 0px no-repeat;
  background-size: 300px 250px;
}

#model2 {
  background: url(./images/model2.png) 0px 0px no-repeat;
  background-size: 300px 250px;
}

#model3 {
  background: url(./images/model3.png) 0px 0px no-repeat;
  background-size: 300px 250px;
}

#legal1 {
  background: url(images/legal1.png) 0px 0px no-repeat;
  background-size: 300px 250px;
}

#legal2 {
  background: url(images/legal2.png) 0 0 no-repeat;
  background-size: 300px 250px;
}

#legalOpen {
  position: absolute;
  width: 50px;
  height: 20px;
  top: 230px;
  left: 250px;
  cursor: pointer;
  opacity: 0;
  display: none;
}

#overlay {
  background: #125c7e;
}

.fhc {
  transform: translate3d(0, 0, 0);
}/*# sourceMappingURL=style.css.map */