body {
  margin: 0px 0px;
  padding: 0px;
}

* {
  box-sizing: Border-box;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  -ms-overflow-style: hidden;
}

#banner-container {
  width: 300px;
  height: 250px;
  background-color: black;
  position: absolute;
  overflow: hidden;
  border: 1px solid #002ecf;
}
.sprite {
  position: absolute;
  background-repeat: no-repeat;
}

#c1 {
  left: 62px;
  top: 106px;
  width: 178px;
  height: 18px;
  background-image: url(img/c1.png);
  background-size: 178px 18px;
}

#c2 {
  left: 62px;
  top: 130px;
  width: 178px;
  height: 34px;
  background-image: url(img/c2.png);
  background-size: 178px 34px;
}

#c3 {
  left: 100px;
  top: 184px;
  width: 188px;
  height: 43px;
  background-image: url(img/c3b.png);
  background-size: 188px 43px;
  /*filter: drop-shadow(3 3 10rem black);*/
}

#c4 {
  left: 90px;
  top: 186px;
  width: 208px;
  height: 40px;
  background-image: url(img/c4.png);
  background-size: 208px 40px;
}

#cta,
#cta2,
#cta3 {
  left: 145px;
  top: 217px;
  width: 99px;
  height: 23px;
  background-image: url(img/cta1.png);
  background-size: 99px 23px;
}

#cta3 {
  left: 103px;
  top: 215px;
  background-image: url(img/cta2.png);
}

#logo1 {
  left: 18px;
  top: 50px;
  width: 263px;
  height: 62px;
  background-image: url(img/logo.png);
  background-size: 263px 62px;
  transform: scale(0.4);
}

#logo2,
#logo4,
#logo5 {
  left: -93px;
  top: 102px;
  width: 263px;
  height: 62px;
  background-image: url(img/logo.png);
  background-size: 263px 62px;
  transform: rotate(270deg) scale(1.03);
}

#logo5 {
  left: 18px;
  top: 154px;
  transform: scale(1);
}

#logo3 {
  left: 18px;
  top: 126px;
  width: 263px;
  height: 62px;
  background-image: url(img/logo.png);
  background-size: 263px 62px;
  transform: scale(0.41);
}

/*#ref {
	left:0px;
	top:0px;
	width:300px;
	height:250px;
	background-image:url(sb_08.jpg);
	opacity: 0;
	background-size:300px 250px;
	z-index: 100;
}*/

#bluebg1,
#bluebg2,
#bluebg3 {
  width: 300px;
  height: 250px;
  background-color: #003bef;
  opacity: 1;
}

#cover {
  width: 300px;
  height: 250px;
  background-color: #003bef;
  opacity: 1;
}

#stamp1 {
  left: -150px;
  top: -125px;
  width: 600px;
  height: 500px;
  background-image: url(img/mntstamp.jpg);
  background-size: 600px 500px;
  /*opacity: 0;*/
}

#stamp2,
#stamp3 {
  left: -150px;
  top: -174px;
  width: 600px;
  height: 500px;
  background-image: url(img/mntstamp.jpg);
  background-size: 600px 500px;
  /*opacity: 0;*/
  transform: scale(0.58);
}

#stamp3 {
  top: -165px;
}

#bg2 {
  left: 0px;
  top: 0px;
  width: 300px;
  height: 250px;
  background-image: url(img/bg2.jpg);
  background-size: 300px 250px;
  /*opacity: 0;*/
}

#bg3 {
  left: 0px;
  top: 0px;
  width: 300px;
  height: 250px;
  background-image: url(img/bg3.jpg);
  background-size: 300px 250px;
  opacity: 0;
}

#bg4 {
  left: 0px;
  top: 0px;
  width: 300px;
  height: 250px;
  background-image: url(img/bg4.jpg);
  background-size: 300px 250px;
  opacity: 0;
}

#c5 {
  left: 40px;
  top: 181px;
  width: 223px;
  height: 25px;
  background-image: url(img/c5.png);
  background-size: 223px 25px;
}

#c6 {
  left: 40px;
  top: 206px;
  width: 223px;
  height: 25px;
  background-image: url(img/c6.png);
  background-size: 223px 25px;
}

#c7 {
  left: 101px;
  top: 183px;
  width: 184px;
  height: 41px;
  background-image: url(img/c7.png);
  background-size: 184px 41px;
  opacity: 0;
}