#adContent {
  position: absolute;
  left: 0;
  top: 0;
}

.container {
  position: absolute;
  left: 0px;
  top: 0px;
}

.border {
  border: 1px solid #000;
}

.linear-animation {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}

.ease-animation {
  -webkit-animation-timing-function: cubic-bezier(0.34, 0.66, 0.66, 1);
  animation-timing-function: cubic-bezier(0.34, 0.66, 0.66, 1);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}

#background {
  background-color: #fff;
}

#headline-background {
  position: absolute;
  background-color: #000;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
  -webkit-animation-name: headline-background_animation;
  animation-name: headline-background_animation;
}

#headline-container {
  position: absolute;
  overflow: hidden;
  -webkit-animation-name: headline-container_animation;
  animation-name: headline-container_animation;
}

#headline {
  position: absolute;
  text-align: left;
  line-height: 1.3;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #fff;
  -webkit-animation-name: headline_animation;
  animation-name: headline_animation;
}

#description {
  position: absolute;
  text-align: left;
  line-height: 1.3;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  -webkit-animation-name: description_animation;
  animation-name: description_animation;
}

#logo-image {
  position: absolute;
  -webkit-animation-name: logo_animation;
  animation-name: logo_animation;
}

#product-image {
  position: absolute;
  -webkit-animation-name: product-image_animation;
  animation-name: product-image_animation;
}

#button {
  position: absolute;
  width: 100px;
  height: 25px;
  background-color: #fc0;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  -webkit-animation-name: button_animation;
  animation-name: button_animation;
}

#button-text {
  position: absolute;
  width: 98px;
  height: 20px;
  text-align: center;
  line-height: 1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
  -webkit-animation-name: button_animation;
  animation-name: button_animation;
}