﻿.auto .main {
  max-width: 100%;
  padding: 0px 0px;
  margin: 0px auto; }
  .auto .main img {
    max-width: 100%; }
  @media (max-width: 768px) {
    .auto .main .top-header.mobile-auto {
      height: auto; } }
  .auto .main .top-header .content {
    padding: 0px 20px;
    max-width: 1420px;
    left: 50%;
    transform: translateX(-50%); }
    .auto .main .top-header .content h1 {
      position: relative;
      top: 30%;
      z-index: 1;
      max-width: 760px;
      color: #fff;
      margin: 0px 0;
      line-height: 1.1; }
      @media (max-width: 768px) {
        .auto .main .top-header .content h1 {
          font-size: 20px;
          line-height: 1.1; } }
  .auto .main .search-form {
    margin: 80px auto 40px;
    max-width: 1680px;
    display: flex;
    align-items: center;
    background: #FFE408; }
    @media (max-width: 768px) {
      .auto .main .search-form {
        flex-direction: column-reverse; } }
    .auto .main .search-form > div:nth-child(1) {
      width: 52%; }
      @media (max-width: 768px) {
        .auto .main .search-form > div:nth-child(1) {
          width: 100%; } }
    .auto .main .search-form > div:nth-child(2) {
      width: 48%; }
      @media (max-width: 768px) {
        .auto .main .search-form > div:nth-child(2) {
          width: 100%; } }
    .auto .main .search-form > div > img {
      width: 100%; }
    .auto .main .search-form > div .copy {
      max-width: 630px;
      margin: 0px auto; }
      .auto .main .search-form > div .copy > h1 {
        margin: 0 auto 10px;
        font-size: 50px;
        line-height: 1; }
      .auto .main .search-form > div .copy > p {
        margin: 0px 0 25px; }
      .auto .main .search-form > div .copy .form-input {
        margin: 0px 0 10px; }
        .auto .main .search-form > div .copy .form-input label {
          font-family: "mini_sans-medium", "arial", sans-serif;
          font-size: 18px;
          line-height: 1; }
        .auto .main .search-form > div .copy .form-input input[type="text"] {
          background-color: transparent;
          width: 100%;
          margin: 10px 0; }
        .auto .main .search-form > div .copy .form-input input[type="checkbox"] {
          margin-right: 4px; }
      .auto .main .search-form > div .copy .auto-btn-black {
        margin-top: 10px;
        min-width: 260px; }
      .auto .main .search-form > div .copy .page-description {
        margin: 50px auto 10px; }
  .auto .main .response-row {
    text-align: left;
    max-width: 1200px;
    padding: 0px 20px;
    margin: 0px auto; }
    .auto .main .response-row .response-title {
      font-size: 25px;
      line-height: 1; }
    .auto .main .response-row .result-value {
      color: #600; }
    .auto .main .response-row hr {
      margin: 10px auto 20px; }
  .auto .main .find-vin {
    margin: 60px auto 0;
    padding: 40px 20px;
    padding: 90px 20px;
    text-align: left;
    max-width: 1600px; }
    .auto .main .find-vin > h1, .auto .main .find-vin > p {
      max-width: 1400px;
      margin: 0px auto; }
      .auto .main .find-vin > h1.how-disclaimer, .auto .main .find-vin > p.how-disclaimer {
        font-size: 14px;
        line-height: 1.1;
        margin-top: 45px; }
    .auto .main .find-vin > h1 {
      margin-bottom: 12px; }
    .auto .main .find-vin .fv-flex {
      display: flex;
      max-width: 1620px;
      margin: 30px auto 0;
      grid-gap: 0px 25px; }
      @media (max-width: 768px) {
        .auto .main .find-vin .fv-flex {
          flex-direction: column; } }
      .auto .main .find-vin .fv-flex .vin-col {
        width: 33%;
        background: #F2F2F2;
        overflow: hidden; }
        .auto .main .find-vin .fv-flex .vin-col > img {
          width: 100%;
          border: 2px solid #e7e7e7;
          border-bottom: none; }
        @media (max-width: 768px) {
          .auto .main .find-vin .fv-flex .vin-col {
            width: 100%;
            margin-bottom: 35px; } }
        .auto .main .find-vin .fv-flex .vin-col p {
          margin: 30px auto 50px;
          padding: 0px 20px; }
          .auto .main .find-vin .fv-flex .vin-col p strong {
            display: block;
            margin: 0 0 25px; }

.auto.footer-outer-container .new-subscribe {
  background: #50C2B8; }
  .auto.footer-outer-container .new-subscribe .form-control {
    background-color: transparent; }
  .auto.footer-outer-container .new-subscribe .continue-btn {
    border-radius: 30px; }
  .auto.footer-outer-container .new-subscribe .form-progressbar {
    background: #000; }
  .auto.footer-outer-container .new-subscribe .form-progressbar-active {
    background: #fff; }
