.main {
  width: 100%;
  height: 100%;
}
/* #tab_image {
  width: 100%;
  height: 100%;
  background: url("../images/overlay_image_lanscape-img.jpg") center center
    no-repeat;
  background-size: cover; z-index:99;
  position: absolute;
} */
.frame1 {
  width: 100%;
  height: 100%;
  background-image: url("../images/fame1_lanscape.jpg");
  background-size: cover;
  background-position: center;
  transform: scale(1.15);
}
.logo img,
.text img,
.close img,
.leftwingframe1 img,
.leftwingframe4 img,
.rightwingframe1 img,
.rightwingframe4 img,
.creationbtn img,
.findstorebtn img,
.shopnowbtn img,
.teasetxt img,
.star1 img,
.star2 img,
.star3 img,
.star4 img,
.star5 img {
  width: 100%;
  height: auto;
}
.closeclick {
  cursor: pointer;
}
.close {
  width: 2%;
  position: absolute;
  right: 1%;
  top: 1%;
  z-index: 9;
}
.logo {
  width: 30%;
  position: absolute;
  top: 10%;
  left: 10%;
}
.text {
  width: 28%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.leftwingframe1 {
  width: 13%;
  position: absolute;
  top: 50%;
  left: 29%;
  transform-origin: 92% 74%;
}
.rightwingframe1 {
  width: 15%;
  position: absolute;
  top: 69%;
  left: 47%;
  transform-origin: 6% 44%;
}
.frame2 {
  width: 100%;
  height: 100%;
  background-image: url("../images/overlay_image_lanscape-img.jpg");
  background-size: cover;
  background-position: center;
  transform: scale(1.15);
  position: absolute;
  top: 0%;
}
.frame3 {
  width: 100%;
  height: 100%;
  background-image: url("../images/frame2_pink_landscape1.jpg");
  background-size: cover;
  background-position: center;
  transform: scale(1.15);
  position: absolute;
  top: 0%;
}
.creationbtn {
  width: 40%;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
}
.frame4 {
  width: 100%;
  height: 100%;
  background-image: url("../images/fame4_lanscape.jpg");
  background-size: cover;
  background-position: -120px 0%;
  transform: scale(1.3);
  position: absolute;
  top: 0%;
}
.leftwingframe4 {
  width: 17%;
  position: absolute;
  left: 14%;
  transform-origin: 92% 74%;
}
.rightwingframe4 {
  width: 20%;
  position: absolute;
  left: 44%;
  top: 33%;
  transform-origin: 6% 44%;
}
.findstorebtn {
  width: 12%;
  position: absolute;
  bottom: 15%;
  left: 15%;
}
.shopnowbtn {
  width: 12%;
  position: absolute;
  bottom: 15%;
  right: 15%;
}
.teasetxt {
  right: 12%;
  width: 30%;
  position: absolute;
  bottom: 25%;
}
.star1 {
  width: 2%;
  position: absolute;
  top: 20%;
  left: 60%;
}
.star2 {
  width: 3%;
  position: absolute;
  top: 22%;
  left: 62%;
}
.star3 {
  width: 4%;
  position: absolute;
  top: 23%;
  left: 58%;
}
.star4 {
  width: 4%;
  position: absolute;
  top: 67%;
  left: 23%;
}
.star5 {
  width: 2%;
  position: absolute;
  top: 70%;
  left: 27%;
}
.button {
  z-index: 2;
}

#capture {
  width: 70%;
  height: 50px;
  position: absolute;
  top: 15%;
  left: 50%;
  z-index: 999;
  transform: translate(-50%, -50%);
  pointer-events: auto !important;
  display: none;
  opacity: 0;
  cursor: pointer;
}
#capture img {
  width: 100%;
}
.maincap {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#bridge,
#bridge1,
#bridge2,
#bridge3,
#bridge4 {
  display: block;
  margin: 0 auto;
  background: none !important;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
}

#pink_img {
  width: 100% !important;
  height: 100% !important;
}
#pink_img img {
  width: 100% !important;
}
#bridge img {
  width: 100% !important;
  height: 100% !important;
}

#bridgeContainer {
  text-align: center;
  font-family: Avenir, sans-serif;
  z-index: 60;
}

#pink_img1,
#pink_img2,
#pink_img3,
#pink_img4 {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0%;
  z-index: -1;
}