.car-intro {
  position: relative;
  overflow: hidden;
  background: #101010
}

.car-intro--r1r .car-intro__wrap, .car-intro--r4s .car-intro__wrap {
  padding-top: 270px
}

@media (max-width:1199px) {
  .car-intro--r1r .car-intro__wrap, .car-intro--r4s .car-intro__wrap {
    padding-top: 250px
  }
}

@media (max-width:899px) {
  .car-intro--r1r .car-intro__wrap, .car-intro--r4s .car-intro__wrap {
    padding-top: 225px
  }
}

@media (max-width:599px) {
  .car-intro--r1r .car-intro__wrap, .car-intro--r4s .car-intro__wrap {
    padding-top: 200px
  }
}

.car-intro--r1r .car-intro__header, .car-intro--r4s .car-intro__header {
  width: 100%
}

.car-intro--r1r .car-intro__heading, .car-intro--r4s .car-intro__heading {
  position: relative;
  left: -35px;
  color: #fff
}

@media (max-width:1199px) {
  .car-intro--r1r .car-intro__heading, .car-intro--r4s .car-intro__heading {
    left: 0
  }
}

@media (max-width:599px) {
  .car-intro--r1r .car-intro__heading, .car-intro--r4s .car-intro__heading {
    font-size: 4.2rem
  }
}

.car-intro--r1r .car-intro__wrap {
  padding-bottom: 524px
}

@media (max-width:1199px) {
  .car-intro--r1r .car-intro__wrap {
    padding-bottom: 245px
  }
}

@media (max-width:899px) {
  .car-intro--r1r .car-intro__wrap {
    padding-bottom: 220px
  }
}

@media (max-width:599px) {
  .car-intro--r1r .car-intro__wrap {
    padding-bottom: 195px
  }
}

.car-intro--r4s .car-intro__wrap {
  padding-bottom: 316px
}

@media (max-width:1199px) {
  .car-intro--r4s .car-intro__wrap {
    padding-top: 250px;
    padding-bottom: 245px
  }
}

@media (max-width:899px) {
  .car-intro--r4s .car-intro__wrap {
    padding-top: 225px;
    padding-bottom: 220px
  }
}

@media (max-width:599px) {
  .car-intro--r4s .car-intro__wrap {
    padding-top: 200px;
    padding-bottom: 195px
  }
}

.car-intro--aviation .car-intro__heading {
  color: #fff
}

.car-intro--aviation .car-intro__wrap {
  padding-top: 255px;
  padding-bottom: 286px
}

@media (max-width:1199px) {
  .car-intro--aviation .car-intro__wrap {
    padding-top: 250px;
    padding-bottom: 245px
  }
}

@media (max-width:899px) {
  .car-intro--aviation .car-intro__wrap {
    padding-top: 225px;
    padding-bottom: 220px
  }
}

@media (max-width:599px) {
  .car-intro--aviation .car-intro__wrap {
    padding-top: 200px;
    padding-bottom: 195px
  }
}

.car-intro--aviation .car-intro__header {
  width: 100%
}

.car-intro--aviation .car-intro__right {
  position: absolute;
  top: 95px;
  left: 398px;
  margin-left: 0;
  max-width: 205px
}

.car-intro--karts .car-intro__right {
  position: absolute;
  top: 85px;
  left: 448px;
  margin-left: 0;
  max-width: 355px;
}

@media (max-width:1199px) {
  .car-intro--aviation .car-intro__right {
    top: 90px
  }
}

@media (max-width:899px) {
  .car-intro--aviation .car-intro__right {
    top: 80px;
    left: 370px
  }
  .car-intro--karts .car-intro__right {
    left: 0;
    margin-top: 70px;
  }
}

@media (max-width:599px) {
  .car-intro--aviation .car-intro__right {
    top: -120px;
    left: 30%;
    max-width: 180px
  }
  .car-intro--karts .car-intro__right {
    top: 0px;
    left: 0;
  }
  .car-intro--karts .car-intro__lines {
    top: -160px;
  }
}

.car-intro__inner {
  position: relative;
  z-index: 10
}

.car-intro__wrap {
  display: flex;
  padding: 277px 0 245px
}

@media (max-width:1199px) {
  .car-intro__wrap {
    padding-top: 250px;
    padding-bottom: 245px
  }
}

@media (max-width:899px) {
  .car-intro__wrap {
    padding-top: 225px;
    padding-bottom: 220px
  }
}

@media (max-width:599px) {
  .car-intro__wrap {
    padding-top: 200px;
    padding-bottom: 195px
  }
}

