/* html,
body {
  width: 970px;
  height: 300px;
  margin: 0;
  padding: 0;
  background: #000;
}
.container {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
} */

html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #000;
}

body {
  display: flex;
  justify-content: center;
}

.container {
  position: relative;

  width: 100%;
  max-width: 970px;

  aspect-ratio: 970 / 300;

  overflow: hidden;
  background: #000;
}

.full-size {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ad-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.inner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding-top: 150%;
  transform: translateY(-50%);
  -webkit-transform: translate(0, -50%);
}
.inner-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 150%;
}
.inner-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 150%;
}
.bg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
  -webkit-transform: translate(0, -50%);
  object-fit: cover;
  transform-origin: center center;
}
.ad {
  position: absolute;
  top: 30%;
  left: 20%;
  width: 60%;
  height: 30%;
}
.border-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #666;
  z-index: 10;
}
.border-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #666;
  z-index: 10;
}
.border-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #666;
  z-index: 10;
}
.border-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #666;
  z-index: 10;
}
.cta {
  position: absolute;
  top: 74.67%;
  left: 3.51%;
  width: 21.13%;
  height: auto;
}
.logo {
  position: absolute;
  top: 9.33%;
  left: 3.61%;
  width: 12.16%;
  height: auto;
}
.txt5 {
  position: absolute;
  top: 37.33%;
  left: 2.99%;
  width: 29.07%;
  height: auto;
}
.txt1 {
  position: absolute;
  top: 38.67%;
  left: 3.2%;
  width: 26.08%;
  height: auto;
}
.shadow2 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 85.98%;
  height: auto;
}
.txt2 {
  position: absolute;
  top: 38.67%;
  left: 3.51%;
  width: 28.76%;
  height: auto;
}
.txt3 {
  position: absolute;
  top: 30.67%;
  left: 3.51%;
  width: 37.53%;
  height: auto;
}
.shadow3 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 85.98%;
  height: auto;
}
.txt4 {
  position: absolute;
  top: 38.67%;
  left: 3.51%;
  width: 19.59%;
  height: auto;
}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.road5 {
  position: absolute;
  top: 19.67%;
  left: 0%;
  width: 100%;
  height: auto;
}
.car4 {
  position: absolute;
  top: 8.67%;
  left: 39.69%;
  width: 52.16%;
  height: auto;
}
.road4 {
  position: absolute;
  top: 30.33%;
  left: 0%;
  width: 100%;
  height: auto;
}
.car3 {
  position: absolute;
  top: 12.33%;
  left: 50.62%;
  width: 44.95%;
  height: auto;
}
.road3 {
  position: absolute;
  top: 30.33%;
  left: 0%;
  width: 100%;
  height: auto;
}
.car2 {
  position: absolute;
  top: 18.67%;
  left: 37.42%;
  width: 57.73%;
  height: auto;
}
.road2 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: auto;
}
.car1 {
  position: absolute;
  top: 13%;
  left: 40.41%;
  width: 50.41%;
  height: auto;
}
.road1 {
  position: absolute;
  top: -25%;
  left: 0%;
  width: 100%;
  height: auto;
}
.bg1a,
.bg2a,
.bg3a,
.bg4a,
.bg5a {
  top: 75%;
}
.front {
  position: absolute;
  top: 48%;
  left: 65.77%;
  width: 6.91%;
  height: auto;
}
.back {
  position: absolute;
  top: 44.33%;
  left: 87.42%;
  width: 3.2%;
  height: auto;
}
.off_1 {
  position: absolute;
  top: 38%;
  left: 90.82%;
  width: 3.51%;
  height: auto;
}
.light_lamp {
  position: absolute;
  top: 43%;
  left: 38.56%;
  width: 4.12%;
  height: auto;
}
.light_1 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: auto;
}
.light_off_3 {
  position: absolute;
  top: 47.67%;
  left: 48.56%;
  width: 13.2%;
  height: auto;
}
.light_off_2 {
  position: absolute;
  top: 44.33%;
  left: 24.64%;
  width: 71.34%;
  height: auto;
}
.player-wrapper {
  position: absolute;
  width: 100%;
}
.player-wrapper video {
  width: 100%;
  height: auto;
  display: block;
}
.player-controls .pause {
  position: absolute;
  bottom: 10%;
  left: 2%;
  width: 10%;
  height: 3rem;
}
.player-controls .volume {
  position: absolute;
  bottom: 10%;
  right: 2%;
  width: 10%;
  height: 3rem;
}