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;
}

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

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

#banner {
  width: 300px;
  height: 600px;
  background-color: #ffffff;
  overflow: hidden;
}

#content::after {
  content: "";
  position: absolute;
  display: block;
  width: 300px;
  height: 600px;
  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: 600px;
  opacity: 0;
}

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

#logo2 {
  width: 87px;
  height: 87px;
  top: -87px;
  left: -87px;
  background: url(./images/logo2.png) 0px 0px no-repeat;
  background-size: 87px 87px;
}

#logo2Holder {
  width: 87px;
  height: 87px;
  top: 257px;
  left: 150px;
  overflow: hidden;
}

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

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

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

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

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

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

#copy2 {
  width: 129.5px;
  height: 58.5px;
  top: 58.5px;
  left: 129.5px;
  background: url(./images/copy2.png) 0px 0px no-repeat;
  background-size: 129.5px 58.5px;
}

#copy2Holder {
  width: 129.5px;
  height: 58.5px;
  top: 96px;
  left: 79.5px;
  overflow: hidden;
}

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

#copy4 {
  width: 139px;
  height: 88px;
  top: 88px;
  left: 139px;
  background: url(./images/copy4.png) 0px 0px no-repeat;
  background-size: 139px 88px;
}

#copy4Holder {
  width: 139px;
  height: 88px;
  top: 83px;
  left: 78px;
  overflow: hidden;
}

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

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

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

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

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

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

#overlay {
  opacity: 0;
  background: #141e2a;
}

.size {
  width: 300px !important;
  height: 600px !important;
}

.fhc {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 0);
  transform: matrix3d(1, 0.0000872665, 0, 0, -0.0000872665, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0.1, 0.9999);
  transform-origin: left top 0;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

/* fades */
.fade-in {
  opacity: 1 !important;
}

.fade-half {
  opacity: 0.9 !important;
}

/* transitions */
.transition-1 {
  transition: all 0.25s ease;
}

.transition-2 {
  transition: all 0.5s ease-out;
}

.transition-3 {
  transition: all 0.85s ease-out;
}

.transition-4 {
  transition: all 1s ease-out;
}

.transition-5 {
  transition: all 1.5s ease-out;
}

.logo2Move {
  transform: translate(87px, 87px) rotate(0.01deg) !important;
}

.copy2Move {
  transform: translate(-129.5px, -58.5px) rotate(0.01deg) !important;
}

.copy4Move {
  transform: translate(-139px, -88px) rotate(0.01deg) !important;
}

.left {
  transform: translateX(-15px) rotate(0.01deg) !important;
}/*# sourceMappingURL=style.css.map */