@charset "UTF-8";
/* CSS Document */

body {
  vertical-align: baseline;
  margin: 0;
  border: 0;
  outline: 0;
  padding: 0;
  text-align: center;
}

#border {
  cursor: pointer;
  position: absolute;
  opacity: 1;
  border: 1px solid #000000;
  width: 300px;
  height: 250px;
  top: 0px;
  left: 0px;
  overflow: hidden;
  z-index: 250;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#container {
  position: absolute;
  width: 300px;
  height: 250px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
}

#clicktag {
  position: absolute;
  width: 300px;
  height: 250px;
  left:0px;
  top:0px;
  z-index:601;
}

#clicktagLegals {
  position: absolute;
  width: 300px;
  height: 40px;
  left:0px;
  top:210px;
  z-index:602;
}


.fsize{
  position: absolute;
  width: 300px;
  height: 250px;
  top: 0px;
  left: 0px;
  background-size: 300px 250px;
}

#bg1 {
  background-color: #7538F5;
}

#bg2 {
  background-color: #F7D3FE;
}

#bg3 {
  background-color: #FFBE7A;
}

#bg4 {
  background-color: #7538F5;
}

/*#bg2 {
  background-image: url("bg2.jpg");
  background-image: url("bg2.png");
  clip-path: inset(0px 0px 0px 0px);

}*/

.hide{
  opacity: 0;
}

#cta {
  background-image: url("cta.png");
}

#logo {
  background-image: url("logo.png");
}

#logo4 {
  background-image: url("logo.png");
}

#logo2 {
  background-image: url("logo2.png");
}


/*Insert CSS Here*/
#tac {
  background-image: url("tac.png");
}

#tac2 {
  background-image: url("tac2.png");
}

#tac4 {
  background-image: url("tac.png");
}

#object1 {
  background-image: url("object1.png");
}

#object2 {
  background-image: url("object2.png");
}

#object3 {
  background-image: url("object3.png");
}


#c1 {
  background-image: url("c1a.png");
  /*clip-path: inset(0px 0px 438px 0px);*/
}
#c2 {
  background-image: url("c1b.png");
  /*clip-path: inset(164px 0px 378px 0px);*/
}
#c3 {
  background-image: url("c1c.png");
  /*clip-path: inset(222px 0px 324px 0px);*/

}
#c4 {
  background-image: url("c1d.png");
  /*clip-path: inset(280px 0px 261px 0px);*/
}
/*#c5 {
  background-image: url("c1e.png");
  clip-path: inset(338px 30px 203px 0px);
}*/
/*#c6 {
  background-image: url("c1.png");
  clip-path: inset(397px 0px 141px 0px);
}*/
#c7 {
  background-image: url("c2a.png");
}
#c8 {
  background-image: url("c2b.png");
}
/*#c9 {
  background-image: url("c2.png");
  clip-path: inset(250px 0px 287px 0px);

}
#c10 {
  background-image: url("c2.png");
  clip-path: inset(293px 0px 254px 0px);
}*/
#c11 {
  background-image: url("c3a.png");
}
#c12 {
  background-image: url("c3b.png");
}
/*#c13 {
  background-image: url("c3.png");
  clip-path: inset(230px 0px 314px 0px);

}
#c14 {
  background-image: url("c3.png");
  clip-path: inset(283px 0px 254px 0px);
}*/

.pngSeq {
  position: absolute;
  opacity: 0;
}

#png-sequence {
    top: 204px;
    left: 96px;
    width: 107px;
    height: auto;
}

#png-sequence2 {
    top: 196px;
    left: 110px;
    width: 86px;
    height: auto;
}

#phone {
  background-image: url(phone.png);
}

#guide {
  position: absolute;
  background-image: url(3.jpg);
  width: 300px;
  height: 250px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.5;
  z-index: 100;
}