.car-intro__header {
  position: relative;
  z-index: 10;
  flex: 0 0 auto;
  /* width: 441px; */
  width: auto;
  margin-left: 3%;
  padding-right: 1%;
}

@media (max-width:1199px) {
  .car-intro__header {
    margin-left: 0
  }
}

@media (max-width:899px) {
  .car-intro__header {
    width: 370px
  }
}

@media (max-width:599px) {
  .car-intro__header {
    width: 100%
  }
}

.car-intro__heading {
  font-size: 8rem;
  text-transform: none;
  color: #fff
}

@media (max-width:899px) {
  .car-intro__heading {
    font-size: 6rem
  }
}

@media (max-width:599px) {
  .car-intro__heading {
    font-size: 4rem
  }
}

.car-intro__right {
  position: relative;
  z-index: 10;
  flex: auto;
  width: 100%;
  max-width: 200px;
  margin-left: 4.8%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width:599px) {
  .car-intro__right {
    position: absolute;
    left: 30%;
    top: 100px;
    margin-left: 0
  }
}

.car-intro__about {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.3;
  font-style: italic;
  color: #fff;
  letter-spacing: .0625em
}

.car-intro__about--r1r {
  position: absolute;
  top: 115px;
  left: 330px;
  width: 200px
}

@media (max-width:899px) {
  .car-intro__about--r1r {
    top: 90px
  }
}

@media (max-width:599px) {
  .car-intro__about--r1r {
    left: 50%;
    top: 60px;
    width: 156px
  }
}

.car-intro__about--r4s {
  position: absolute;
  top: -65px;
  left: 280px;
  width: 160px
}

@media (max-width:599px) {
  .car-intro__about--r4s {
    left: 40%
  }
}

.car-intro__link {
  margin-top: 18px
}

.car-intro__video {
  opacity: .47;
  min-width: 101%;
  min-height: 101%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.car-intro__lines {
  position: absolute;
  top: -90px;
  left: -153px;
  width: 1336px;
  height: 790px
}

@media (max-width:1199px) {
  .car-intro__lines {
    top: -110px
  }
}

@media (max-width:899px) {
  .car-intro__lines {
    top: -150px;
    left: -250px
  }
}

@media (max-width:599px) {
  .car-intro__lines {
    top: -190px;
    left: -500px
  }
}

.car-intro__lines-top {
  position: absolute;
  top: 0;
  left: 285px;
  width: 131px
}

.car-intro__lines-bottom {
  position: absolute;
  bottom: -35px;
  left: 425px;
  width: 100%;
  height: auto
}

.car-intro__lines-top-1 {
  position: absolute;
  top: 0;
  left: 115px;
  width: 131px
}

@media (max-width:899px) {
  .car-intro__lines-top-1 {
    top: -50px
  }
}

@media (max-width:599px) {
  .car-intro__lines-top-1 {
    top: -80px;
    left: -50px
  }
}

.car-intro__lines-bottom-1 {
  position: absolute;
  bottom: 0;
  left: 242px;
  width: 177px;
  height: auto
}

@media (max-width:1199px) {
  .car-intro__lines-bottom-1 {
    bottom: -300px
  }
}

@media (max-width:599px) {
  .car-intro__lines-bottom-1 {
    bottom: -320px;
    left: 64px
  }
}

.car-intro__lines-bottom-2 {
  position: absolute;
  bottom: -51px;
  left: 242px;
  width: 177px;
  height: auto
}

@media (max-width:1199px) {
  .car-intro__lines-bottom-2 {
    bottom: -140px;
    left: 238px
  }
}

@media (max-width:599px) {
  .car-intro__lines-bottom-2 {
    bottom: -170px;
    left: 70px
  }
}

.car-intro__lines-top-3 {
  position: absolute;
  top: 0;
  left: 155px;
  width: 131px
}

@media (max-width:899px) {
  .car-intro__lines-top-3 {
    top: -20px;
    left: 120px
  }
}

@media (max-width:599px) {
  .car-intro__lines-top-3 {
    top: -50px;
    left: -40px
  }
}

.car-intro__lines-bottom-3 {
  position: absolute;
  bottom: 0;
  left: 292px;
  width: 113px;
  height: auto
}

@media (max-width:1199px) {
  .car-intro__lines-bottom-3 {
    bottom: -40px;
    left: 280px
  }
}

@media (max-width:899px) {
  .car-intro__lines-bottom-3 {
    bottom: -70px;
    left: 240px
  }
}

@media (max-width:599px) {
  .car-intro__lines-bottom-3 {
    bottom: -90px;
    left: 75px
  }
}

.car-intro__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.car-intro__image img {
  width: 100%;
  height: 100%;
  object-position: 50% 50%;
  object-fit: cover
}