body {
  margin: 0;
}
.element {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
#banner {
  overflow: hidden;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  width: 300px;
  height: 250px;
  cursor: pointer;
  box-sizing: border-box;
  opacity: 0;
  background-color: #000;
}
#image1 {
  left: 0;
  top: 0;
  background-image: url(image1.jpg);
  width: 300px;
  height: 250px;
}
#image2 {
  left: 0;
  top: 0;
  background-image: url(image2.jpg);
  width: 300px;
  height: 250px;
}
#cta {
  left: 68px;
  top: 179px;
  width: 165px;
  height: 51px;
}
#txt_0 {
  left: 66px;
  top: 97px;
  width: 167px;
  height: 62px;
}
#txt_0_1_mask {
  left: -9px;
  top: 31px;
  width: 186px;
  height: 32px;
}
#txt_0_1 {
  left: 0;
  top: 0;
  background-image: url(txt_0_1.png);
  width: 186px;
  height: 32px;
}
#txt_0_0_mask {
  left: -9px;
  top: -2px;
  width: 186px;
  height: 32px;
}
#txt_0_0 {
  left: 0;
  top: 0;
  background-image: url(txt_0_0.png);
  width: 186px;
  height: 32px;
}
#txt_1 {
  left: 52px;
  top: 97px;
  width: 195px;
  height: 62px;
}
#txt_1_1_mask {
  left: -5px;
  top: 32px;
  width: 206px;
  height: 31px;
}
#txt_1_1 {
  left: 0;
  top: 0;
  background-image: url(txt_1_1.png);
  width: 206px;
  height: 31px;
}
#txt_1_0_mask {
  left: 24px;
  top: -4px;
  width: 147px;
  height: 34px;
}
#txt_1_0 {
  left: 0;
  top: 0;
  background-image: url(txt_1_0.png);
  width: 147px;
  height: 34px;
}
#txt_2 {
  left: 52px;
  top: 97px;
  width: 196px;
  height: 62px;
}
#txt_2_1_mask {
  left: -52px;
  top: 28px;
  width: 300px;
  height: 48px;
}
#txt_2_1 {
  left: 0;
  top: -12px;
  background-image: url(txt_2_1.png);
  width: 300px;
  height: 57px;
}
#txt_2_0_mask {
  left: -52px;
  top: -15px;
  width: 300px;
  height: 48px;
}
#txt_2_0 {
  left: 0;
  top: -3px;
  background-image: url(txt_2_0.png);
  width: 300px;
  height: 57px;
}
#phone {
  left: 48px;
  top: 39px;
  width: 207px;
  height: 417px;
}
#phone_image {
  left: 0;
  top: 0;
  background-image: url(phone_image.png);
  width: 207px;
  height: 417px;
}
#slider {
  left: 26px;
  top: 148px;
  width: 154px;
  height: 44px;
}
#bars {
  left: 0;
  top: 35px;
  width: 154px;
  height: 5px;
}
#barG {
  left: 0;
  top: 0;
  background-image: url(barG.png);
  width: 154px;
  height: 5px;
}
#barMask {
  left: 0;
  top: 0;
  width: 154px;
  height: 5px;
}
#barB {
  left: 0;
  top: 0;
  background-image: url(barB.png);
  width: 154px;
  height: 5px;
}
#tabContainer {
  left: 36px;
  top: 0;
  width: 82px;
  height: 44px;
}
#tab {
  left: 0;
  top: 0;
  background-image: url(tab.png);
  width: 82px;
  height: 44px;
}
#canvasSliderTarget {
  left: 37px;
  top: 5px;
  width: 15px;
  height: 11px;
}
#canvasPhoneTarget {
  left: 24px;
  top: 83px;
  width: 110px;
  height: 17px;
}
#txt_legal {
  left: 43px;
  top: 229px;
  width: 211px;
  height: 18px;
}
#txt_legal_mask {
  left: -5px;
  top: -4px;
  width: 221px;
  height: 25px;
}
#txt_legal_0 {
  left: 0;
  top: 0;
  background-image: url(txt_legal_0.png);
  width: 221px;
  height: 25px;
}
#watermark {
  left: 12px;
  top: 11px;
  width: 38px;
  height: 14px;
}
#watermark_mask {
  left: 0;
  top: 0;
  width: 38px;
  height: 15px;
}
#watermarkLogo_img {
  left: 2px;
  top: 0;
  background-image: url(watermarkLogo_img.png);
  width: 33px;
  height: 13px;
}
#logo {
  left: 120px;
  top: 30px;
  width: 61px;
  height: 22px;
}
#logo_mask {
  left: -120px;
  top: -2px;
  width: 300px;
  height: 25px;
}
#logo_svg {
  left: 120px;
  top: 2px;
  width: 61px;
  height: 22px;
}
#banner * {
  overflow: hidden;
}
#border {
  width: 300px;
  height: 250px;
  border: 1px solid #ddd;
  overflow: hidden;
  box-sizing: border-box;
  pointer-events: none;
}
#cover {
  width: 300px;
  height: 250px;
  background-color: #000;
  pointer-events: none;
}
@font-face {
  font-family: UberMove-Text_Regular;
  src: url(Uber_Move_Text-Regular.woff2);
}
@font-face {
  font-family: UberMove-Text_Medium;
  src: url(Uber_Move_Text-Medium.woff2);
}