/*-------------------------------------
    Reset
---------------------------------------*/
html,
body {
  margin: 0;
  padding: 0;
}

img {
  border: none;
  width: 300px;
  height: 250px;
}

/*-------------------------------------
    Layout
---------------------------------------*/

#ad {
  position: absolute;
  width: 300px;
  height: 250px;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#banner {
  position: absolute;
  display: block;
  width: 300px;
  height: 250px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  display: none;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#banner * {
  position: absolute;
}

/*-------------------------------------
    Banner Body
---------------------------------------*/
#loader,
#banner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

#video {
  position: absolute;
  width: 300px;
  height: 250px;
  display: block;
  /*z-index:2;*/
}

#text1,
#cta,
#logo,
#slogan {
  position: absolute;
  width: 300px;
  height: 250px;
  z-index: 3;
}

#text1,
#cta,
#end {
  opacity: 0;
}