/* CSS vars */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Arial, Sans-Serif;
  font-size: 62.5%;
  /* Sets up the Base 10 stuff */
  box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; 
}

body {
  padding: 0;
  margin: 0; 
}

img {
  border: 0; 
}

#ad-view {
  position: absolute;
  width: 298px;
  height: 248px;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

#logo {
  position: absolute;
  bottom: 3px;
  left: 120px;
  width: 60px;
}

#logo_bg{
  position: absolute;
  top: 223px;
  left: 116px;
  width: 70px;
  height: 28px;
  background-color: white;
}

#click-tag {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 250px;
  background-color: transparent;
  cursor: pointer; 
}

#click-tag #cta {
  position: absolute;
  top: 188px;
  left: 242px;
  visibility: hidden;
}

/* Utils */
.border {
  padding: 0;
  margin: 0;
  border: 0.1rem solid #000000; 
}

.FPO {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 250px; 
}

/* Add your banner specific CSS below */

#bg, #bg2{
  position: absolute;
  top: 0px;
  left: 0px;
}

#img1, #img2{
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
}

#img1a, #img2a{
  position: absolute;
  top: 0px;
  left: 150px;
  visibility: hidden;
}

#plus{
  position: absolute;
  top: 96px;
  left: 131px;
  visibility: hidden;
}

#copy_1, #copy_1a, #copy_2, #copy_2a, #copy_3, #copy_3a, #ef_copy {
  position: absolute;
  left: 0px;
  top: 0px; 
  visibility: hidden;
}


.frames {
  position: absolute;
  top: 0px;
  left: 0px;
  /*visibility: hidden; */
}