#banner-container {
  position: absolute;
  width: 300px;
  height: 250px;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #fff;
}

#whitebg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 0;
}

.geo,
.cp1,
.cp2,
.spinning,
.boxbtm,
.door,
.lockup,
.tagline,
.ctacp,
.boxtop,
.dooropen,
.numfinal {
  position: absolute;
  display: inline-block;
  background: url("index.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}

#cover {
  position: absolute;
  background-color: #fff;
  z-index: 2000;
  opacity: 0.5;
}

.bg {
  position: absolute;
  opacity: 1;
}

.cp1 {
  position: absolute;
  opacity: 0;
  left: 19px;
  top: 20px;
  z-index: 52;
}

.cp2 {
  position: absolute;
  opacity: 0;
  left: auto;
  right: 8px;
  top: 89px;
  z-index: 52;
}

.numbox {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.num {
  position: relative;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
}

.door {
  position: absolute;
  /* opacity: 0; */
  top: auto;
  bottom: 140px;
  left: 50%;
  transform: translateX(-50%);
}

.dooropen {
  position: absolute;
  opacity: 0;
  top: auto;
  bottom: 140px;
  left: 44.2%;
}

.spinning {
  position: absolute;
  opacity: 0;
  top: auto;
  bottom: 135px;
  left: 20%;
}

.geo,
.door {
  /* position: absolute; */
  opacity: 1;
}

.numfinal {
  position: absolute;
  opacity: 0;
  top: 38px;
  left: 85px;
  z-index: 51;
}

.box {
  position: absolute;
  opacity: 0;
  margin-left: 101px;
  margin-top: 106px;
  z-index: 52;
  width: 95px;
  height: 30px;
}

.boxbtm {
  position: absolute;
  opacity: 0;
  top: auto;
  bottom: 0px;
}

.lockup,
.tagline {
  position: absolute;
  opacity: 0;
  top: auto;
  left: auto;
  bottom: 16px;
  right: 17px;
  z-index: 201;
}

.cta {
  top: auto;
  left: 20px;
  bottom: 18px;
  background-color: #00b388;
  height: 33px;
  width: 115px;
  z-index: 201;
  line-height: 33px;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  z-index: 1000;
  position: absolute;
  opacity: 0;
}
.cta:hover {
  background-color: #ff8d6d;
}

#noscriptimg {
  position: absolute;
  z-index: 99999;
  opacity: 1;
}

#bnrbdr {
  position: absolute;
  box-sizing: border-box;
  width: 300px;
  height: 250px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  opacity: 1;
  z-index: 1000;
}

.geo {
  position: absolute;
  left: -125px;
  top: auto;
  bottom: -77px;
  background-position: -20px -0px;
  width: 550px;
  height: 650px;
}

.cp1 {
  position: absolute;
  opacity: 0;
  background-position: -20px -670px;
  width: 215px;
  height: 22px;
}
.cp2 {
  position: absolute;
  opacity: 0;
  background-position: -255px -670px;
  width: 163px;
  height: 67px;
}
.spinning {
  position: absolute;
  opacity: 0;
  background-position: -20px -712px;
  width: 130px;
  height: 120px;
}
.numfinal {
  position: absolute;
  opacity: 0;
  background-position: -170px -757px;
  width: 126px;
  height: 170px;
}
.door {
  position: absolute;
  /* opacity: 0; */
  background-position: -316px -757px;
  width: 120px;
  height: 120px;
}

.dooropen {
  position: absolute;
  /* opacity: 0; */
  background-position: -20px -852px;
  width: 120px;
  height: 120px;
}
.boxbtm {
  position: absolute;
  opacity: 0;
  background-position: -438px -670px;
  width: 95px;
  height: 7px;
}
.boxtop {
  position: absolute;
  opacity: 0;
  background-position: -438px -697px;
  width: 95px;
  height: 23px;
}
.lockup,
.tagline {
  position: absolute;
  background-position: -456px -757px;
  width: 74px;
  height: 42px;
}
.ctacp {
  position: absolute;
  opacity: 0;
  background-position: -170px -712px;
  width: 62px;
  height: 11px;
}