@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: 970px;
  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: 970px;
  height: 250px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
}

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

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

#bg2 {
  background-color: #F7D3FE;
}

#bg3 {
  background-color: #ffaf8a;
}

#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("c2c.png");

}
/*#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("c3c.png");
}
/*#c14 {
  background-image: url("c3.png");
  clip-path: inset(283px 0px 254px 0px);
}*/

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

#png-sequence {
    top: 124px;
    left: 510px;
    width: 206px;
    height: auto;
}

#png-sequence2 {
    top: 128px;
    left: 484px;
    width: 166px;
    height: auto;
}

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

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