@font-face {
  font-family: 'VWHead-Bold';
  src: url("../fonts/VWHeadWeb-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/VWHeadWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/VWHeadWeb-Bold.woff") format("woff"), url("../fonts/VWHeadWeb-Bold.ttf") format("truetype"), url("../fonts/VWHeadWeb-Bold.svg") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'VWHead-Regular';
  src: url("../fonts/VWHeadWeb-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/VWHeadWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/VWHeadWeb-Regular.woff") format("woff"), url("../fonts/VWHeadWeb-Regular.ttf") format("truetype"), url("../fonts/VWHeadWeb-Regular.svg") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'VWText-Bold';
  src: url("../fonts/VWTextWeb-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/VWTextWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/VWTextWeb-Bold.woff") format("woff"), url("../fonts/VWTextWeb-Bold.ttf") format("truetype"), url("../fonts/VWTextWeb-Bold.svg") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'VWText-Regular';
  src: url("../fonts/VWTextWeb-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/VWTextWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/VWTextWeb-Regular.woff") format("woff"), url("../fonts/VWTextWeb-Regular.ttf") format("truetype"), url("../fonts/VWTextWeb-Regular.svg") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'AudiType-Bold';
  src: url("../fonts/AudiType-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/AudiType-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AudiTypeV03-Bold.ttf") format("truetype"), url("../fonts/AudiType-Bold.svg") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'AudiType-ExtendedBold';
  src: url("../fonts/AudiType-ExtendedBold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/AudiType-ExtendedBold.eot?#iefix") format("embedded-opentype"), url("../fonts/AudiTypeV03-ExtendedBold.ttf") format("truetype"), url("../fonts/AudiType-ExtendedBold.svg") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'AudiType-ExtendedNormal';
  src: url("../fonts/AudiType-ExtendedNormal.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/AudiType-ExtendedNormal.eot?#iefix") format("embedded-opentype"), url("../fonts/AudiTypeV03-ExtendedNormal.ttf") format("truetype"), url("../fonts/AudiType-ExtendedNormal.svg") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'AudiType-Normal';
  src: url("../fonts/AudiType-Normal.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/AudiType-Normal.eot?#iefix") format("embedded-opentype"), url("../fonts/AudiTypeV03-Normal.ttf") format("truetype"), url("../fonts/AudiType-Normal.svg") format("svg");
  /* Legacy iOS */ }
html {
  height: 100%; }

body {
  height: 100%; }

.hideResult {
  display: none; }

.mainWrapper {
  position: relative; }

body.audi {
  font-family: 'AudiType-Normal'; }
  body.audi a {
    color: #C00;
    text-decoration: none; }
  body.audi h1 {
    font-family: 'AudiType-Normal';
    color: #434c53;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCC;
    margin: 0 0 10px 0;
    font-size: 28px; }
  body.audi h2 {
    font-family: 'AudiType-ExtendedBold';
    font-size: 15px; }
  body.audi p {
    font-size: 13px;
    line-height: 21px;
    color: #333; }
  body.audi .logoWrapper {
    text-align: right;
    margin: 0 40px; }
    @media (max-width: 767px) {
      body.audi .logoWrapper {
        margin-left: 0; } }
    body.audi .logoWrapper img {
      display: inline-block; }
  body.audi .mainWrapper {
    border: 1px solid #CCC;
    margin: 0 40px; }
    body.audi .mainWrapper .main {
      padding: 40px 40px 20px; }
    body.audi .mainWrapper .keyInformation {
      background-color: #CCC;
      padding: 40px; }
  body.audi form {
    position: relative;
    margin: 20px 0 0; }
    body.audi form .form__header h3 {
      display: inline-block; }
    body.audi form .form__fields {
      margin-bottom: 10px; }
      body.audi form .form__fields:before, body.audi form .form__fields:after {
        display: table;
        content: ""; }
      body.audi form .form__fields:after {
        clear: both; }
      body.audi form .form__fields .vinEntry {
        display: inline-block;
        float: left;
        width: 300px;
        height: 40px;
        padding: 0 10px;
        border: 1px solid #CCC;
        border-radius: 5px;
        margin-right: 10px; }
        @media (max-width: 767px) {
          body.audi form .form__fields .vinEntry {
            width: 95%; } }
        body.audi form .form__fields .vinEntry.hasError {
          border-color: red; }
      body.audi form .form__fields .vinSubmit {
        display: inline-block;
        float: left;
        width: 100px;
        height: 36px;
        background-color: #000;
        color: white;
        border: none;
        border-radius: 0px;
        cursor: pointer;
        margin-top: 2px;
        font-family: 'AudiType-Normal'; }
        body.audi form .form__fields .vinSubmit:hover {
          background-color: #C00; }
    body.audi form .form__errors {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      body.audi form .form__errors li {
        font-size: 12px;
        color: red;
        margin-bottom: 10px;
        line-height: 21px; }
    body.audi form p:last-child {
      margin-bottom: 0; }
  body.audi .results {
    color: white;
    background-color: #1a1a1a; }
    body.audi .results .container {
      padding: 40px; }
    body.audi .results .results__header {
      margin-bottom: 20px;
      display: flex;
      background-color: #4C4C4C;
      padding: 20px; }
      body.audi .results .results__header .printMe {
        display: flex;
        align-items: center;
        flex-grow: 1; }
        body.audi .results .results__header .printMe a {
          margin-right: 0;
          margin-left: auto; }
      body.audi .results .results__header p {
        margin: 0;
        font-size: 12px;
        color: white; }
      body.audi .results .results__header h2 {
        margin: 0; }
    body.audi .results table {
      margin: 0 0 30px 0;
      padding: 0;
      border-collapse: collapse;
      min-width: 600px; }
      @media (max-width: 767px) {
        body.audi .results table {
          max-width: 100%;
          min-width: 100%; } }
      body.audi .results table tr, body.audi .results table td {
        border: 1px solid white; }
      body.audi .results table td {
        font-size: 12px;
        padding: 8px;
        width: 50%; }
    body.audi .results .resultCase h4 {
      font-family: 'AudiType-Bold';
      font-size: 15px;
      margin-bottom: 5px; }
    body.audi .results .resultCase h4 + p {
      margin-top: 0; }
    body.audi .results .resultCase p {
      color: white;
      font-size: 13px;
      margin-bottom: 20px; }
    body.audi .results .bottomText {
      color: white;
      font-size: 12px;
      margin: 0; }
  body.audi .keyInformation h3 {
    font-size: 15px;
    margin-bottom: 5px; }
  body.audi .keyInformation h3 + p {
    margin-top: 0; }
  body.audi .keyInformation ul + p {
    margin-top: 40px; }
  body.audi .keyInformation .pdfs li {
    font-size: 8px;
    margin-bottom: 10px; }
    body.audi .keyInformation .pdfs li a {
      font-size: 12px; }
  body.audi .additionalQuestions {
    margin: 0;
    padding: 40px;
    font-family: 'AudiType-Bold'; }
    body.audi .additionalQuestions p {
      margin: 0; }
  body.audi .footer {
    background-color: #666; }
    body.audi .footer .container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 40px; }
    body.audi .footer p {
      color: white;
      margin: 0;
      font-size: 12px; }
    body.audi .footer ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      body.audi .footer ul li {
        color: white;
        display: inline-block;
        margin: 0 5px;
        font-size: 12px; }
        body.audi .footer ul li a {
          color: white;
          text-decoration: none; }

/*# sourceMappingURL=base.css.map */