.car-doc {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
  width: 29%;
  margin-bottom: 38px;
  margin-right: 6.5%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
  border-radius: 8px;
  overflow: hidden
}

.car-doc:nth-child(3n+3) {
  margin-right: 0
}

@media (max-width:1199px) {
  .car-doc {
    width: 32%;
    margin-right: 2%
  }
}

@media (max-width:899px) {
  .car-doc {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px
  }
}

.car-doc:hover .car-doc__car {
  transform: translateZ(0) scale(1)
}

@media (max-width:599px) {
  .car-doc:hover .car-doc__car {
    transform: translateZ(0) scale(1)
  }
}

.car-doc:hover .car-doc__head {
  transform: translate3d(-10px, 0, 0)
}

.car-doc--adult .car-doc__head {
  right: auto;
  left: 25px
}

.car-doc--adult .car-doc__car {
  margin-top: 100px;
  transform-origin: 0 50%;
  transform: translateZ(0) scale(1.75);
  padding-left: 40px
}

@media (max-width:899px) {
  .car-doc--adult .car-doc__car {
    margin-top: 50px;
    transform-origin: 100% 50%
  }
}

@media (max-width:599px) {
  .car-doc--adult .car-doc__car {
    position: absolute;
    top: 0;
    left: -250px;
    padding-right: 0;
    margin-top: 50px;
    transform: translateZ(0) scale(1)
  }
}

@media (max-width:899px) {
  .car-doc--adult .car-doc__car img:first-child {
    display: none
  }
}

.car-doc--adult .car-doc__car img:nth-child(2) {
  display: none
}

@media (max-width:899px) {
  .car-doc--adult .car-doc__car img:nth-child(2) {
    display: block
  }
}

@media (max-width:599px) {
  .car-doc--adult .car-doc__car:first-child {
    left: -100px
  }
}

.car-doc__images {
  position: relative;
  height: 160px
}

@media (max-width:899px) {
  .car-doc__images {
    width: 35%;
    flex: 0 0 auto
  }
}

@media (max-width:599px) {
  .car-doc__images {
    height: 120px
  }
}

.car-doc__car {
  position: relative;
  z-index: 10;
  margin-top: 80px;
  transform-origin: 100% 50%;
  transform: translateZ(0) scale(2);
  transition: transform .5s;
  padding: 25px
}

@media (max-width:599px) {
  .car-doc__car {
    position: absolute;
    top: 0;
    left: -250px;
    padding-right: 0;
    margin-top: 20px;
    transform: translateZ(0) scale(1)
  }
}

.car-doc__head {
  position: absolute;
  top: 25px;
  right: 25px;
  transform: translate3d(0, 0, 0);
  transition: transform .5s
}

@media (max-width:899px) {
  .car-doc__head {
    right: 0
  }
}

.car-doc__head--r1 {
  right: 75px
}

@media (max-width:599px) {
  .car-doc__head--r1 {
    right: 30px
  }
}

@media (max-width:599px) {
  .car-doc__head img {
    max-height: 35px
  }
}

.car-doc__paragraph {
  line-height: 1.8;
  padding: 31px 20px 20px 20px
}

.car-doc__paragraph .number {
  display: block;
  padding-bottom: 5px
}

.car-doc__paragraph a,
.safety__paragraph a,
.safety-more__paragraph a,
.car-specification__paragraph a {
  color: #0f2da3;
}

@media (max-width:899px) {
  .car-doc__paragraph {
    width: 65%;
    flex: 0 0 auto;
    padding-left: 5%
  }
}

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

.car-doc__bottom {
  display: flex;
  justify-content: space-between;
  background: #111111;
  padding: 16px 20px 20px 20px;
  margin-top: auto
}

@media (max-width:899px) {
  .car-doc__bottom {
    width: 100%;
    flex: 0 0 auto
  }
}

.car-doc__text {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.25;
  max-width: 250px
}

.car-doc__button {
  flex: none
}