@charset "UTF-8";
/*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  src: url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0");
  src: url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.0") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal; }

.image-gallery-fullscreen-button::before,
.image-gallery-play-button::before,
.image-gallery-left-nav::before,
.image-gallery-right-nav::before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.image-gallery {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }
  .image-gallery.fullscreen-modal {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5; }
    .image-gallery.fullscreen-modal .image-gallery-content {
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }

.image-gallery-content {
  position: relative;
  line-height: 0;
  top: 0; }
  .image-gallery-content.fullscreen {
    background: #000; }
    .image-gallery-content.fullscreen .image-gallery-slide {
      background: #000; }

.image-gallery-slide-wrapper {
  position: relative; }
  .image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
    display: inline-block;
    width: calc(100% - 113px); }
    @media (max-width: 768px) {
      .image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
        width: calc(100% - 84px); } }
  .image-gallery-slide-wrapper.image-gallery-rtl {
    direction: rtl; }

.image-gallery-fullscreen-button,
.image-gallery-play-button,
.image-gallery-left-nav,
.image-gallery-right-nav {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
  position: absolute;
  z-index: 4; }
  .image-gallery-fullscreen-button::before,
  .image-gallery-play-button::before,
  .image-gallery-left-nav::before,
  .image-gallery-right-nav::before {
    color: #fff;
    line-height: .7;
    text-shadow: 0 2px 2px #1a1a1a;
    transition: color .2s ease-out; }
  .image-gallery-fullscreen-button:hover::before,
  .image-gallery-play-button:hover::before,
  .image-gallery-left-nav:hover::before,
  .image-gallery-right-nav:hover::before {
    color: #337ab7; }
    @media (max-width: 768px) {
      .image-gallery-fullscreen-button:hover::before,
      .image-gallery-play-button:hover::before,
      .image-gallery-left-nav:hover::before,
      .image-gallery-right-nav:hover::before {
        color: #fff; } }

.image-gallery-fullscreen-button,
.image-gallery-play-button {
  bottom: 0; }
  .image-gallery-fullscreen-button::before,
  .image-gallery-play-button::before {
    font-size: 2.7em;
    padding: 15px 20px;
    text-shadow: 0 1px 1px #1a1a1a; }
    @media (max-width: 768px) {
      .image-gallery-fullscreen-button::before,
      .image-gallery-play-button::before {
        font-size: 2.4em; } }
    @media (max-width: 480px) {
      .image-gallery-fullscreen-button::before,
      .image-gallery-play-button::before {
        font-size: 2em; } }
  .image-gallery-fullscreen-button:hover::before,
  .image-gallery-play-button:hover::before {
    color: #fff;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
    @media (max-width: 768px) {
      .image-gallery-fullscreen-button:hover::before,
      .image-gallery-play-button:hover::before {
        -webkit-transform: none;
                transform: none; } }

.image-gallery-fullscreen-button {
  right: 0; }
  .image-gallery-fullscreen-button::before {
    content: ""; }
  .image-gallery-fullscreen-button.active::before {
    content: ""; }
  .image-gallery-fullscreen-button.active:hover::before {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }

.image-gallery-play-button {
  left: 0; }
  .image-gallery-play-button::before {
    content: ""; }
  .image-gallery-play-button.active::before {
    content: ""; }

.image-gallery-left-nav,
.image-gallery-right-nav {
  color: #fff;
  font-size: 5em;
  padding: 50px 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  .image-gallery-left-nav[disabled],
  .image-gallery-right-nav[disabled] {
    cursor: disabled;
    opacity: .6;
    pointer-events: none; }
  @media (max-width: 768px) {
    .image-gallery-left-nav,
    .image-gallery-right-nav {
      font-size: 3.4em;
      padding: 20px 15px; } }
  @media (max-width: 480px) {
    .image-gallery-left-nav,
    .image-gallery-right-nav {
      font-size: 2.4em;
      padding: 0 15px; } }

.image-gallery-left-nav {
  left: 0; }
  .image-gallery-left-nav::before {
    content: ""; }

.image-gallery-right-nav {
  right: 0; }
  .image-gallery-right-nav::before {
    content: ""; }

.image-gallery-slides {
  line-height: 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap; }

.image-gallery-slide {
  background: #fff;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .image-gallery-slide.center {
    position: relative; }
  .image-gallery-slide img {
    width: 100%; }
  .image-gallery-slide .image-gallery-description {
    background: rgba(0, 0, 0, 0.4);
    bottom: 70px;
    color: #fff;
    left: 0;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    white-space: normal; }
    @media (max-width: 768px) {
      .image-gallery-slide .image-gallery-description {
        bottom: 45px;
        font-size: .8em;
        padding: 8px 15px; } }

.image-gallery-bullets {
  bottom: 20px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 80%;
  z-index: 4; }
  .image-gallery-bullets .image-gallery-bullets-container {
    margin: 0;
    padding: 0;
    text-align: center; }
  .image-gallery-bullets .image-gallery-bullet {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 0 #1a1a1a;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    outline: none;
    padding: 5px; }
    @media (max-width: 768px) {
      .image-gallery-bullets .image-gallery-bullet {
        margin: 0 3px;
        padding: 3px; } }
    @media (max-width: 480px) {
      .image-gallery-bullets .image-gallery-bullet {
        padding: 2.7px; } }
    .image-gallery-bullets .image-gallery-bullet.active {
      background: #fff; }

.image-gallery-thumbnails-wrapper {
  position: relative; }
  .image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl {
    direction: rtl; }
  .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
    display: inline-block;
    vertical-align: top;
    width: 108px; }
    @media (max-width: 768px) {
      .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
        width: 81px; } }
    .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails {
      height: 100%;
      width: 100%;
      left: 0;
      padding: 0;
      position: absolute;
      top: 0; }
      .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail {
        display: block;
        margin-right: 0;
        padding: 0; }
        .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail {
          margin-left: 0; }
  .image-gallery-thumbnails-wrapper.left {
    margin-right: 5px; }
    @media (max-width: 768px) {
      .image-gallery-thumbnails-wrapper.left {
        margin-right: 3px; } }
  .image-gallery-thumbnails-wrapper.right {
    margin-left: 5px; }
    @media (max-width: 768px) {
      .image-gallery-thumbnails-wrapper.right {
        margin-left: 3px; } }

.image-gallery-thumbnails {
  overflow: hidden;
  padding: 5px 0; }
  @media (max-width: 768px) {
    .image-gallery-thumbnails {
      padding: 3px 0; } }
  .image-gallery-thumbnails .image-gallery-thumbnails-container {
    cursor: pointer;
    text-align: center;
    transition: -webkit-transform .45s ease-out;
    transition: transform .45s ease-out;
    transition: transform .45s ease-out, -webkit-transform .45s ease-out;
    white-space: nowrap; }

.image-gallery-thumbnail {
  display: inline-block;
  border: 4px solid transparent;
  transition: border .3s ease-out;
  width: 100px; }
  @media (max-width: 768px) {
    .image-gallery-thumbnail {
      border: 3px solid transparent;
      width: 75px; } }
  .image-gallery-thumbnail + .image-gallery-thumbnail {
    margin-left: 2px; }
  .image-gallery-thumbnail .image-gallery-thumbnail-inner {
    position: relative; }
  .image-gallery-thumbnail img {
    vertical-align: middle;
    width: 100%; }
  .image-gallery-thumbnail.active {
    border: 4px solid #337ab7; }
    @media (max-width: 768px) {
      .image-gallery-thumbnail.active {
        border: 3px solid #337ab7; } }

.image-gallery-thumbnail-label {
  box-sizing: border-box;
  color: white;
  font-size: 1em;
  left: 0;
  line-height: 1em;
  padding: 5%;
  position: absolute;
  top: 50%;
  text-shadow: 1px 1px 0 black;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  white-space: normal;
  width: 100%; }
  @media (max-width: 768px) {
    .image-gallery-thumbnail-label {
      font-size: .8em;
      line-height: .8em; } }

.image-gallery-index {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4; }
  @media (max-width: 768px) {
    .image-gallery-index {
      font-size: .8em;
      padding: 5px 10px; } }

/*!
 * Bootstrap v4.0.0-alpha.5 (https://getbootstrap.com)
 * Copyright 2011-2016 The Bootstrap Authors
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

progress {
  vertical-align: baseline; }

template,
[hidden] {
  display: none; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active,
a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0; }

optgroup {
  font-weight: bold; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

@media print {
  *,
  *::before,
  *::after,
  *::first-letter,
  p::first-line,
  div::first-line,
  blockquote::first-line,
  li::first-line {
    text-shadow: none !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .tag {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

@-ms-viewport {
  width: device-width; }

html {
  font-size: 16px;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #373a3c;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: none !important; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

a {
  color: #0275d8;
  text-decoration: none; }
  a:focus, a:hover {
    color: #014c8c;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: none; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle; }

[role="button"] {
  cursor: pointer; }

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation; }

table {
  border-collapse: collapse;
  background-color: transparent; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #818a91;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: left; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
textarea {
  line-height: inherit; }

input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
  cursor: not-allowed; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit; }

input[type="search"] {
  -webkit-appearance: none; }

output {
  display: inline-block; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

h1, .h1 {
  font-size: rem(36px); }

h2, .h2 {
  font-size: rem(24px); }

h3, .h3 {
  font-size: rem(20px); }

h4, .h4 {
  font-size: rem(16px); }

h5, .h5 {
  font-size: rem(12px); }

h6, .h6 {
  font-size: rem(8px); }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: normal; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 5px; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #eceeef; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #818a91; }
  .blockquote-footer::before {
    content: "\2014 \00A0"; }

.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0; }

.blockquote-reverse .blockquote-footer::before {
  content: ""; }

.blockquote-reverse .blockquote-footer::after {
  content: "\00A0 \2014"; }

dl.row > dd + dt {
  clear: left; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  transition: all .2s ease-in-out;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #818a91; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef; }
  .table tbody + tbody {
    border-top: 2px solid #eceeef; }
  .table .table {
    background-color: #fff; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #eceeef; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #eceeef; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075); }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075); }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #dff0d8; }

.table-hover .table-success:hover {
  background-color: #d0e9c6; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #d0e9c6; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7; }

.table-hover .table-info:hover {
  background-color: #c4e3f3; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #c4e3f3; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3; }

.table-hover .table-warning:hover {
  background-color: #faf2cc; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #faf2cc; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2dede; }

.table-hover .table-danger:hover {
  background-color: #ebcccc; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #ebcccc; }

.thead-inverse th {
  color: #fff;
  background-color: #373a3c; }

.thead-default th {
  color: #55595c;
  background-color: #eceeef; }

.table-inverse {
  color: #eceeef;
  background-color: #373a3c; }
  .table-inverse th,
  .table-inverse td,
  .table-inverse thead th {
    border-color: #55595c; }
  .table-inverse.table-bordered {
    border: 0; }

.table-responsive {
  display: block;
  width: 100%;
  min-height: 0%;
  overflow-x: auto; }

.table-reflow thead {
  float: left; }

.table-reflow tbody {
  display: block;
  white-space: nowrap; }

.table-reflow th,
.table-reflow td {
  border-top: 1px solid #eceeef;
  border-left: 1px solid #eceeef; }
  .table-reflow th:last-child,
  .table-reflow td:last-child {
    border-right: 1px solid #eceeef; }

.table-reflow thead:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td {
  border-bottom: 1px solid #eceeef; }

.table-reflow tr {
  float: left; }
  .table-reflow tr th,
  .table-reflow tr td {
    display: block !important;
    border: 1px solid #eceeef; }

.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #55595c;
    background-color: #fff;
    border-color: #66afe9;
    outline: none; }
  .form-control::-webkit-input-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999;
    opacity: 1; }
  .form-control::-ms-input-placeholder {
    color: #999;
    opacity: 1; }
  .form-control::placeholder {
    color: #999;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #eceeef;
    opacity: 1; }
  .form-control:disabled {
    cursor: not-allowed; }

select.form-control:not([size]):not([multiple]) {
  height: calc(2.5rem - 2px); }

select.form-control:focus::-ms-value {
  color: #55595c;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block; }

.col-form-label {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0; }

.col-form-label-lg {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.25rem; }

.col-form-label-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem; }

.col-form-legend {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  font-size: 1rem; }

.form-control-static {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1.25;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem; }

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 1.8125rem; }

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem; }

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 3.16667rem; }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-check {
  position: relative;
  display: block;
  margin-bottom: 0.75rem; }
  .form-check + .form-check {
    margin-top: -.25rem; }
  .form-check.disabled .form-check-label {
    color: #818a91;
    cursor: not-allowed; }

.form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0;
  cursor: pointer; }

.form-check-input {
  position: absolute;
  margin-top: .25rem;
  margin-left: -1.25rem; }
  .form-check-input:only-child {
    position: static; }

.form-check-inline {
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: pointer; }
  .form-check-inline + .form-check-inline {
    margin-left: .75rem; }
  .form-check-inline.disabled {
    color: #818a91;
    cursor: not-allowed; }

.form-control-feedback {
  margin-top: 0.25rem; }

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.625rem;
  background-size: 1.25rem 1.25rem; }

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .form-check-label,
.has-success .form-check-inline,
.has-success .custom-control {
  color: #5cb85c; }

.has-success .form-control {
  border-color: #5cb85c; }
  .has-success .form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3d7a3; }

.has-success .input-group-addon {
  color: #5cb85c;
  border-color: #5cb85c;
  background-color: #eaf6ea; }

.has-success .form-control-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#5cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); }

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .form-check-label,
.has-warning .form-check-inline,
.has-warning .custom-control {
  color: #f0ad4e; }

.has-warning .form-control {
  border-color: #f0ad4e; }
  .has-warning .form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; }

.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: white; }

.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); }

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .form-check-label,
.has-danger .form-check-inline,
.has-danger .custom-control {
  color: #d9534f; }

.has-danger .form-control {
  border-color: #d9534f; }
  .has-danger .form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3; }

.has-danger .input-group-addon {
  color: #d9534f;
  border-color: #d9534f;
  background-color: #fdf7f7; }

.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); }

@media (min-width: 576px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    width: auto;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-check {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-check-label {
    padding-left: 0; }
  .form-inline .form-check-input {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.fade {
  opacity: 0;
  transition: opacity .15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent; }

.dropdown-toggle:focus {
  outline: 0; }

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #373a3c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: normal;
  color: #373a3c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
  .dropdown-item:focus, .dropdown-item:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5; }
  .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0275d8;
    outline: 0; }
  .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    color: #818a91; }
  .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #818a91;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 0.3em solid; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.125rem; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left;
    margin-bottom: 0; }
    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }
    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -0.5rem; }
  .btn-toolbar::after {
    content: "";
    display: table;
    clear: both; }
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 0.5rem; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }
  .btn + .dropdown-toggle-split::after {
    margin-left: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 0.3em 0.3em 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 0.3em 0.3em; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group::after {
  content: "";
  display: table;
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  width: 100%;
  display: table;
  border-collapse: separate; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.25;
  color: #55595c;
  text-align: center;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }
  .input-group-addon.form-control-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem; }
  .input-group-addon.form-control-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: 0.3rem; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group > .btn,
.input-group-btn:not(:last-child) > .dropdown-toggle,
.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:not(:last-child) {
  border-right: 0; }

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.form-control + .input-group-addon:not(:first-child) {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
      z-index: 3; }
  .input-group-btn:not(:last-child) > .btn,
  .input-group-btn:not(:last-child) > .btn-group {
    margin-right: -1px; }
  .input-group-btn:not(:first-child) > .btn,
  .input-group-btn:not(:first-child) > .btn-group {
    z-index: 2;
    margin-left: -1px; }
    .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
    .input-group-btn:not(:first-child) > .btn-group:focus,
    .input-group-btn:not(:first-child) > .btn-group:active,
    .input-group-btn:not(:first-child) > .btn-group:hover {
      z-index: 3; }

.custom-control {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
  cursor: pointer; }
  .custom-control + .custom-control {
    margin-left: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-indicator {
    color: #fff;
    background-color: #0074d9; }
  .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; }
  .custom-control-input:active ~ .custom-control-indicator {
    color: #fff;
    background-color: #84c6ff; }
  .custom-control-input:disabled ~ .custom-control-indicator {
    cursor: not-allowed;
    background-color: #eee; }
  .custom-control-input:disabled ~ .custom-control-description {
    color: #767676;
    cursor: not-allowed; }

.custom-control-indicator {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%; }

.custom-checkbox .custom-control-indicator {
  border-radius: 0.25rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #0074d9;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#fff' d='M0 2h4'/%3E%3C/svg%3E"); }

.custom-radio .custom-control-indicator {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#fff'/%3E%3C/svg%3E"); }

.custom-controls-stacked .custom-control {
  float: left;
  clear: left; }
  .custom-controls-stacked .custom-control + .custom-control {
    margin-left: 0; }

.custom-select {
  display: inline-block;
  max-width: 100%;
  height: calc(2.5rem - 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  padding-right: 0.75rem \9;
  color: #55595c;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-image: none \9;
  background-size: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  -moz-appearance: none;
  -webkit-appearance: none; }
  .custom-select:focus {
    border-color: #51a7e8;
    outline: none; }
    .custom-select:focus::-ms-value {
      color: #55595c;
      background-color: #fff; }
  .custom-select:disabled {
    color: #818a91;
    cursor: not-allowed;
    background-color: #eceeef; }
  .custom-select::-ms-expand {
    opacity: 0; }

.custom-select-sm {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%; }

.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 2.5rem;
  cursor: pointer; }

.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0; }

.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #555;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem; }
  .custom-file-control:lang(en)::after {
    content: "Choose file..."; }
  .custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #555;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 0 0.25rem 0.25rem 0; }
  .custom-file-control:lang(en)::before {
    content: "Browse"; }

.card {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
  background-color: #fff;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125); }

.card-block {
  padding: 1.25rem; }
  .card-block::after {
    content: "";
    display: table;
    clear: both; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card > .list-group:first-child .list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem; }

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .card-header::after {
    content: "";
    display: table;
    clear: both; }
  .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-top: 1px solid rgba(0, 0, 0, 0.125); }
  .card-footer::after {
    content: "";
    display: table;
    clear: both; }
  .card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-primary {
  background-color: #0275d8;
  border-color: #0275d8; }
  .card-primary .card-header,
  .card-primary .card-footer {
    background-color: transparent; }

.card-success {
  background-color: #5cb85c;
  border-color: #5cb85c; }
  .card-success .card-header,
  .card-success .card-footer {
    background-color: transparent; }

.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de; }
  .card-info .card-header,
  .card-info .card-footer {
    background-color: transparent; }

.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
  .card-warning .card-header,
  .card-warning .card-footer {
    background-color: transparent; }

.card-danger {
  background-color: #d9534f;
  border-color: #d9534f; }
  .card-danger .card-header,
  .card-danger .card-footer {
    background-color: transparent; }

.card-outline-primary {
  background-color: transparent;
  border-color: #0275d8; }

.card-outline-secondary {
  background-color: transparent;
  border-color: #ccc; }

.card-outline-info {
  background-color: transparent;
  border-color: #5bc0de; }

.card-outline-success {
  background-color: transparent;
  border-color: #5cb85c; }

.card-outline-warning {
  background-color: transparent;
  border-color: #f0ad4e; }

.card-outline-danger {
  background-color: transparent;
  border-color: #d9534f; }

.card-inverse .card-header,
.card-inverse .card-footer {
  border-color: rgba(255, 255, 255, 0.2); }

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff; }

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-subtitle,
.card-inverse .card-blockquote .blockquote-footer {
  color: rgba(255, 255, 255, 0.65); }

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff; }

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0; }

.card-img {
  border-radius: calc(0.25rem - 1px); }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img-top {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px); }

.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px); }

@media (min-width: 576px) {
  .card-deck {
    display: table;
    width: 100%;
    margin-bottom: 0.75rem;
    table-layout: fixed;
    border-spacing: 1.25rem 0; }
    .card-deck .card {
      display: table-cell;
      margin-bottom: 0;
      vertical-align: top; }
  .card-deck-wrapper {
    margin-right: -1.25rem;
    margin-left: -1.25rem; } }

@media (min-width: 576px) {
  .card-group {
    display: table;
    width: 100%;
    table-layout: fixed; }
    .card-group .card {
      display: table-cell;
      vertical-align: top; }
      .card-group .card + .card {
        margin-left: 0;
        border-left: 0; }
      .card-group .card:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
        .card-group .card:first-child .card-img-top {
          border-top-right-radius: 0; }
        .card-group .card:first-child .card-img-bottom {
          border-bottom-right-radius: 0; }
      .card-group .card:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }
        .card-group .card:last-child .card-img-top {
          border-top-left-radius: 0; }
        .card-group .card:last-child .card-img-bottom {
          border-bottom-left-radius: 0; }
      .card-group .card:not(:first-child):not(:last-child) {
        border-radius: 0; }
        .card-group .card:not(:first-child):not(:last-child) .card-img-top,
        .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
          border-radius: 0; } }

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
            column-count: 3;
    grid-column-gap: 1.25rem;
    -webkit-column-gap: 1.25rem;
            column-gap: 1.25rem; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eceeef;
  border-radius: 0.25rem; }
  .breadcrumb::after {
    content: "";
    display: table;
    clear: both; }

.breadcrumb-item {
  float: left; }
  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #818a91;
    content: "/"; }
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline; }
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none; }
  .breadcrumb-item.active {
    color: #818a91; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem; }

.page-item {
  display: inline; }
  .page-item:first-child .page-link {
    margin-left: 0;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem; }
  .page-item:last-child .page-link {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0275d8;
    border-color: #0275d8; }
  .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
    color: #818a91;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd; }

.page-link {
  position: relative;
  float: left;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  color: #0275d8;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd; }
  .page-link:focus, .page-link:hover {
    color: #014c8c;
    background-color: #eceeef;
    border-color: #ddd; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem; }

.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }

.pagination-sm .page-link {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem; }

.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem; }

.tag {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem; }
  .tag:empty {
    display: none; }

.btn .tag {
  position: relative;
  top: -1px; }

a.tag:focus, a.tag:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.tag-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }

.tag-default {
  background-color: #818a91; }
  .tag-default[href]:focus, .tag-default[href]:hover {
    background-color: #687077; }

.tag-primary {
  background-color: #0275d8; }
  .tag-primary[href]:focus, .tag-primary[href]:hover {
    background-color: #025aa5; }

.tag-success {
  background-color: #5cb85c; }
  .tag-success[href]:focus, .tag-success[href]:hover {
    background-color: #449d44; }

.tag-info {
  background-color: #5bc0de; }
  .tag-info[href]:focus, .tag-info[href]:hover {
    background-color: #31b0d5; }

.tag-warning {
  background-color: #f0ad4e; }
  .tag-warning[href]:focus, .tag-warning[href]:hover {
    background-color: #ec971f; }

.tag-danger {
  background-color: #d9534f; }
  .tag-danger[href]:focus, .tag-danger[href]:hover {
    background-color: #c9302c; }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #eceeef;
  border-radius: 0.3rem; }
  @media (min-width: 576px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-hr {
  border-top-color: #d0d5d8; }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: bold; }

.alert-dismissible {
  padding-right: 2.5rem; }
  .alert-dismissible .close {
    position: relative;
    top: -.125rem;
    right: -1.25rem;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c1e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6d5ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7ecb5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9b9; }
  .alert-danger .alert-link {
    color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: block;
  width: 100%;
  height: 1rem;
  margin-bottom: 1rem; }

.progress[value] {
  background-color: #eee;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.25rem; }

.progress[value]::-ms-fill {
  background-color: #0074d9;
  border: 0; }

.progress[value]::-moz-progress-bar {
  background-color: #0074d9;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem; }

.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem; }

.progress[value="100"]::-moz-progress-bar {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }

.progress[value="100"]::-webkit-progress-value {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }

.progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 0.25rem; }

base::-moz-progress-bar,
.progress[value] {
  background-color: #eee;
  border-radius: 0.25rem; }

@media screen and (min-width: 0\0) {
  .progress {
    background-color: #eee;
    border-radius: 0.25rem; }
  .progress-bar {
    display: inline-block;
    height: 1rem;
    text-indent: -999rem;
    background-color: #0074d9;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem; }
  .progress[width="100%"] {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem; } }

.progress-striped[value]::-webkit-progress-value {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-striped[value]::-moz-progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-striped[value]::-ms-fill {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

@media screen and (min-width: 0\0) {
  .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem; } }

.progress-animated[value]::-webkit-progress-value {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite; }

.progress-animated[value]::-moz-progress-bar {
  animation: progress-bar-stripes 2s linear infinite; }

@media screen and (min-width: 0\0) {
  .progress-animated .progress-bar-striped {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
            animation: progress-bar-stripes 2s linear infinite; } }

.progress-success[value]::-webkit-progress-value {
  background-color: #5cb85c; }

.progress-success[value]::-moz-progress-bar {
  background-color: #5cb85c; }

.progress-success[value]::-ms-fill {
  background-color: #5cb85c; }

@media screen and (min-width: 0\0) {
  .progress-success .progress-bar {
    background-color: #5cb85c; } }

.progress-info[value]::-webkit-progress-value {
  background-color: #5bc0de; }

.progress-info[value]::-moz-progress-bar {
  background-color: #5bc0de; }

.progress-info[value]::-ms-fill {
  background-color: #5bc0de; }

@media screen and (min-width: 0\0) {
  .progress-info .progress-bar {
    background-color: #5bc0de; } }

.progress-warning[value]::-webkit-progress-value {
  background-color: #f0ad4e; }

.progress-warning[value]::-moz-progress-bar {
  background-color: #f0ad4e; }

.progress-warning[value]::-ms-fill {
  background-color: #f0ad4e; }

@media screen and (min-width: 0\0) {
  .progress-warning .progress-bar {
    background-color: #f0ad4e; } }

.progress-danger[value]::-webkit-progress-value {
  background-color: #d9534f; }

.progress-danger[value]::-moz-progress-bar {
  background-color: #d9534f; }

.progress-danger[value]::-ms-fill {
  background-color: #d9534f; }

@media screen and (min-width: 0\0) {
  .progress-danger .progress-bar {
    background-color: #d9534f; } }

.media,
.media-body {
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right {
  padding-left: 10px; }

.media-left {
  padding-right: 10px; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: #eceeef; }
    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
      color: inherit; }
    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
      color: #818a91; }
  .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #0275d8;
    border-color: #0275d8; }
    .list-group-item.active .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading > .small {
      color: inherit; }
    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
      color: #a8d6fe; }

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }

.list-group-item-action {
  width: 100%;
  color: #555;
  text-align: inherit; }
  .list-group-item-action .list-group-item-heading {
    color: #333; }
  .list-group-item-action:focus, .list-group-item-action:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:focus, a.list-group-item-success:hover,
  button.list-group-item-success:focus,
  button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover,
  button.list-group-item-success.active,
  button.list-group-item-success.active:focus,
  button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:focus, a.list-group-item-info:hover,
  button.list-group-item-info:focus,
  button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover,
  button.list-group-item-info.active,
  button.list-group-item-info.active:focus,
  button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:focus, a.list-group-item-warning:hover,
  button.list-group-item-warning:focus,
  button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:focus,
  button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:focus, a.list-group-item-danger:hover,
  button.list-group-item-danger:focus,
  button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:focus,
  button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9 {
  padding-bottom: 42.85714%; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.embed-responsive-1by1 {
  padding-bottom: 100%; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2; }
  .close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-faded {
  background-color: #f7f7f9; }

.bg-primary {
  background-color: #0275d8 !important; }

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #025aa5 !important; }

.bg-success {
  background-color: #5cb85c !important; }

a.bg-success:focus, a.bg-success:hover {
  background-color: #449d44 !important; }

.bg-info {
  background-color: #5bc0de !important; }

a.bg-info:focus, a.bg-info:hover {
  background-color: #31b0d5 !important; }

.bg-warning {
  background-color: #f0ad4e !important; }

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #ec971f !important; }

.bg-danger {
  background-color: #d9534f !important; }

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #c9302c !important; }

.bg-inverse {
  background-color: #373a3c !important; }

a.bg-inverse:focus, a.bg-inverse:hover {
  background-color: #1f2021 !important; }

.rounded {
  border-radius: 0.25rem; }

.rounded-top {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem; }

.rounded-right {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }

.rounded-bottom {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.rounded-left {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem; }

.rounded-circle {
  border-radius: 50%; }

.clearfix::after {
  content: "";
  display: table;
  clear: both; }

.d-block {
  display: block !important; }

.d-inline-block {
  display: inline-block !important; }

.d-inline {
  display: inline !important; }

.float-xs-left {
  float: left !important; }

.float-xs-right {
  float: right !important; }

.float-xs-none {
  float: none !important; }

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.w-100 {
  width: 100% !important; }

.h-100 {
  height: 100% !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.m-0 {
  margin: 0 0 !important; }

.mt-0 {
  margin-top: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.ml-0 {
  margin-left: 0 !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-1 {
  margin: 1rem 1rem !important; }

.mt-1 {
  margin-top: 1rem !important; }

.mr-1 {
  margin-right: 1rem !important; }

.mb-1 {
  margin-bottom: 1rem !important; }

.ml-1 {
  margin-left: 1rem !important; }

.mx-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.m-2 {
  margin: 1.5rem 1.5rem !important; }

.mt-2 {
  margin-top: 1.5rem !important; }

.mr-2 {
  margin-right: 1.5rem !important; }

.mb-2, .landingpage .section-bullets {
  margin-bottom: 1.5rem !important; }

.ml-2 {
  margin-left: 1.5rem !important; }

.mx-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.my-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.m-3 {
  margin: 3rem 3rem !important; }

.mt-3 {
  margin-top: 3rem !important; }

.mr-3 {
  margin-right: 3rem !important; }

.mb-3 {
  margin-bottom: 3rem !important; }

.ml-3 {
  margin-left: 3rem !important; }

.mx-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.p-0 {
  padding: 0 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-1 {
  padding: 1rem 1rem !important; }

.pt-1 {
  padding-top: 1rem !important; }

.pr-1 {
  padding-right: 1rem !important; }

.pb-1 {
  padding-bottom: 1rem !important; }

.pl-1 {
  padding-left: 1rem !important; }

.px-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.p-2 {
  padding: 1.5rem 1.5rem !important; }

.pt-2 {
  padding-top: 1.5rem !important; }

.pr-2 {
  padding-right: 1.5rem !important; }

.pb-2 {
  padding-bottom: 1.5rem !important; }

.pl-2 {
  padding-left: 1.5rem !important; }

.px-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.py-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.p-3 {
  padding: 3rem 3rem !important; }

.pt-3 {
  padding-top: 3rem !important; }

.pr-3 {
  padding-right: 3rem !important; }

.pb-3 {
  padding-bottom: 3rem !important; }

.pl-3 {
  padding-left: 3rem !important; }

.px-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.pos-f-t {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-xs-left {
  text-align: left !important; }

.text-xs-right {
  text-align: right !important; }

.text-xs-center {
  text-align: center !important; }

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-normal {
  font-weight: normal; }

.font-weight-bold {
  font-weight: bold; }

.font-italic {
  font-style: italic; }

.text-white {
  color: #fff !important; }

.text-muted {
  color: #818a91 !important; }

a.text-muted:focus, a.text-muted:hover {
  color: #687077 !important; }

.text-primary {
  color: #0275d8 !important; }

a.text-primary:focus, a.text-primary:hover {
  color: #025aa5 !important; }

.text-success {
  color: #5cb85c !important; }

a.text-success:focus, a.text-success:hover {
  color: #449d44 !important; }

.text-info {
  color: #5bc0de !important; }

a.text-info:focus, a.text-info:hover {
  color: #31b0d5 !important; }

.text-warning {
  color: #f0ad4e !important; }

a.text-warning:focus, a.text-warning:hover {
  color: #ec971f !important; }

.text-danger {
  color: #d9534f !important; }

a.text-danger:focus, a.text-danger:hover {
  color: #c9302c !important; }

.text-gray-dark {
  color: #373a3c !important; }

a.text-gray-dark:focus, a.text-gray-dark:hover {
  color: #1f2021 !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.invisible {
  visibility: hidden !important; }

.hidden-xs-up {
  display: none !important; }

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/******************************   New Styles    ******************************/
/* Color Palette */
/******************************   Old Styles    ******************************/
/* Colors */
/* Color palette */
/* Shades of grey */
/* Vertical Rhythm */
/* Typesizes */
/* Paragraph */
/*
Media queries
xs, sm, md, lg, xl
*/
/*
Grid max width is 1920px.
The grid stops at the 1280px width, but the full bleed images, colored boxes and lines extend up to 1920px width.
After that, the site stays in the center of the screen and show #333 background color on sides.
zeplin: https://zpl.io/1YjEm6
 */
/* Icons */
/* Car Icons Images */
/* Logotypes */
/* Background Images */
/* Misc elements */
/*
Icons
 */
/*
Background image stylable SVG
 */
/*
Background image logos
 */
/* Forms */
/*
Animations
 */
@-webkit-keyframes appear {
  0% {
    opacity: 0.01; }
  100% {
    opacity: 0.1; } }
@keyframes appear {
  0% {
    opacity: 0.01; }
  100% {
    opacity: 0.1; } }

@-webkit-keyframes expand-width {
  0% {
    width: 5%; }
  100% {
    width: 90%; } }

@keyframes expand-width {
  0% {
    width: 5%; }
  100% {
    width: 90%; } }

@-webkit-keyframes slide-header {
  0% {
    height: 1%; }
  100% {
    height: 70px; } }

@keyframes slide-header {
  0% {
    height: 1%; }
  100% {
    height: 70px; } }

/* Miscelaneous */
@font-face {
  font-family: 'Vroom-Sans';
  src: url(/7b67ace444ce67e0a6a24e365a29f4e9.woff2) format("woff2"), url(/096be6ac179a4f7ebbaae2e344c77502.woff) format("woff"); }

@font-face {
  font-family: 'Calibre-Regular';
  src: url(/00dc4e688a4300339971297eac9a0168.woff2) format("woff2"), url(/209a22f911f087b88678c2e0c772054e.woff) format("woff"); }

@font-face {
  font-family: 'Calibre-Medium';
  src: url(/0ce346a037bf7593364b9aed041dd073.woff2) format("woff2"), url(/1c41e60089f30ea09cccfb3b0011ade0.woff) format("woff"); }

@font-face {
  font-family: 'Calibre-Semibold';
  src: url(/12a6bf5fd864be8e5111f7d97eec76ec.woff2) format("woff2"), url(/84aadc896fb6a16196073f0720099d6d.woff) format("woff"); }

@font-face {
  font-family: 'Calibre-Bold';
  src: url(/d7dc1b0696e3abc52ac555412416ea3c.woff2) format("woff2"), url(/90f7858dfa22681191c4ce9b1e0bb5cb.woff) format("woff"); }
.col-xs-1 {
  width: 26.66667px; }

@media only screen and (max-width: 767px) {
  .col-1 {
    width: 8.33333%; } }

.col-xs-2 {
  width: 53.33333px; }

@media only screen and (max-width: 767px) {
  .col-2 {
    width: 16.66667%; } }

.col-xs-3 {
  width: 80px; }

@media only screen and (max-width: 767px) {
  .col-3 {
    width: 25%; } }

.col-xs-4 {
  width: 106.66667px; }

@media only screen and (max-width: 767px) {
  .col-4 {
    width: 33.33333%; } }

.col-xs-5 {
  width: 133.33333px; }

@media only screen and (max-width: 767px) {
  .col-5 {
    width: 41.66667%; } }

.col-xs-6 {
  width: 160px; }

@media only screen and (max-width: 767px) {
  .col-6, section.who-we-are .bg-image .content p {
    width: 50%; } }

.col-xs-7 {
  width: 186.66667px; }

@media only screen and (max-width: 767px) {
  .col-7 {
    width: 58.33333%; } }

.col-xs-8 {
  width: 213.33333px; }

@media only screen and (max-width: 767px) {
  .col-8, section.press .bg-image-div .carousel, section.press section.marquee .carousel, section.values .tagline {
    width: 66.66667%; } }

.col-xs-9 {
  width: 240px; }

@media only screen and (max-width: 767px) {
  .col-9 {
    width: 75%; } }

.col-xs-10 {
  width: 266.66667px; }

@media only screen and (max-width: 767px) {
  .col-10, .landingpage .section-bullets, section.how-it-works .description, section.values .carousel {
    width: 83.33333%; } }

.col-xs-11 {
  width: 293.33333px; }

@media only screen and (max-width: 767px) {
  .col-11 {
    width: 91.66667%; } }

.col-xs-12 {
  width: 320px; }

@media only screen and (max-width: 767px) {
  .col-12 {
    width: 100%; } }

.col-sm-1 {
  width: 64px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-1 {
    width: 8.33333%; } }

.col-sm-2 {
  width: 128px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-2 {
    width: 16.66667%; } }

.col-sm-3 {
  width: 192px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-3 {
    width: 25%; } }

.col-sm-4 {
  width: 256px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-4 {
    width: 33.33333%; } }

.col-sm-5 {
  width: 320px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-5 {
    width: 41.66667%; } }

.col-sm-6 {
  width: 384px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-6, section.who-we-are .bg-image .content p {
    width: 50%; } }

.col-sm-7 {
  width: 448px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-7 {
    width: 58.33333%; } }

.col-sm-8 {
  width: 512px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-8, section.press .bg-image-div .carousel, section.press section.marquee .carousel, section.values .tagline {
    width: 66.66667%; } }

.col-sm-9 {
  width: 576px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-9 {
    width: 75%; } }

.col-sm-10 {
  width: 640px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-10, .landingpage .section-bullets, section.how-it-works .description, section.values .carousel {
    width: 83.33333%; } }

.col-sm-11 {
  width: 704px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-11 {
    width: 91.66667%; } }

.col-sm-12 {
  width: 768px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-12 {
    width: 100%; } }

.col-md-1 {
  width: 85.33333px; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .col-1 {
    width: 8.33333%; } }

.col-md-2 {
  width: 170.66667px; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .col-2 {
    width: 16.66667%; } }

.col-md-3 {
  width: 256px; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .col-3 {
    width: 25%; } }

.col-md-4 {
  width: 341.33333px; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .col-4 {
    width: 33.33333%; } }

.col-md-5 {
  width: 426.66667px; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .col-5 {
    width: 41.66667%; } }

.col-md-6 {
  width: 512px; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .col-6, section.who-we-are .bg-image .content p {
    width: 50%; } }

.col-md-7 {
  width: 597.33333px; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .col-7 {
    width: 58.33333%; } }

.col-md-8 {
  width: 682.66667px; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .col-8, section.press .bg-image-div .carousel, section.press section.marquee .carousel, section.values .tagline {
    width: 66.66667%; } }

.col-md-9 {
  width: 768px; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .col-9 {
    width: 75%; } }

.col-md-10 {
  width: 853.33333px; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .col-10, .landingpage .section-bullets, section.how-it-works .description, section.values .carousel {
    width: 83.33333%; } }

.col-md-11 {
  width: 938.66667px; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .col-11 {
    width: 91.66667%; } }

.col-md-12 {
  width: 1024px; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .col-12 {
    width: 100%; } }

.col-lg-1 {
  width: 106.66667px; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .col-1 {
    width: 8.33333%; } }

.col-lg-2 {
  width: 213.33333px; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .col-2 {
    width: 16.66667%; } }

.col-lg-3 {
  width: 320px; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .col-3 {
    width: 25%; } }

.col-lg-4 {
  width: 426.66667px; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .col-4 {
    width: 33.33333%; } }

.col-lg-5 {
  width: 533.33333px; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .col-5 {
    width: 41.66667%; } }

.col-lg-6 {
  width: 640px; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .col-6, section.who-we-are .bg-image .content p {
    width: 50%; } }

.col-lg-7 {
  width: 746.66667px; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .col-7 {
    width: 58.33333%; } }

.col-lg-8 {
  width: 853.33333px; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .col-8, section.press .bg-image-div .carousel, section.press section.marquee .carousel, section.values .tagline {
    width: 66.66667%; } }

.col-lg-9 {
  width: 960px; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .col-9 {
    width: 75%; } }

.col-lg-10 {
  width: 1066.66667px; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .col-10, .landingpage .section-bullets, section.how-it-works .description, section.values .carousel {
    width: 83.33333%; } }

.col-lg-11 {
  width: 1173.33333px; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .col-11 {
    width: 91.66667%; } }

.col-lg-12 {
  width: 1280px; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .col-12 {
    width: 100%; } }

.col-xl-1 {
  width: 160px; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .col-1 {
    width: 8.33333%; } }

.col-xl-2 {
  width: 320px; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .col-2 {
    width: 16.66667%; } }

.col-xl-3 {
  width: 480px; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .col-3 {
    width: 25%; } }

.col-xl-4 {
  width: 640px; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .col-4 {
    width: 33.33333%; } }

.col-xl-5 {
  width: 800px; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .col-5 {
    width: 41.66667%; } }

.col-xl-6 {
  width: 960px; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .col-6, section.who-we-are .bg-image .content p {
    width: 50%; } }

.col-xl-7 {
  width: 1120px; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .col-7 {
    width: 58.33333%; } }

.col-xl-8 {
  width: 1280px; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .col-8, section.press .bg-image-div .carousel, section.press section.marquee .carousel, section.values .tagline {
    width: 66.66667%; } }

.col-xl-9 {
  width: 1440px; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .col-9 {
    width: 75%; } }

.col-xl-10 {
  width: 1600px; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .col-10, .landingpage .section-bullets, section.how-it-works .description, section.values .carousel {
    width: 83.33333%; } }

.col-xl-11 {
  width: 1760px; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .col-11 {
    width: 91.66667%; } }

.col-xl-12 {
  width: 1920px; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .col-12 {
    width: 100%; } }

/*
Catalog page grid has different breakpoints
 */
.catalog > .col-xs-1 {
  width: 26.66667; }

@media only screen and (max-width: 767px) {
  .catalog > .col-1 {
    width: 8.33333%; } }

.catalog > .col-xs-2 {
  width: 53.33333; }

@media only screen and (max-width: 767px) {
  .catalog > .col-2 {
    width: 16.66667%; } }

.catalog > .col-xs-3 {
  width: 80; }

@media only screen and (max-width: 767px) {
  .catalog > .col-3 {
    width: 25%; } }

.catalog > .col-xs-4 {
  width: 106.66667; }

@media only screen and (max-width: 767px) {
  .catalog > .col-4 {
    width: 33.33333%; } }

.catalog > .col-xs-5 {
  width: 133.33333; }

@media only screen and (max-width: 767px) {
  .catalog > .col-5 {
    width: 41.66667%; } }

.catalog > .col-xs-6 {
  width: 160; }

@media only screen and (max-width: 767px) {
  .catalog > .col-6, section.who-we-are .bg-image .content .catalog > p {
    width: 50%; } }

.catalog > .col-xs-7 {
  width: 186.66667; }

@media only screen and (max-width: 767px) {
  .catalog > .col-7 {
    width: 58.33333%; } }

.catalog > .col-xs-8 {
  width: 213.33333; }

@media only screen and (max-width: 767px) {
  .catalog > .col-8, section.press .bg-image-div .catalog > .carousel, section.press section.marquee .catalog > .carousel, section.values .catalog > .tagline {
    width: 66.66667%; } }

.catalog > .col-xs-9 {
  width: 240; }

@media only screen and (max-width: 767px) {
  .catalog > .col-9 {
    width: 75%; } }

.catalog > .col-xs-10 {
  width: 266.66667; }

@media only screen and (max-width: 767px) {
  .catalog > .col-10, .landingpage .catalog > .section-bullets, section.how-it-works .catalog > .description, section.values .catalog > .carousel {
    width: 83.33333%; } }

.catalog > .col-xs-11 {
  width: 293.33333; }

@media only screen and (max-width: 767px) {
  .catalog > .col-11 {
    width: 91.66667%; } }

.catalog > .col-xs-12 {
  width: 320; }

@media only screen and (max-width: 767px) {
  .catalog > .col-12 {
    width: 100%; } }

.catalog > .col-sm-1 {
  width: 64; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .catalog > .col-1 {
    width: 8.33333%; } }

.catalog > .col-sm-2 {
  width: 128; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .catalog > .col-2 {
    width: 16.66667%; } }

.catalog > .col-sm-3 {
  width: 192; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .catalog > .col-3 {
    width: 25%; } }

.catalog > .col-sm-4 {
  width: 256; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .catalog > .col-4 {
    width: 33.33333%; } }

.catalog > .col-sm-5 {
  width: 320; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .catalog > .col-5 {
    width: 41.66667%; } }

.catalog > .col-sm-6 {
  width: 384; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .catalog > .col-6, section.who-we-are .bg-image .content .catalog > p {
    width: 50%; } }

.catalog > .col-sm-7 {
  width: 448; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .catalog > .col-7 {
    width: 58.33333%; } }

.catalog > .col-sm-8 {
  width: 512; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .catalog > .col-8, section.press .bg-image-div .catalog > .carousel, section.press section.marquee .catalog > .carousel, section.values .catalog > .tagline {
    width: 66.66667%; } }

.catalog > .col-sm-9 {
  width: 576; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .catalog > .col-9 {
    width: 75%; } }

.catalog > .col-sm-10 {
  width: 640; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .catalog > .col-10, .landingpage .catalog > .section-bullets, section.how-it-works .catalog > .description, section.values .catalog > .carousel {
    width: 83.33333%; } }

.catalog > .col-sm-11 {
  width: 704; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .catalog > .col-11 {
    width: 91.66667%; } }

.catalog > .col-sm-12 {
  width: 768; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .catalog > .col-12 {
    width: 100%; } }

.catalog > .col-md-1 {
  width: 75; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .catalog > .col-1 {
    width: 8.33333%; } }

.catalog > .col-md-2 {
  width: 150; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .catalog > .col-2 {
    width: 16.66667%; } }

.catalog > .col-md-3 {
  width: 225; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .catalog > .col-3 {
    width: 25%; } }

.catalog > .col-md-4 {
  width: 300; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .catalog > .col-4 {
    width: 33.33333%; } }

.catalog > .col-md-5 {
  width: 375; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .catalog > .col-5 {
    width: 41.66667%; } }

.catalog > .col-md-6 {
  width: 450; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .catalog > .col-6, section.who-we-are .bg-image .content .catalog > p {
    width: 50%; } }

.catalog > .col-md-7 {
  width: 525; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .catalog > .col-7 {
    width: 58.33333%; } }

.catalog > .col-md-8 {
  width: 600; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .catalog > .col-8, section.press .bg-image-div .catalog > .carousel, section.press section.marquee .catalog > .carousel, section.values .catalog > .tagline {
    width: 66.66667%; } }

.catalog > .col-md-9 {
  width: 675; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .catalog > .col-9 {
    width: 75%; } }

.catalog > .col-md-10 {
  width: 750; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .catalog > .col-10, .landingpage .catalog > .section-bullets, section.how-it-works .catalog > .description, section.values .catalog > .carousel {
    width: 83.33333%; } }

.catalog > .col-md-11 {
  width: 825; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .catalog > .col-11 {
    width: 91.66667%; } }

.catalog > .col-md-12 {
  width: 900; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .catalog > .col-12 {
    width: 100%; } }

.catalog > .col-lg-1 {
  width: 91.66667; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog > .col-1 {
    width: 8.33333%; } }

.catalog > .col-lg-2 {
  width: 183.33333; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog > .col-2 {
    width: 16.66667%; } }

.catalog > .col-lg-3 {
  width: 275; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog > .col-3 {
    width: 25%; } }

.catalog > .col-lg-4 {
  width: 366.66667; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog > .col-4 {
    width: 33.33333%; } }

.catalog > .col-lg-5 {
  width: 458.33333; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog > .col-5 {
    width: 41.66667%; } }

.catalog > .col-lg-6 {
  width: 550; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog > .col-6, section.who-we-are .bg-image .content .catalog > p {
    width: 50%; } }

.catalog > .col-lg-7 {
  width: 641.66667; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog > .col-7 {
    width: 58.33333%; } }

.catalog > .col-lg-8 {
  width: 733.33333; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog > .col-8, section.press .bg-image-div .catalog > .carousel, section.press section.marquee .catalog > .carousel, section.values .catalog > .tagline {
    width: 66.66667%; } }

.catalog > .col-lg-9 {
  width: 825; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog > .col-9 {
    width: 75%; } }

.catalog > .col-lg-10 {
  width: 916.66667; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog > .col-10, .landingpage .catalog > .section-bullets, section.how-it-works .catalog > .description, section.values .catalog > .carousel {
    width: 83.33333%; } }

.catalog > .col-lg-11 {
  width: 1008.33333; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog > .col-11 {
    width: 91.66667%; } }

.catalog > .col-lg-12 {
  width: 1100; }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog > .col-12 {
    width: 100%; } }

.catalog > .col-xl-1 {
  width: 108.33333; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .catalog > .col-1 {
    width: 8.33333%; } }

.catalog > .col-xl-2 {
  width: 216.66667; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .catalog > .col-2 {
    width: 16.66667%; } }

.catalog > .col-xl-3 {
  width: 325; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .catalog > .col-3 {
    width: 25%; } }

.catalog > .col-xl-4 {
  width: 433.33333; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .catalog > .col-4 {
    width: 33.33333%; } }

.catalog > .col-xl-5 {
  width: 541.66667; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .catalog > .col-5 {
    width: 41.66667%; } }

.catalog > .col-xl-6 {
  width: 650; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .catalog > .col-6, section.who-we-are .bg-image .content .catalog > p {
    width: 50%; } }

.catalog > .col-xl-7 {
  width: 758.33333; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .catalog > .col-7 {
    width: 58.33333%; } }

.catalog > .col-xl-8 {
  width: 866.66667; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .catalog > .col-8, section.press .bg-image-div .catalog > .carousel, section.press section.marquee .catalog > .carousel, section.values .catalog > .tagline {
    width: 66.66667%; } }

.catalog > .col-xl-9 {
  width: 975; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .catalog > .col-9 {
    width: 75%; } }

.catalog > .col-xl-10 {
  width: 1083.33333; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .catalog > .col-10, .landingpage .catalog > .section-bullets, section.how-it-works .catalog > .description, section.values .catalog > .carousel {
    width: 83.33333%; } }

.catalog > .col-xl-11 {
  width: 1191.66667; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .catalog > .col-11 {
    width: 91.66667%; } }

.catalog > .col-xl-12 {
  width: 1300; }

@media only screen and (min-width: 1920px) and (max-width: 1920px) {
  .catalog > .col-12 {
    width: 100%; } }

.catalog > .col-xxl-1 {
  width: 116.66667; }

@media only screen and (min-width: 1920px) {
  .catalog > .col-1 {
    width: 8.33333%; } }

.catalog > .col-xxl-2 {
  width: 233.33333; }

@media only screen and (min-width: 1920px) {
  .catalog > .col-2 {
    width: 16.66667%; } }

.catalog > .col-xxl-3 {
  width: 350; }

@media only screen and (min-width: 1920px) {
  .catalog > .col-3 {
    width: 25%; } }

.catalog > .col-xxl-4 {
  width: 466.66667; }

@media only screen and (min-width: 1920px) {
  .catalog > .col-4 {
    width: 33.33333%; } }

.catalog > .col-xxl-5 {
  width: 583.33333; }

@media only screen and (min-width: 1920px) {
  .catalog > .col-5 {
    width: 41.66667%; } }

.catalog > .col-xxl-6 {
  width: 700; }

@media only screen and (min-width: 1920px) {
  .catalog > .col-6, section.who-we-are .bg-image .content .catalog > p {
    width: 50%; } }

.catalog > .col-xxl-7 {
  width: 816.66667; }

@media only screen and (min-width: 1920px) {
  .catalog > .col-7 {
    width: 58.33333%; } }

.catalog > .col-xxl-8 {
  width: 933.33333; }

@media only screen and (min-width: 1920px) {
  .catalog > .col-8, section.press .bg-image-div .catalog > .carousel, section.press section.marquee .catalog > .carousel, section.values .catalog > .tagline {
    width: 66.66667%; } }

.catalog > .col-xxl-9 {
  width: 1050; }

@media only screen and (min-width: 1920px) {
  .catalog > .col-9 {
    width: 75%; } }

.catalog > .col-xxl-10 {
  width: 1166.66667; }

@media only screen and (min-width: 1920px) {
  .catalog > .col-10, .landingpage .catalog > .section-bullets, section.how-it-works .catalog > .description, section.values .catalog > .carousel {
    width: 83.33333%; } }

.catalog > .col-xxl-11 {
  width: 1283.33333; }

@media only screen and (min-width: 1920px) {
  .catalog > .col-11 {
    width: 91.66667%; } }

.catalog > .col-xxl-12 {
  width: 1400; }

@media only screen and (min-width: 1920px) {
  .catalog > .col-12 {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .sm-block-grid-1:before, .landingpage .section-bullets:before {
    content: '';
    display: table; }
  .sm-block-grid-1:after, .landingpage .section-bullets:after {
    content: '';
    display: table;
    clear: both; }
    .sm-block-grid-1 > *, .landingpage .section-bullets > * {
      width: calc(99.9% * 1 - (20px - 20px * 1)); }
    .sm-block-grid-1 > *:nth-child(1n), .landingpage .section-bullets > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .sm-block-grid-1 > *:last-child, .landingpage .section-bullets > *:last-child {
      margin-right: 0; }
    .sm-block-grid-1 > *:nth-child(NaNn), .landingpage .section-bullets > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .sm-block-grid-1 > *:nth-child(NaNn + 1), .landingpage .section-bullets > *:nth-child(NaNn + 1) {
      clear: both; }
  .sm-block-grid-2:before {
    content: '';
    display: table; }
  .sm-block-grid-2:after {
    content: '';
    display: table;
    clear: both; }
    .sm-block-grid-2 > * {
      width: calc(99.9% * 0.5 - (20px - 20px * 0.5)); }
    .sm-block-grid-2 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .sm-block-grid-2 > *:last-child {
      margin-right: 0; }
    .sm-block-grid-2 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .sm-block-grid-2 > *:nth-child(NaNn + 1) {
      clear: both; }
  .sm-block-grid-3:before {
    content: '';
    display: table; }
  .sm-block-grid-3:after {
    content: '';
    display: table;
    clear: both; }
    .sm-block-grid-3 > * {
      width: calc(99.9% * 0.33333 - (20px - 20px * 0.33333)); }
    .sm-block-grid-3 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .sm-block-grid-3 > *:last-child {
      margin-right: 0; }
    .sm-block-grid-3 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .sm-block-grid-3 > *:nth-child(NaNn + 1) {
      clear: both; }
  .sm-block-grid-4:before {
    content: '';
    display: table; }
  .sm-block-grid-4:after {
    content: '';
    display: table;
    clear: both; }
    .sm-block-grid-4 > * {
      width: calc(99.9% * 0.25 - (20px - 20px * 0.25)); }
    .sm-block-grid-4 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .sm-block-grid-4 > *:last-child {
      margin-right: 0; }
    .sm-block-grid-4 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .sm-block-grid-4 > *:nth-child(NaNn + 1) {
      clear: both; }
  .sm-block-grid-5:before {
    content: '';
    display: table; }
  .sm-block-grid-5:after {
    content: '';
    display: table;
    clear: both; }
    .sm-block-grid-5 > * {
      width: calc(99.9% * 0.2 - (20px - 20px * 0.2)); }
    .sm-block-grid-5 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .sm-block-grid-5 > *:last-child {
      margin-right: 0; }
    .sm-block-grid-5 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .sm-block-grid-5 > *:nth-child(NaNn + 1) {
      clear: both; }
  .sm-block-grid-6:before {
    content: '';
    display: table; }
  .sm-block-grid-6:after {
    content: '';
    display: table;
    clear: both; }
    .sm-block-grid-6 > * {
      width: calc(99.9% * 0.16667 - (20px - 20px * 0.16667)); }
    .sm-block-grid-6 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .sm-block-grid-6 > *:last-child {
      margin-right: 0; }
    .sm-block-grid-6 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .sm-block-grid-6 > *:nth-child(NaNn + 1) {
      clear: both; } }

@media screen and (min-width: 768px) {
  .md-block-grid-1:before {
    content: '';
    display: table; }
  .md-block-grid-1:after {
    content: '';
    display: table;
    clear: both; }
    .md-block-grid-1 > * {
      width: calc(99.9% * 1 - (20px - 20px * 1)); }
    .md-block-grid-1 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .md-block-grid-1 > *:last-child {
      margin-right: 0; }
    .md-block-grid-1 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .md-block-grid-1 > *:nth-child(NaNn + 1) {
      clear: both; }
  .md-block-grid-2:before {
    content: '';
    display: table; }
  .md-block-grid-2:after {
    content: '';
    display: table;
    clear: both; }
    .md-block-grid-2 > * {
      width: calc(99.9% * 0.5 - (20px - 20px * 0.5)); }
    .md-block-grid-2 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .md-block-grid-2 > *:last-child {
      margin-right: 0; }
    .md-block-grid-2 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .md-block-grid-2 > *:nth-child(NaNn + 1) {
      clear: both; }
  .md-block-grid-3:before, .landingpage .section-bullets:before {
    content: '';
    display: table; }
  .md-block-grid-3:after, .landingpage .section-bullets:after {
    content: '';
    display: table;
    clear: both; }
    .md-block-grid-3 > *, .landingpage .section-bullets > * {
      width: calc(99.9% * 0.33333 - (20px - 20px * 0.33333)); }
    .md-block-grid-3 > *:nth-child(1n), .landingpage .section-bullets > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .md-block-grid-3 > *:last-child, .landingpage .section-bullets > *:last-child {
      margin-right: 0; }
    .md-block-grid-3 > *:nth-child(NaNn), .landingpage .section-bullets > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .md-block-grid-3 > *:nth-child(NaNn + 1), .landingpage .section-bullets > *:nth-child(NaNn + 1) {
      clear: both; }
  .md-block-grid-4:before {
    content: '';
    display: table; }
  .md-block-grid-4:after {
    content: '';
    display: table;
    clear: both; }
    .md-block-grid-4 > * {
      width: calc(99.9% * 0.25 - (20px - 20px * 0.25)); }
    .md-block-grid-4 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .md-block-grid-4 > *:last-child {
      margin-right: 0; }
    .md-block-grid-4 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .md-block-grid-4 > *:nth-child(NaNn + 1) {
      clear: both; }
  .md-block-grid-5:before {
    content: '';
    display: table; }
  .md-block-grid-5:after {
    content: '';
    display: table;
    clear: both; }
    .md-block-grid-5 > * {
      width: calc(99.9% * 0.2 - (20px - 20px * 0.2)); }
    .md-block-grid-5 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .md-block-grid-5 > *:last-child {
      margin-right: 0; }
    .md-block-grid-5 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .md-block-grid-5 > *:nth-child(NaNn + 1) {
      clear: both; }
  .md-block-grid-6:before {
    content: '';
    display: table; }
  .md-block-grid-6:after {
    content: '';
    display: table;
    clear: both; }
    .md-block-grid-6 > * {
      width: calc(99.9% * 0.16667 - (20px - 20px * 0.16667)); }
    .md-block-grid-6 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .md-block-grid-6 > *:last-child {
      margin-right: 0; }
    .md-block-grid-6 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .md-block-grid-6 > *:nth-child(NaNn + 1) {
      clear: both; } }

@media screen and (min-width: 1024px) {
  .lg-block-grid-1:before {
    content: '';
    display: table; }
  .lg-block-grid-1:after {
    content: '';
    display: table;
    clear: both; }
    .lg-block-grid-1 > * {
      width: calc(99.9% * 1 - (20px - 20px * 1)); }
    .lg-block-grid-1 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .lg-block-grid-1 > *:last-child {
      margin-right: 0; }
    .lg-block-grid-1 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .lg-block-grid-1 > *:nth-child(NaNn + 1) {
      clear: both; }
  .lg-block-grid-2:before {
    content: '';
    display: table; }
  .lg-block-grid-2:after {
    content: '';
    display: table;
    clear: both; }
    .lg-block-grid-2 > * {
      width: calc(99.9% * 0.5 - (20px - 20px * 0.5)); }
    .lg-block-grid-2 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .lg-block-grid-2 > *:last-child {
      margin-right: 0; }
    .lg-block-grid-2 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .lg-block-grid-2 > *:nth-child(NaNn + 1) {
      clear: both; }
  .lg-block-grid-3:before {
    content: '';
    display: table; }
  .lg-block-grid-3:after {
    content: '';
    display: table;
    clear: both; }
    .lg-block-grid-3 > * {
      width: calc(99.9% * 0.33333 - (20px - 20px * 0.33333)); }
    .lg-block-grid-3 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .lg-block-grid-3 > *:last-child {
      margin-right: 0; }
    .lg-block-grid-3 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .lg-block-grid-3 > *:nth-child(NaNn + 1) {
      clear: both; }
  .lg-block-grid-4:before {
    content: '';
    display: table; }
  .lg-block-grid-4:after {
    content: '';
    display: table;
    clear: both; }
    .lg-block-grid-4 > * {
      width: calc(99.9% * 0.25 - (20px - 20px * 0.25)); }
    .lg-block-grid-4 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .lg-block-grid-4 > *:last-child {
      margin-right: 0; }
    .lg-block-grid-4 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .lg-block-grid-4 > *:nth-child(NaNn + 1) {
      clear: both; }
  .lg-block-grid-5:before {
    content: '';
    display: table; }
  .lg-block-grid-5:after {
    content: '';
    display: table;
    clear: both; }
    .lg-block-grid-5 > * {
      width: calc(99.9% * 0.2 - (20px - 20px * 0.2)); }
    .lg-block-grid-5 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .lg-block-grid-5 > *:last-child {
      margin-right: 0; }
    .lg-block-grid-5 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .lg-block-grid-5 > *:nth-child(NaNn + 1) {
      clear: both; }
  .lg-block-grid-6:before {
    content: '';
    display: table; }
  .lg-block-grid-6:after {
    content: '';
    display: table;
    clear: both; }
    .lg-block-grid-6 > * {
      width: calc(99.9% * 0.16667 - (20px - 20px * 0.16667)); }
    .lg-block-grid-6 > *:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    .lg-block-grid-6 > *:last-child {
      margin-right: 0; }
    .lg-block-grid-6 > *:nth-child(NaNn) {
      margin-right: 0;
      float: right; }
    .lg-block-grid-6 > *:nth-child(NaNn + 1) {
      clear: both; } }

.flex {
  display: flex !important; }

@media screen and (max-width: 767px) {
  .sm-flex-grid-1 {
    display: flex;
    flex-wrap: wrap; }
    .sm-flex-grid-1 > * {
      flex-basis: 100%; }
  .sm-flex-grid-2 {
    display: flex;
    flex-wrap: wrap; }
    .sm-flex-grid-2 > * {
      flex-basis: 50%; }
  .sm-flex-grid-3 {
    display: flex;
    flex-wrap: wrap; }
    .sm-flex-grid-3 > * {
      flex-basis: 33.33333%; }
  .sm-flex-grid-4 {
    display: flex;
    flex-wrap: wrap; }
    .sm-flex-grid-4 > * {
      flex-basis: 25%; }
  .sm-flex-grid-5 {
    display: flex;
    flex-wrap: wrap; }
    .sm-flex-grid-5 > * {
      flex-basis: 20%; }
  .sm-flex-grid-6 {
    display: flex;
    flex-wrap: wrap; }
    .sm-flex-grid-6 > * {
      flex-basis: 16.66667%; } }

@media screen and (min-width: 768px) {
  .md-flex-grid-1 {
    display: flex;
    flex-wrap: wrap; }
    .md-flex-grid-1 > * {
      flex-basis: 100%; }
  .md-flex-grid-2 {
    display: flex;
    flex-wrap: wrap; }
    .md-flex-grid-2 > * {
      flex-basis: 50%; }
  .md-flex-grid-3 {
    display: flex;
    flex-wrap: wrap; }
    .md-flex-grid-3 > * {
      flex-basis: 33.33333%; }
  .md-flex-grid-4 {
    display: flex;
    flex-wrap: wrap; }
    .md-flex-grid-4 > * {
      flex-basis: 25%; }
  .md-flex-grid-5 {
    display: flex;
    flex-wrap: wrap; }
    .md-flex-grid-5 > * {
      flex-basis: 20%; }
  .md-flex-grid-6 {
    display: flex;
    flex-wrap: wrap; }
    .md-flex-grid-6 > * {
      flex-basis: 16.66667%; } }

@media screen and (min-width: 1024px) {
  .lg-flex-grid-1 {
    display: flex;
    flex-wrap: wrap; }
    .lg-flex-grid-1 > * {
      flex-basis: 100%; }
  .lg-flex-grid-2 {
    display: flex;
    flex-wrap: wrap; }
    .lg-flex-grid-2 > * {
      flex-basis: 50%; }
  .lg-flex-grid-3 {
    display: flex;
    flex-wrap: wrap; }
    .lg-flex-grid-3 > * {
      flex-basis: 33.33333%; }
  .lg-flex-grid-4 {
    display: flex;
    flex-wrap: wrap; }
    .lg-flex-grid-4 > * {
      flex-basis: 25%; }
  .lg-flex-grid-5 {
    display: flex;
    flex-wrap: wrap; }
    .lg-flex-grid-5 > * {
      flex-basis: 20%; }
  .lg-flex-grid-6 {
    display: flex;
    flex-wrap: wrap; }
    .lg-flex-grid-6 > * {
      flex-basis: 16.66667%; } }

.flex-item {
  flex: 1; }

/* DOM Elements */
html {
  font-size: 16px; }

body {
  margin: 0;
  padding: 0;
  font-family: "Calibre-Regular";
  font-size: 16px;
  line-height: 1.5rem;
  color: #041022;
  -webkit-font-smoothing: antialiased;
  background-color: #d6d7da; }

.subtext {
  color: #041022;
  font: 1rem;
  font-weight: 400; }

.text-center {
  text-align: center; }

input {
  padding: 0; }

ul {
  margin: 0;
  padding: 0; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.67; }

/* Links */
a {
  color: #e7131a; }
  a:hover {
    color: #e7131a;
    text-decoration: none; }
  a:focus {
    text-decoration: none; }

#container.catalog {
  background-color: #d6d7da; }

#container-page {
  margin: 0 auto;
  padding: 0;
  background: #ffffff; }
  #container-page:not(.catalog) {
    max-width: 120rem; }

.inventory-page #container-page {
  max-width: 1920px;
  width: 100vw; }

.inventory-page .Footer,
.catalog .Footer {
  max-width: none; }

.bg-primary {
  background-color: #e7131a;
  color: #ffffff; }

.flex-center {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.flex-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }

.center-block {
  display: block;
  margin: 0 auto; }

.inner, .landingpage .section-bullets, section.how-it-works .section-bullets, section.press .bg-image-div .carousel, section.press section.marquee .carousel, section.values .carousel, section.who-we-are .bg-image .content p {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px; }
  @media only screen and (min-width: 1280px) {
    .inner, .landingpage .section-bullets, section.how-it-works .section-bullets, section.press .bg-image-div .carousel, section.press section.marquee .carousel, section.values .carousel, section.who-we-are .bg-image .content p {
      padding: 0 3.125rem; } }

.hidden {
  display: none !important; }

.width-100 {
  width: 100%; }

.width-50 {
  width: 50%;
  padding-right: 10px; }
  @media only screen and (max-width: 767px) {
    .width-50 {
      max-width: 100%;
      width: 100%;
      padding-right: 0; } }

.width-25 {
  width: 25%;
  padding-right: 10px; }
  @media only screen and (max-width: 767px) {
    .width-25 {
      max-width: 50%;
      width: 50%; } }

.hero-headline {
  font-family: "Calibre-Semibold";
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 1.25px;
  text-transform: uppercase; }
  @media only screen and (min-width: 1024px) {
    .hero-headline {
      font-size: 18px;
      line-height: 25px; } }

h1.hero-title {
  font-family: "Vroom-Sans";
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 1px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    h1.hero-title {
      font-family: "Vroom-Sans";
      font-size: 42px;
      line-height: 46px;
      letter-spacing: 1px; } }
  @media only screen and (min-width: 1024px) {
    h1.hero-title {
      font-family: "Vroom-Sans";
      font-size: 62px;
      line-height: 66px;
      letter-spacing: 1px; } }

.hero-tagline {
  font-family: "Calibre-Regular";
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.25px; }
  @media only screen and (max-width: 767px) {
    .hero-tagline {
      font-size: 18px; } }

.section-title {
  font-family: "Vroom-Sans";
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 1px; }
  @media only screen and (min-width: 768px) {
    .section-title {
      font-family: "Vroom-Sans";
      font-size: 36px;
      line-height: 40px;
      letter-spacing: 1px; } }
  @media only screen and (min-width: 1024px) {
    .section-title {
      font-family: "Vroom-Sans";
      font-size: 42px;
      line-height: 46px;
      letter-spacing: 1px; } }

.error-msg {
  opacity: 0.9;
  text-transform: uppercase;
  font-family: "Calibre-Bold";
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 1px;
  color: #f26900; }

.btn {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0;
  font-family: "Calibre-Semibold";
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1.75px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: color 0.1s, background-color 0.1s; }

.btn-primary {
  min-width: 143px;
  padding: 14px 20px;
  background-color: #e7131a;
  color: #ffffff !important; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #fc4349; }
  .btn-primary:disabled, .btn-primary[disabled] {
    background-color: #d6d7da; }

.btn-secondary {
  padding: 12.5px 20px;
  background-color: #ffffff;
  color: #e7131a !important;
  border: 2px solid #e7131a !important; }
  .btn-secondary:hover, .btn-secondary:focus {
    background-color: #e7131a;
    color: #ffffff !important; }
  .btn-secondary:disabled, .btn-secondary[disabled] {
    background-color: #ffffff;
    color: #d6d7da;
    border-color: #d6d7da; }

.btn-cancel {
  padding: 12.5px 20px;
  background-color: #ffffff;
  color: #6c717a !important;
  border: 2px solid #999da3 !important; }
  .btn-cancel:hover, .btn-cancel:focus {
    background-color: #999da3;
    color: #ffffff !important; }

@media only screen and (max-width: 767px) {
  .btn-sticky {
    width: calc(100% - 40px);
    position: fixed;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 14.5px 20px;
    z-index: 1;
    height: 45px; } }

input[type='submit'],
button {
  padding: 6px 12px;
  border: none;
  border-radius: 0;
  display: inline-block;
  cursor: pointer; }
  input[type='submit']:disabled, input[type='submit'][disabled],
  button:disabled,
  button[disabled] {
    background-color: #d6d7da;
    color: #ffffff;
    cursor: auto; }
  @media only screen and (max-width: 767px) {
    input[type='submit'],
    button {
      width: 100%; } }

.credit-page input[type='text'],
.credit-page input[type='email'],
.credit-page input[type='button'],
.credit-page input[type='tel'],
.credit-page input[type='number'],
.notify-leadgen-dialog input[type='text'],
.notify-leadgen-dialog input[type='email'],
.notify-leadgen-dialog input[type='button'],
.notify-leadgen-dialog input[type='tel'],
.notify-leadgen-dialog input[type='number'],
.preq-container input[type='text'],
.preq-container input[type='email'],
.preq-container input[type='button'],
.preq-container input[type='tel'],
.preq-container input[type='number'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #041022;
  padding-left: 9px;
  background-color: #ffffff;
  border: solid 1px #d6d7da;
  border-radius: 0;
  height: 40px;
  line-height: 40px;
  outline: none !important; }
  .credit-page input[type='text']:focus,
  .credit-page input[type='email']:focus,
  .credit-page input[type='button']:focus,
  .credit-page input[type='tel']:focus,
  .credit-page input[type='number']:focus,
  .notify-leadgen-dialog input[type='text']:focus,
  .notify-leadgen-dialog input[type='email']:focus,
  .notify-leadgen-dialog input[type='button']:focus,
  .notify-leadgen-dialog input[type='tel']:focus,
  .notify-leadgen-dialog input[type='number']:focus,
  .preq-container input[type='text']:focus,
  .preq-container input[type='email']:focus,
  .preq-container input[type='button']:focus,
  .preq-container input[type='tel']:focus,
  .preq-container input[type='number']:focus {
    outline: none !important;
    border-color: #1960d0 !important; }
  .credit-page input[type='text']::-webkit-input-placeholder,
  .credit-page input[type='email']::-webkit-input-placeholder,
  .credit-page input[type='button']::-webkit-input-placeholder,
  .credit-page input[type='tel']::-webkit-input-placeholder,
  .credit-page input[type='number']::-webkit-input-placeholder,
  .notify-leadgen-dialog input[type='text']::-webkit-input-placeholder,
  .notify-leadgen-dialog input[type='email']::-webkit-input-placeholder,
  .notify-leadgen-dialog input[type='button']::-webkit-input-placeholder,
  .notify-leadgen-dialog input[type='tel']::-webkit-input-placeholder,
  .notify-leadgen-dialog input[type='number']::-webkit-input-placeholder,
  .preq-container input[type='text']::-webkit-input-placeholder,
  .preq-container input[type='email']::-webkit-input-placeholder,
  .preq-container input[type='button']::-webkit-input-placeholder,
  .preq-container input[type='tel']::-webkit-input-placeholder,
  .preq-container input[type='number']::-webkit-input-placeholder {
    color: #999da3;
    opacity: 1; }
  .credit-page input[type='text']:-ms-input-placeholder,
  .credit-page input[type='email']:-ms-input-placeholder,
  .credit-page input[type='button']:-ms-input-placeholder,
  .credit-page input[type='tel']:-ms-input-placeholder,
  .credit-page input[type='number']:-ms-input-placeholder,
  .notify-leadgen-dialog input[type='text']:-ms-input-placeholder,
  .notify-leadgen-dialog input[type='email']:-ms-input-placeholder,
  .notify-leadgen-dialog input[type='button']:-ms-input-placeholder,
  .notify-leadgen-dialog input[type='tel']:-ms-input-placeholder,
  .notify-leadgen-dialog input[type='number']:-ms-input-placeholder,
  .preq-container input[type='text']:-ms-input-placeholder,
  .preq-container input[type='email']:-ms-input-placeholder,
  .preq-container input[type='button']:-ms-input-placeholder,
  .preq-container input[type='tel']:-ms-input-placeholder,
  .preq-container input[type='number']:-ms-input-placeholder {
    color: #999da3;
    opacity: 1; }
  .credit-page input[type='text']::-ms-input-placeholder,
  .credit-page input[type='email']::-ms-input-placeholder,
  .credit-page input[type='button']::-ms-input-placeholder,
  .credit-page input[type='tel']::-ms-input-placeholder,
  .credit-page input[type='number']::-ms-input-placeholder,
  .notify-leadgen-dialog input[type='text']::-ms-input-placeholder,
  .notify-leadgen-dialog input[type='email']::-ms-input-placeholder,
  .notify-leadgen-dialog input[type='button']::-ms-input-placeholder,
  .notify-leadgen-dialog input[type='tel']::-ms-input-placeholder,
  .notify-leadgen-dialog input[type='number']::-ms-input-placeholder,
  .preq-container input[type='text']::-ms-input-placeholder,
  .preq-container input[type='email']::-ms-input-placeholder,
  .preq-container input[type='button']::-ms-input-placeholder,
  .preq-container input[type='tel']::-ms-input-placeholder,
  .preq-container input[type='number']::-ms-input-placeholder {
    color: #999da3;
    opacity: 1; }
  .credit-page input[type='text']::placeholder,
  .credit-page input[type='email']::placeholder,
  .credit-page input[type='button']::placeholder,
  .credit-page input[type='tel']::placeholder,
  .credit-page input[type='number']::placeholder,
  .notify-leadgen-dialog input[type='text']::placeholder,
  .notify-leadgen-dialog input[type='email']::placeholder,
  .notify-leadgen-dialog input[type='button']::placeholder,
  .notify-leadgen-dialog input[type='tel']::placeholder,
  .notify-leadgen-dialog input[type='number']::placeholder,
  .preq-container input[type='text']::placeholder,
  .preq-container input[type='email']::placeholder,
  .preq-container input[type='button']::placeholder,
  .preq-container input[type='tel']::placeholder,
  .preq-container input[type='number']::placeholder {
    color: #999da3;
    opacity: 1; }
  .credit-page input[type='text']::-webkit-outer-spin-button, .credit-page input[type='text']::-webkit-inner-spin-button,
  .credit-page input[type='email']::-webkit-outer-spin-button,
  .credit-page input[type='email']::-webkit-inner-spin-button,
  .credit-page input[type='button']::-webkit-outer-spin-button,
  .credit-page input[type='button']::-webkit-inner-spin-button,
  .credit-page input[type='tel']::-webkit-outer-spin-button,
  .credit-page input[type='tel']::-webkit-inner-spin-button,
  .credit-page input[type='number']::-webkit-outer-spin-button,
  .credit-page input[type='number']::-webkit-inner-spin-button,
  .notify-leadgen-dialog input[type='text']::-webkit-outer-spin-button,
  .notify-leadgen-dialog input[type='text']::-webkit-inner-spin-button,
  .notify-leadgen-dialog input[type='email']::-webkit-outer-spin-button,
  .notify-leadgen-dialog input[type='email']::-webkit-inner-spin-button,
  .notify-leadgen-dialog input[type='button']::-webkit-outer-spin-button,
  .notify-leadgen-dialog input[type='button']::-webkit-inner-spin-button,
  .notify-leadgen-dialog input[type='tel']::-webkit-outer-spin-button,
  .notify-leadgen-dialog input[type='tel']::-webkit-inner-spin-button,
  .notify-leadgen-dialog input[type='number']::-webkit-outer-spin-button,
  .notify-leadgen-dialog input[type='number']::-webkit-inner-spin-button,
  .preq-container input[type='text']::-webkit-outer-spin-button,
  .preq-container input[type='text']::-webkit-inner-spin-button,
  .preq-container input[type='email']::-webkit-outer-spin-button,
  .preq-container input[type='email']::-webkit-inner-spin-button,
  .preq-container input[type='button']::-webkit-outer-spin-button,
  .preq-container input[type='button']::-webkit-inner-spin-button,
  .preq-container input[type='tel']::-webkit-outer-spin-button,
  .preq-container input[type='tel']::-webkit-inner-spin-button,
  .preq-container input[type='number']::-webkit-outer-spin-button,
  .preq-container input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
            appearance: none;
    margin: 0; }

.appraisal-page input[type='text'],
.appraisal-page input[type='email'],
.appraisal-page input[type='button'],
.appraisal-page input[type='tel'],
.appraisal-page input[type='number'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #041022;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 9px;
  background-color: #ffffff;
  border: solid 1px #d6d7da;
  border-radius: 0;
  height: 40px;
  outline: none !important; }
  .appraisal-page input[type='text']:focus,
  .appraisal-page input[type='email']:focus,
  .appraisal-page input[type='button']:focus,
  .appraisal-page input[type='tel']:focus,
  .appraisal-page input[type='number']:focus {
    outline: none !important;
    border-color: #1960d0 !important; }
  .appraisal-page input[type='text']::-webkit-input-placeholder,
  .appraisal-page input[type='email']::-webkit-input-placeholder,
  .appraisal-page input[type='button']::-webkit-input-placeholder,
  .appraisal-page input[type='tel']::-webkit-input-placeholder,
  .appraisal-page input[type='number']::-webkit-input-placeholder {
    color: #999da3;
    opacity: 1; }
  .appraisal-page input[type='text']:-ms-input-placeholder,
  .appraisal-page input[type='email']:-ms-input-placeholder,
  .appraisal-page input[type='button']:-ms-input-placeholder,
  .appraisal-page input[type='tel']:-ms-input-placeholder,
  .appraisal-page input[type='number']:-ms-input-placeholder {
    color: #999da3;
    opacity: 1; }
  .appraisal-page input[type='text']::-ms-input-placeholder,
  .appraisal-page input[type='email']::-ms-input-placeholder,
  .appraisal-page input[type='button']::-ms-input-placeholder,
  .appraisal-page input[type='tel']::-ms-input-placeholder,
  .appraisal-page input[type='number']::-ms-input-placeholder {
    color: #999da3;
    opacity: 1; }
  .appraisal-page input[type='text']::placeholder,
  .appraisal-page input[type='email']::placeholder,
  .appraisal-page input[type='button']::placeholder,
  .appraisal-page input[type='tel']::placeholder,
  .appraisal-page input[type='number']::placeholder {
    color: #999da3;
    opacity: 1; }

.disabled-btn {
  background-color: #d6d7da !important;
  color: #ffffff !important;
  cursor: auto; }
  .disabled-btn:hover {
    color: #ffffff !important; }

/* Switch Buttons */
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px; }

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  cursor: pointer;
  padding-left: 26px;
  display: inline-block; }

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 15px;
  height: 15px;
  background-color: #ffffff;
  border: solid 1px #d6d7da;
  margin-right: 2px; }

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23041022' d='M0 0h14v14H0z'/%3E %3Cpath fill='%23FFF' d='M6.842 10.556L3 6.714l.946-.947 2.852 2.851L11.01 4l.989.9z'/%3E %3C/g%3E %3C/svg%3E");
  border: 0;
  margin-right: 2px; }

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0; }

[type="checkbox"]:checked + label:after {
  opacity: 1; }

[type="checkbox"]:checked + label:before {
  background-color: #edf2f7; }

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd; }

[type="checkbox"]:disabled:checked + label:after {
  color: #999; }

[type="checkbox"]:disabled + label {
  color: #aaa; }

/* hover style just for information */
[type="checkbox"] + label:hover:before {
  border: 1px solid !important; }

.form-control {
  font: rem(18px);
  width: 100%;
  margin-bottom: 24px;
  padding: 0 12px;
  box-sizing: border-box;
  line-height: 3rem; }
  .form-control::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
    color: #999da3; }
  .form-control::-webkit-input-placeholder, .form-control::placeholder {
    color: #999da3; }

input {
  font-size: 18px;
  vertical-align: middle; }
  input[type='text'], input[type='email'] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  input[type='checkbox'] {
    border-radius: none; }
  input[type='search']::-ms-clear {
    display: none; }

button:hover {
  cursor: pointer; }

.input-lg {
  font: rem(18px);
  height: 4.5rem;
  padding: 10px 16px;
  line-height: 1.25rem;
  border-radius: 0; }

input,
select,
textarea {
  box-shadow: none;
  font-size: 18px;
  letter-spacing: 0.3px;
  font-family: "Calibre-Regular"; }

.select select {
  width: 100%;
  height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 9px;
  border-radius: 0;
  background-color: #ffffff;
  border: solid 1px #d6d7da;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  line-height: 1.78;
  letter-spacing: -0.3px;
  position: relative;
  top: 1px;
  color: #041022; }

.select-arrow {
  position: absolute;
  top: 39px;
  right: 18px;
  width: 12px;
  height: auto;
  pointer-events: none;
  border-width: 8px 5px 0 5px; }

.input-container,
.select-container {
  display: flex;
  align-items: center; }
  .input-container .validation-icon.success,
  .select-container .validation-icon.success {
    fill: #308406; }

/* Icons */
.icon-sm, .icon-search-small {
  height: 17px;
  vertical-align: middle;
  margin-right: 0.5rem;
  margin-top: -0.1rem; }

.btn-search {
  cursor: pointer;
  fill: #041022; }

.close-btn,
.logo-link {
  cursor: pointer; }
  .close-btn:visited, .close-btn:hover, .close-btn:focus,
  .logo-link:visited,
  .logo-link:hover,
  .logo-link:focus {
    color: #008ed3; }

/* Avatars */
/* Based on this implemenation: https://codepen.io/scottloway/pen/zqoLyQ */
.circle-loader {
  width: 18px;
  height: 18px;
  margin-bottom: 9px;
  display: inline-block;
  position: absolute;
  top: 33px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left-color: #00a34c;
  -webkit-animation: loader-spin 1s infinite cubic-bezier(0.35, 0.81, 0.83, 0.67);
          animation: loader-spin 1s infinite cubic-bezier(0.35, 0.81, 0.83, 0.67);
  vertical-align: top;
  border-radius: 50%; }
  .circle-loader.vin-input {
    right: 7px; }
    @media only screen and (min-width: 768px) {
      .circle-loader.vin-input {
        right: 17px; } }
  .circle-loader.trim-input {
    right: 32px; }
    @media only screen and (min-width: 768px) {
      .circle-loader.trim-input {
        right: 43px; } }
  .circle-loader .checkmark {
    display: none; }
    .circle-loader .checkmark.draw:after {
      -webkit-animation-duration: 800ms;
              animation-duration: 800ms;
      -webkit-animation-timing-function: ease;
              animation-timing-function: ease;
      -webkit-animation-name: checkmark;
              animation-name: checkmark;
      -webkit-transform: scaleX(-1) rotate(135deg);
              transform: scaleX(-1) rotate(135deg); }
    .circle-loader .checkmark:after {
      height: 8px;
      width: 5px;
      position: absolute;
      top: 8px;
      left: 3.5px;
      border-right: 1px solid #00a34c;
      border-top: 1px solid #00a34c;
      content: '';
      -webkit-transform-origin: left top;
              transform-origin: left top;
      opacity: 1; }

.load-complete {
  -webkit-animation: none;
          animation: none;
  border-color: #00a34c;
  transition: border 500ms ease-in-out; }
  .load-complete .checkmark {
    display: inline-block; }

@-webkit-keyframes loader-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes loader-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes checkmark {
  0% {
    width: 0;
    height: 0;
    opacity: 1; }
  20% {
    width: 5px;
    height: 0;
    opacity: 1; }
  40% {
    width: 5px;
    height: 8px;
    opacity: 1; }
  100% {
    width: 5px;
    height: 8px;
    opacity: 1; } }

@keyframes checkmark {
  0% {
    width: 0;
    height: 0;
    opacity: 1; }
  20% {
    width: 5px;
    height: 0;
    opacity: 1; }
  40% {
    width: 5px;
    height: 8px;
    opacity: 1; }
  100% {
    width: 5px;
    height: 8px;
    opacity: 1; } }

.marketing-hero {
  min-height: 420px;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 90px;
  padding-right: 20px;
  padding-left: 20px; }
  @media only screen and (min-width: 768px) {
    .marketing-hero {
      justify-content: center;
      padding-bottom: 80px; } }
  @media only screen and (min-width: 1024px) {
    .marketing-hero {
      padding-right: 50px;
      padding-left: 50px;
      min-height: 500px; } }
  @media only screen and (min-width: 1280px) {
    .marketing-hero {
      padding-top: 100px;
      padding-bottom: 85px; } }
  .marketing-hero__content {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    color: #041022; }
    @media only screen and (min-width: 768px) {
      .marketing-hero__content {
        align-items: flex-start; }
        .marketing-hero__content p.hero-headline {
          margin-bottom: 5px; }
        .marketing-hero__content h1.hero-title {
          margin-bottom: 16px; }
        .marketing-hero__content p.hero-tagline {
          margin-bottom: 5px; } }
    @media only screen and (max-width: 767px) {
      .marketing-hero__content {
        text-align: center; } }
  .marketing-hero__header {
    font-family: "Calibre-Semibold";
    font-size: 13px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 2px;
    border-bottom: 2px solid #041022; }
  .marketing-hero__body {
    font-family: "Calibre-Regular";
    font-size: 24px;
    line-height: 32px;
    margin: 0; }
    @media only screen and (max-width: 1023px) {
      .marketing-hero__body {
        font-size: 20px;
        line-height: 28px; } }
    @media only screen and (max-width: 767px) {
      .marketing-hero__body {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0px; }
        .marketing-hero__body br {
          display: none; } }
  .marketing-hero__btn {
    display: block;
    font-family: "Calibre-Semibold";
    font-size: 18px;
    line-height: 1.33;
    background-color: #e7131a;
    color: #ffffff;
    text-decoration: inherit;
    padding: 11px 20px;
    min-width: 190px;
    transition: all 1s ease; }
    .marketing-hero__btn:hover {
      color: #ffffff;
      background-color: #fc4349; }
    .marketing-hero__btn:focus {
      color: #ffffff; }
    .marketing-hero__btn-container {
      margin-top: 30px; }
      @media only screen and (max-width: 1279px) {
        .marketing-hero__btn-container {
          margin-top: 25px; } }
      @media only screen and (max-width: 767px) {
        .marketing-hero__btn-container {
          display: none; } }

.marketing-nav {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (min-width: 768px) {
    .marketing-nav {
      justify-content: flex-start; } }
  .marketing-nav__link {
    text-decoration: none;
    font-family: "Calibre-Semibold";
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    color: #e7131a;
    letter-spacing: 1px;
    transition: all 1s ease; }
    .marketing-nav__link:hover, .marketing-nav__link:active, .marketing-nav__link:focus {
      color: #e7131a; }
    .marketing-nav__link:hover {
      text-decoration: underline;
      text-underline-position: under; }
  .marketing-nav__text {
    text-align: left;
    padding: 10px;
    margin: 10px; }
  @media only screen and (min-width: 768px) {
    .marketing-nav__link:first-child .marketing-nav__text {
      margin-left: 0;
      padding-left: 0; } }

.calc-table {
  border-radius: 0;
  overflow: hidden;
  border: 1px solid #d6d7da;
  min-width: 480px; }
  .calc-table__header {
    background-color: #041022;
    font-family: "Calibre-Bold";
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1.25px;
    padding: 5px 30px; }
  .calc-table__content {
    display: grid;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    grid-template-columns: 30px 1fr 80px 30px;
    -ms-grid-rows: min-content;
    font-family: "Calibre-Regular";
    color: #041022;
    font-size: 20px;
    line-height: 1; }
    .calc-table__content-title {
      grid-column: 2 / span 2;
      font-family: "Calibre-Semibold";
      font-size: 18px;
      line-height: 1;
      padding: 30px 0px 15px; }
    .calc-table__content-name {
      display: flex;
      align-items: center;
      grid-column: 2 / span 1;
      padding: 15px 0px; }
      .calc-table__content-name--summary {
        font-family: "Calibre-Semibold";
        padding: 5px 0px 20px; }
    .calc-table__content-value {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      grid-column: 3 / span 1;
      padding: 15px 0px; }
      .calc-table__content-value--summary {
        font-family: "Calibre-Semibold";
        padding: 5px 0px 20px; }
    .calc-table__content-ruler {
      grid-column: 1 / span 4;
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #d6d7da;
      margin: 15px 0px;
      padding: 0; }
      .calc-table__content-ruler--short {
        grid-column: 2 / span 2; }
  .calc-table-text__text {
    margin: 0; }
    .calc-table-text__text .superscript--calc-table {
      font-size: 14px; }
  @media only screen and (min-width: 1024px) and (max-width: 1399px) {
    .calc-table {
      min-width: 450px; } }
  @media only screen and (max-width: 1023px) {
    .calc-table {
      max-width: 480px;
      width: 100%;
      min-width: 280px; } }
  @media only screen and (max-width: 767px) {
    .calc-table__content {
      grid-template-columns: 20px auto 65px 20px;
      font-size: 16px;
      line-height: 1.5; }
      .calc-table__content-title {
        padding: 20px 0px 10px;
        font-size: 16px;
        line-height: 1.5; }
      .calc-table__content-name {
        padding: 10px 0px;
        align-items: flex-start; }
        .calc-table__content-name--summary {
          padding: 10px 0px 20px; }
      .calc-table__content-value {
        padding: 10px 0px;
        align-items: flex-start; }
        .calc-table__content-value--summary {
          padding: 10px 0px 20px; }
      .calc-table__content-ruler {
        margin: 5px 0px; } }

.checkbox-legal-copy {
  font-family: "Calibre-Regular";
  font-size: 13px;
  color: #041022;
  cursor: pointer;
  text-align: left;
  line-height: 15px;
  letter-spacing: 0.35px; }
  .checkbox-legal-copy__link {
    text-decoration: none; }
    .checkbox-legal-copy__link:hover {
      text-decoration: underline; }
    .checkbox-legal-copy__link > span {
      padding: 0 2px; }
    .checkbox-legal-copy__link:last-child > span {
      padding-right: 0; }

.credit-app-legal-copy {
  margin-top: 20px;
  text-align: left;
  font-size: 13px;
  letter-spacing: 0.35px;
  line-height: 15px; }
  .credit-app-legal-copy ul {
    margin-left: 40px; }
  .credit-app-legal-copy__link {
    color: #e7131a;
    text-decoration: none; }
    .credit-app-legal-copy__link:hover {
      cursor: pointer;
      text-decoration: underline; }
    .credit-app-legal-copy__link > span {
      padding: 0 2px; }
    .credit-app-legal-copy__link:last-child > span {
      padding-right: 0; }
  @media only screen and (max-width: 767px) {
    .credit-app-legal-copy {
      margin: 0 20px; } }

.credit-page .credit-app-legal-copy p {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.35px;
  color: #041022; }

.check-list {
  font-family: "Calibre-Regular";
  font-size: 18px;
  line-height: 1.39;
  letter-spacing: 0.3px;
  color: #041022; }
  .check-list-item {
    display: flex;
    margin-bottom: 1rem; }
    .check-list-item__image {
      width: 11px; }
      .check-list-item__image svg {
        fill: #e7131a;
        vertical-align: baseline;
        vertical-align: initial; }
    .check-list-item__text {
      margin-left: 18px;
      margin-bottom: 0; }
    .check-list-item:last-child {
      margin-bottom: 0; }
  .check-list .superscript--check-list {
    font-size: 12px; }
    .check-list .superscript--check-list sup {
      line-height: 1.33; }

#container #container-page .contact-module-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-color: #ffffff;
  padding: 34px 0 47px 0; }
  #container #container-page .contact-module-container:not(.no-border) {
    border-top: solid 1px #d6d7da; }
  @media only screen and (max-width: 767px) {
    #container #container-page .contact-module-container {
      padding: 44px 0 54px 0; } }
  #container #container-page .contact-module-container h3 {
    margin-bottom: 30px;
    color: #041022;
    font-family: "Vroom-Sans";
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 1px; }
    @media only screen and (min-width: 768px) {
      #container #container-page .contact-module-container h3 {
        font-family: "Vroom-Sans";
        font-size: 36px;
        line-height: 40px;
        letter-spacing: 1px; } }
    @media only screen and (min-width: 1024px) {
      #container #container-page .contact-module-container h3 {
        margin-bottom: 50px;
        font-family: "Vroom-Sans";
        font-size: 42px;
        line-height: 46px;
        letter-spacing: 1px; } }
  #container #container-page .contact-module-container .contact-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (min-width: 768px) {
      #container #container-page .contact-module-container .contact-items {
        flex-direction: row;
        justify-content: center; } }
    #container #container-page .contact-module-container .contact-items .contact-item {
      display: flex;
      flex-direction: row;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        #container #container-page .contact-module-container .contact-items .contact-item {
          margin-bottom: 38px; } }
      #container #container-page .contact-module-container .contact-items .contact-item a {
        display: flex;
        align-items: center; }
      #container #container-page .contact-module-container .contact-items .contact-item .dropdown-icon {
        min-height: 14px;
        min-width: 22px;
        margin-right: 8px; }
      #container #container-page .contact-module-container .contact-items .contact-item p,
      #container #container-page .contact-module-container .contact-items .contact-item a {
        margin-bottom: 0;
        font-family: "Calibre-Semibold";
        font-size: 16px;
        line-height: 1;
        letter-spacing: 1.3px;
        color: #041022;
        text-transform: uppercase; }
      #container #container-page .contact-module-container .contact-items .contact-item:hover {
        cursor: pointer;
        text-decoration: underline; }
        #container #container-page .contact-module-container .contact-items .contact-item:hover:not(.phone) > a,
        #container #container-page .contact-module-container .contact-items .contact-item:hover p {
          color: #e7131a; }
      #container #container-page .contact-module-container .contact-items .contact-item svg {
        height: 22px;
        fill: #e7131a; }
      @media only screen and (min-width: 768px) {
        #container #container-page .contact-module-container .contact-items .contact-item.phone:hover {
          cursor: default;
          text-decoration: none; } }
    @media only screen and (max-width: 767px) {
      #container #container-page .contact-module-container .contact-items .contact-item:last-child {
        margin-bottom: 0; } }
    #container #container-page .contact-module-container .contact-items .vertical-divider {
      width: 1px;
      height: 40px;
      background-color: #d6d7da;
      margin: 0 20px; }
      @media only screen and (min-width: 1024px) {
        #container #container-page .contact-module-container .contact-items .vertical-divider {
          margin: 0 50px; } }
      @media only screen and (max-width: 767px) {
        #container #container-page .contact-module-container .contact-items .vertical-divider {
          display: none; } }

.footnote {
  font-family: "Calibre-Regular";
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #6c717a; }
  .footnote-list {
    list-style-type: none; }
  .footnote-item {
    margin-bottom: 17px; }
    .footnote-item__anchor {
      font-family: "Calibre-Regular";
      margin-right: 0.25em; }
    .footnote-item:last-child {
      margin-bottom: 0px; }
  .footnote strong {
    font-family: "Calibre-Semibold";
    font-weight: 400; }
  @media only screen and (max-width: 767px) {
    .footnote {
      font-size: 12px;
      line-height: 16px;
      letter-spacing: 0px; }
      .footnote-item {
        margin-bottom: 16px; }
        .footnote-item__anchor {
          font-family: inherit; } }

.superscript {
  color: inherit;
  font-family: "Calibre-Medium";
  font-size: inherit;
  padding: 0px 1px; }
  .superscript sup {
    vertical-align: text-top;
    line-height: 1.5; }
  .superscript:hover, .superscript:active, .superscript:hover {
    color: inherit; }

.appointment-form {
  height: 100%; }

.parallax-any {
  position: relative;
  width: 100%;
  height: 100%; }
  .parallax-any-child {
    position: absolute; }

.sticky-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75px; }

.sticky-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 13; }

.tool-tip-generic {
  padding: 12px;
  background-color: #041022;
  font-family: "Calibre-Regular";
  color: #ffffff;
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: 0.3px;
  border-radius: 0;
  display: none;
  position: absolute;
  z-index: 200; }
  .tool-tip-generic.trade-in-tooltip {
    width: 180px;
    top: -110px;
    left: 5px; }
    @media only screen and (max-width: 1023px) {
      .tool-tip-generic.trade-in-tooltip {
        left: -5px; } }
  .tool-tip-generic.down-payment-tooltip {
    width: 160px;
    top: -82px;
    left: 33px; }
    @media only screen and (max-width: 1023px) {
      .tool-tip-generic.down-payment-tooltip {
        left: 20px; } }
  .tool-tip-generic.notify-tooltip {
    width: 180px;
    font-family: "Calibre-Regular";
    font-size: 13px;
    line-height: 1.23;
    letter-spacing: 0.3px;
    text-transform: none;
    text-align: left;
    top: -100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .tool-tip-generic.notify-tooltip.flip {
      top: 67px; }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .tool-tip-generic.notify-tooltip {
        left: 10px; } }
  .tool-tip-generic.validation-tooltip {
    top: -51px;
    left: -5px;
    white-space: nowrap; }
    @media only screen and (max-width: 767px) {
      .tool-tip-generic.validation-tooltip {
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
    .tool-tip-generic.validation-tooltip.min-income-error {
      top: -131px;
      white-space: normal; }
  .tool-tip-generic.show {
    display: block; }
  .tool-tip-generic:not(.flip)::after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: #041022 transparent transparent transparent; }
  .tool-tip-generic.flip::before {
    content: ' ';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #041022 transparent; }
  .tool-tip-generic .link {
    color: white;
    text-decoration: underline;
    margin-bottom: 0;
    white-space: nowrap; }

.notify-container {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .notify-container {
      width: 100%;
      margin-bottom: 5px; } }

.finish-section-btn-container {
  position: relative;
  display: inline-block; }
  @media only screen and (max-width: 767px) {
    .finish-section-btn-container {
      width: 100%; } }

header.main-header {
  position: relative;
  margin: 0 auto;
  height: 70px;
  background-color: #fff;
  border-bottom: 1px #d8d8d8 solid;
  box-sizing: border-box;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 12; }
  header.main-header .close-btn {
    display: none; }
  @media only screen and (max-width: 767px) {
    header.main-header {
      height: 60px; } }
  header.main-header .main-header-inner {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    height: 100%;
    padding: 0 50px; }
    @media only screen and (max-width: 1023px) {
      header.main-header .main-header-inner {
        padding: 0 20px; } }
    header.main-header .main-header-inner .nav {
      height: 100%;
      display: flex;
      align-items: center; }
  header.main-header .logo-group {
    flex-grow: 1;
    display: flex;
    align-items: center; }
  header.main-header .logo-link {
    margin-right: 30px;
    line-height: 100%; }
    header.main-header .logo-link .vroom-logo {
      width: 114px;
      fill: #041022; }
      @media only screen and (max-width: 767px) {
        header.main-header .logo-link .vroom-logo {
          width: 106px; } }
  header.main-header .menu-items > li {
    margin: 0;
    margin-right: 1.25rem;
    padding: 0;
    display: inline-block;
    letter-spacing: normal; }
    header.main-header .menu-items > li:last-child {
      margin-right: 0; }
    header.main-header .menu-items > li a {
      font-family: "Calibre-Semibold";
      font-size: 14px;
      line-height: 1;
      letter-spacing: 1.3px;
      text-align: center;
      color: #6c717a;
      color: #041022;
      text-transform: uppercase; }
    header.main-header .menu-items > li > a:not(.active)::before {
      content: '';
      width: 100%;
      height: 2px;
      position: absolute;
      bottom: -4px;
      left: 0;
      border-color: transparent;
      background-color: #e7131a;
      visibility: hidden;
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      transition: all 0.2s cubic-bezier(0.3, 0, 0, 1); }
    header.main-header .menu-items > li > a:not(.active):hover::before {
      visibility: visible;
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
    header.main-header .menu-items > li a {
      position: relative;
      white-space: nowrap;
      padding: 0;
      margin: 0;
      cursor: pointer; }
      header.main-header .menu-items > li a.active {
        padding-bottom: 2px;
        border-bottom: 2px solid #e7131a; }
  header.main-header input[type='search'] {
    background-color: transparent; }
  header.main-header .menu-hamburger {
    width: 20px;
    height: 20px;
    color: #041022;
    cursor: pointer; }
    @media only screen and (min-width: 1024px) {
      header.main-header .menu-hamburger {
        display: none; } }

@media only screen and (max-width: 1023px) {
  #container:not(.header-sticky) header.main-header.homepage svg.menu-hamburger {
    color: #041022; } }

@media only screen and (max-width: 767px) {
  #container:not(.header-sticky) header.main-header.homepage svg.menu-hamburger {
    color: #ffffff; } }

#container:not(.header-sticky) header.main-header.homepage a.logo-link svg {
  fill: #ffffff !important; }

#container:not(.header-sticky) header.transparent {
  box-shadow: none; }
  #container:not(.header-sticky) header.transparent .menu-items > li > a,
  #container:not(.header-sticky) header.transparent .menu-items li .dropdown-heading a {
    color: #041022; }
    #container:not(.header-sticky) header.transparent .menu-items > li > a::before,
    #container:not(.header-sticky) header.transparent .menu-items li .dropdown-heading a::before {
      background: #041022; }
  #container:not(.header-sticky) header.transparent .menu-items > li > a.active {
    border-color: #041022; }
  #container:not(.header-sticky) header.transparent a.logo-link,
  #container:not(.header-sticky) header.transparent svg.menu-hamburger {
    color: #041022; }
  #container:not(.header-sticky) header.transparent .logo-link svg,
  #container:not(.header-sticky) header.transparent .search-group svg {
    fill: #041022; }
  #container:not(.header-sticky) header.transparent .arrow-icons > svg {
    color: #041022; }

#container:not(.header-sticky) header.main-header.homepage .menu-items > li > a,
#container:not(.header-sticky) header.main-header.homepage .menu-items li .dropdown-heading a {
  color: #041022; }
  #container:not(.header-sticky) header.main-header.homepage .menu-items > li > a::before,
  #container:not(.header-sticky) header.main-header.homepage .menu-items li .dropdown-heading a::before {
    background: #041022; }

#container:not(.header-sticky) header.main-header.homepage .arrow-icons > svg {
  color: #041022; }

#container:not(.header-sticky) header.main-header.homepage .search-section {
  display: none; }

/*For the header behavior on "transparent" pages*/
header.main-header.about {
  border: 0px none;
  position: relative; }
  header.main-header.about.search-active .search-results {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); }
  header.main-header.about #header-search-input::-webkit-input-placeholder {
    opacity: 1; }
  header.main-header.about #header-search-input:-ms-input-placeholder {
    opacity: 1; }
  header.main-header.about #header-search-input::-ms-input-placeholder {
    opacity: 1; }
  header.main-header.about #header-search-input::placeholder {
    opacity: 1; }

header.main-header.transparent {
  background-color: transparent;
  border: 0px none; }
  header.main-header.transparent .search-section {
    color: #ffffff; }

header.main-header .contact-number {
  display: none; }

@media only screen and (max-width: 1023px) {
  header.main-header .menu-items,
  header.main-header .profile-img {
    display: none; } }

@media only screen and (min-width: 1024px) {
  header.main-header .search-section {
    overflow: visible; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  header.main-header .search-section.active-true {
    width: 100%;
    left: 0; }
    header.main-header .search-section.active-true .close-btn {
      top: 0;
      right: 0; }
  header.main-header .search-section.active-false {
    overflow: hidden;
    min-width: 130px; }
    header.main-header .search-section.active-false .search-results {
      display: none; }
  @-webkit-keyframes slide-left {
    0% {
      left: 9.0625rem; }
    100% {
      left: 1.25rem; } }
  @keyframes slide-left {
    0% {
      left: 9.0625rem; }
    100% {
      left: 1.25rem; } } }

@media only screen and (max-width: 767px) {
  header.main-header .btn-search {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto; } }

#header-search {
  width: 95%; }

/************************ STICKY HEADER ************************/
header.main-header.homepage .logo-link,
#container.header-sticky header.main-header .logo-link {
  margin-top: 0; }

header.main-header.homepage .search-section,
#container.header-sticky header.main-header .search-section {
  color: #373a3c; }

#container.header-sticky {
  margin-top: 70px;
  overflow: hidden; }

#container.header-sticky header.main-header {
  position: fixed;
  background-color: #ffffff;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  -webkit-animation: slide-header 0.25s ease-in alternate;
          animation: slide-header 0.25s ease-in alternate; }
  #container.header-sticky header.main-header .logo-group {
    display: flex;
    align-items: center;
    align-self: stretch; }
  #container.header-sticky header.main-header .search-section {
    display: flex;
    flex-grow: 1;
    align-self: stretch; }
  #container.header-sticky header.main-header #header-search-input::-webkit-input-placeholder {
    opacity: 0.5; }
  #container.header-sticky header.main-header #header-search-input:-ms-input-placeholder {
    opacity: 0.5; }
  #container.header-sticky header.main-header #header-search-input::-ms-input-placeholder {
    opacity: 0.5; }
  #container.header-sticky header.main-header #header-search-input::placeholder {
    opacity: 0.5; }
  #container.header-sticky header.main-header .main-header-inner {
    -webkit-animation: appear 0.3s ease-in alternate;
            animation: appear 0.3s ease-in alternate; }
  #container.header-sticky header.main-header .search-group {
    display: flex;
    flex-grow: 1;
    align-items: center; }
  #container.header-sticky header.main-header input[type='search'] {
    height: 40px; }
  #container.header-sticky header.main-header.search-active .search-results {
    box-shadow: none; }

@media only screen and (max-width: 767px) {
  #container.header-sticky header.main-header input[type='search'],
  header.main-header:not(.homepage) input[type='search'] {
    display: none; }
  #container.header-sticky header.main-header .logo-link,
  header.main-header:not(.homepage) .logo-link {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 13; }
  #container.header-sticky.search-active header.main-header .main-header-inner {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); } }

.simple-header {
  width: 100vw;
  max-width: 1920px;
  height: 70px;
  margin: 0 auto;
  background: #ffffff;
  padding: 0 50px;
  border-bottom: 1px #d8d8d8 solid;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  z-index: 12; }
  @media only screen and (max-width: 767px) {
    .simple-header {
      height: 60px; } }
  .simple-header__content {
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .simple-header__content .logo-link {
      display: flex;
      align-items: center;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      .simple-header__content .logo-link svg.vroom-logo {
        width: 114px;
        fill: #041022; }
        @media only screen and (max-width: 767px) {
          .simple-header__content .logo-link svg.vroom-logo {
            width: 106px; } }
    .simple-header__content .link-container {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      text-transform: uppercase; }
  .simple-header__text {
    font-family: "Calibre-Semibold";
    color: #041022;
    font-size: 13px;
    letter-spacing: 1px;
    margin: 0px; }
  .simple-header__link {
    text-transform: uppercase;
    margin-left: 2px;
    font-family: "Calibre-Semibold";
    color: #041022;
    font-size: 14px;
    letter-spacing: 1px; }
    .simple-header__link:hover {
      color: #000;
      color: initial; }
  .simple-header .link-container-sm {
    display: none; }
  .simple-header .dropdown.contact-dropdown {
    height: 100%;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0; }
    .simple-header .dropdown.contact-dropdown .submenu {
      top: 54px;
      right: 8px; }
      .simple-header .dropdown.contact-dropdown .submenu:before {
        right: 22px; }
      .simple-header .dropdown.contact-dropdown .submenu:after {
        right: 23px; }
  @media only screen and (max-width: 1023px) {
    .simple-header {
      padding: 0 20px; } }
  @media only screen and (max-width: 767px) {
    .simple-header .link-container-lg {
      display: none; }
    .simple-header .link-container-sm {
      display: flex; } }
  @media only screen and (max-width: 767px) {
    .simple-header .dropdown.contact-dropdown .submenu:before {
      right: 40px; }
    .simple-header .dropdown.contact-dropdown .submenu:after {
      right: 41px; } }

/* Responsive Menu */
.nav-menu {
  z-index: 50;
  text-transform: uppercase; }
  .nav-menu .top-right {
    position: absolute;
    top: 24px;
    right: 20px;
    z-index: 1;
    cursor: pointer; }
  .nav-menu .close-btn {
    width: 12px;
    height: 12px; }
  .nav-menu .center-logo {
    position: absolute;
    left: 50%;
    top: 19px; }
  .nav-menu .nav-menu-logo {
    position: relative;
    left: -50%; }
    .nav-menu .nav-menu-logo svg {
      width: 106px;
      fill: #ffffff; }
  .nav-menu .nav-menu-section {
    border-bottom: solid 1px #58595b; }
    .nav-menu .nav-menu-section.middle {
      margin-bottom: 1rem;
      padding-bottom: 6px; }
  .nav-menu .nav-menu-bottom {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
    max-width: 306px; }
    .nav-menu .nav-menu-bottom.simple {
      flex-direction: column;
      align-items: flex-start;
      max-width: 151px;
      margin-top: 120px; }
    .nav-menu .nav-menu-bottom > div {
      margin-bottom: 15px; }
    .nav-menu .nav-menu-bottom .icon {
      width: 15px;
      height: 15px;
      vertical-align: middle;
      fill: #ffffff; }
    .nav-menu .nav-menu-bottom .label {
      margin-left: 10px;
      text-transform: uppercase; }
  @media only screen and (max-width: 1023px) {
    .nav-menu {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      width: 15.625rem;
      background-color: #041022;
      color: white;
      padding: 35px;
      box-sizing: border-box;
      width: 100%;
      padding-top: 4.5625rem; }
      .nav-menu .text-strong {
        font-family: "Calibre-Semibold";
        text-transform: uppercase;
        font-size: 14px;
        line-height: 2.36;
        letter-spacing: 1.3px; }
      .nav-menu li {
        margin-bottom: 12.5px; }
      .nav-menu a {
        font-family: "Calibre-Semibold";
        color: #ffffff;
        font-size: 14px;
        transition: color 0.3s cubic-bezier(0.06, 0.4, 0.3, 0.97); }
      .nav-menu a:hover {
        color: #e7131a; }
      .nav-menu,
      .nav-menu a {
        text-align: center;
        cursor: pointer; } }

.nav-menu-anim-enter {
  opacity: 0.01; }

.nav-menu-anim-enter.nav-menu-anim-enter-active {
  opacity: 1;
  transition: 0.15s; }

.nav-menu-anim-leave {
  opacity: 1; }

.nav-menu-anim-leave.nav-menu-anim-leave-active {
  opacity: 0.01;
  transition: 0.15s; }

.footer {
  max-width: 1920px;
  margin: 0 auto;
  color: #ffffff; }
  .footer a {
    color: inherit; }
  .footer-marketing_w {
    display: flex;
    padding: 50px 0 40px 0; }
  .footer-marketing {
    background-color: #041022; }
  .footer-link-block {
    display: flex;
    flex-direction: column;
    flex-grow: 3;
    justify-content: space-around;
    flex-direction: row; }
  .footer-social {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
  .footer-logo {
    margin-bottom: 10px; }
    .footer-logo svg {
      width: 80px;
      height: 14px;
      display: block;
      fill: #ffffff; }
  .footer-copyright {
    font-family: "Calibre-Semibold";
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: 1px;
    margin-bottom: 27px; }
  .simple-footer-logo {
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 29px; }
    .simple-footer-logo svg {
      width: 68px;
      height: 12px;
      fill: #ffffff; }
    @media only screen and (max-width: 767px) {
      .simple-footer-logo {
        display: none; } }
  .vroom-container {
    display: flex;
    flex-direction: column;
    margin-left: 137px; }
  .footer-title {
    font-size: 18px;
    line-height: 1.44;
    letter-spacing: 0.3px;
    color: #999da3;
    list-style: none;
    font-family: "Calibre-Semibold"; }
  .footer-links {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    flex-grow: 1;
    list-style: none;
    margin-top: 7px;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.3px;
    font-family: "Calibre-Regular"; }
  .about-container {
    display: flex;
    flex-direction: column;
    margin-left: 155px; }
  .contact-us-container {
    display: flex;
    flex-direction: column;
    margin-left: 100px; }
  .company-container {
    display: flex;
    flex-direction: column;
    margin-left: 105px; }
  .footer-link {
    margin-bottom: 6px; }
    .footer-link .link-text:hover {
      text-decoration: underline;
      cursor: pointer; }
  .footer-contact-button, .footer-contact-field {
    padding: 0;
    margin-bottom: 22px;
    border: 0;
    font-size: 14px;
    line-height: 27px; }
  .footer-contact-field {
    float: left;
    min-width: 181px;
    padding-left: 9px;
    font-family: "Calibre-Regular"; }
    .footer-contact-field::-webkit-input-placeholder {
      color: #999da3;
      opacity: 1; }
    .footer-contact-field:-ms-input-placeholder {
      color: #999da3;
      opacity: 1; }
    .footer-contact-field::-ms-input-placeholder {
      color: #999da3;
      opacity: 1; }
    .footer-contact-field::placeholder {
      color: #999da3;
      opacity: 1; }
  .footer-contact-link {
    margin-right: 15px; }
  .footer-short {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-family: "Calibre-Semibold";
    color: #ffffff;
    background-color: #041022; }
    @media only screen and (max-width: 767px) {
      .footer-short {
        height: 70px; } }
  .footer-short-copyright, .footer-short-link {
    margin-left: 10px;
    margin-right: 10px; }
  .footer-short-copyright {
    font-size: inherit; }
  .footer-short-link {
    text-transform: uppercase; }
    .footer-short-link:hover {
      text-decoration: underline; }

@media screen and (min-width: 1024px) {
  .footer-marketing_w {
    max-width: 1280px;
    padding-left: 50px;
    padding-right: 50px;
    margin: 0 auto; }
  .footer-contact {
    flex-grow: 2; }
  .footer-contact-link {
    margin-right: 20px; }
  .footer-arrow-down {
    display: none; } }

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .vroom-container {
    margin-left: 52px; }
  .about-container {
    margin-left: 113px; }
  .contact-us-container {
    margin-left: 56px; }
  .company-container {
    margin-left: 60px; }
  .footer-arrow-down {
    display: none; } }

@media screen and (min-width: 768px) {
  .footer-contact {
    flex-basis: 1px; } }

@media screen and (max-width: 1023px) {
  .footer-marketing_w {
    padding-left: 20px;
    padding-right: 20px; }
  .footer-logo {
    margin-bottom: 19.2px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer-contact {
    flex-grow: 3; }
  .footer-logo {
    margin-bottom: 20px; }
  .footer-copyright {
    width: 167px;
    margin-bottom: 20px; }
  .vroom-container {
    margin-left: 82px; }
  .about-container {
    margin-left: 80px; }
  .contact-us-container {
    margin-left: 18px; }
  .company-container {
    margin-left: 30px; }
  .footer-arrow-down {
    display: none; } }

@media screen and (min-width: 320px) and (max-width: 767px) {
  .footer-link {
    display: none; }
  .footer-copyright {
    margin-bottom: 26px; }
  .footer-contact-link {
    margin-right: 30px; }
  .footer-marketing_w {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 0 40px 0; }
  .footer-list.focused .footer-link {
    display: block;
    margin-bottom: 20px; }
  .footer-list.focused .footer-arrow-down {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .footer-list.focused .footer-title-row {
    border-bottom: 0; }
  .footer-list.focused .footer-updated-border {
    border-bottom: 1px solid #58595b; }
  .footer-arrow-down {
    height: 22px; }
  .footer-social {
    margin-left: 21px;
    margin-top: 30px; }
  .footer-link-block {
    weight: 246px;
    flex-direction: column; }
  .vroom-container {
    margin-left: 0px; }
  .common-arrow {
    justify-content: space-between; }
  .footer-title {
    margin-left: 20px;
    list-style: none; }
  .footer-title-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #58595b; }
    .footer-title-row:hover {
      cursor: pointer; }
  .footer-links {
    margin-left: 20px;
    margin-top: 0px; }
  .about-container {
    margin-left: 0px; }
  .contact-us-container {
    margin-left: 0px; }
  .footer-contact-us-phone {
    margin-left: 20px;
    font-family: "Calibre-Regular"; }
  .company-container {
    margin-left: 0px; }
  .footer-arrow-down {
    margin-right: 20px; }
  .footer-contact {
    flex-grow: 3; }
  .footer-contact_w {
    display: flex;
    flex-flow: row wrap;
    padding-bottom: 50px; }
  .footer-contact-link.phone {
    width: 50%; }
  .footer-short {
    flex-wrap: wrap; }
  .footer-short-copyright {
    flex-basis: 100%;
    align-self: flex-end;
    text-align: center; }
  .footer-short-link {
    align-self: flex-start; } }

#container.fullpagehero .fixed-footer-section {
  color: #ffffff;
  font-family: "Calibre-Regular";
  font-size: 13px;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 0.6875rem;
  padding-top: 1rem;
  background-color: rgba(51, 51, 51, 0.4); }
  #container.fullpagehero .fixed-footer-section .copyright {
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.77;
    white-space: nowrap;
    margin-right: 1.875rem; }
    @media only screen and (max-width: 599px) {
      #container.fullpagehero .fixed-footer-section .copyright {
        display: block;
        margin-right: 0; } }
  #container.fullpagehero .fixed-footer-section a {
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
    margin-right: 1.875rem; }
    #container.fullpagehero .fixed-footer-section a:last-child {
      margin-right: 0; }

.footer-short.simple {
  font-family: "Calibre-Semibold";
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 1px;
  color: #ffffff; }
  .footer-short.simple .footer-short-copyright {
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .footer-short.simple .footer-short-copyright {
        margin-bottom: 8px; } }
  .footer-short.simple .footer-short-link {
    margin-right: 0; }
    @media only screen and (max-width: 767px) {
      .footer-short.simple .footer-short-link {
        position: relative;
        right: 9px;
        margin-left: 24px; } }

/*** stick footer to bottom ***/
html,
body,
#root {
  height: 100%; }

.root--smooth {
  scroll-behavior: smooth; }

#container {
  min-height: 100%;
  display: flex;
  flex-direction: column; }

#container-page {
  flex: 1 0 auto;
  width: 100%; }

.simple-footer {
  box-sizing: border-box;
  position: relative;
  padding-bottom: 60px;
  /* Height of footer */
  min-height: 100%;
  background-color: #d6d7da; }
  .simple-footer footer {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100vw; }
    .simple-footer footer .footer-short {
      width: 100%;
      max-width: 1920px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      position: relative; }

.footer,
header {
  width: 100%;
  max-width: 1920px; }

/******************************/
.search-section {
  position: relative;
  z-index: 12; }
  @media only screen and (min-width: 1024px) {
    .search-section {
      display: flex;
      flex-grow: 1;
      box-align: center;
      flex-align: center;
      align-items: center; } }
  .search-section .icon-search-small,
  .search-section .close-btn {
    cursor: pointer; }
  .search-section .close-btn {
    width: 1rem;
    height: 0.875rem;
    background-color: #6c717a;
    background-size: cover;
    background-position: center center;
    content: ' ';
    padding: 0;
    -webkit-mask-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='16px' height='14px' viewBox='0 0 16 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Csymbol id='close'%3E %3Cg class='svg' %3E %3Crect class='svg' fill='currentColor' transform='translate(7.000290, 7.000290) rotate(45.000000) translate(-7.000290, -7.000290) ' x='-2.39961985' y='6.5002948' width='18.7998197' height='0.99999041'%3E%3C/rect%3E %3Crect class='svg' fill='currentColor' transform='translate(7.000290, 7.000380) rotate(45.000000) translate(-7.000290, -7.000380) ' x='6.5002948' y='-2.39961985' width='0.99999041' height='18.7999992'%3E%3C/rect%3E %3C/g%3E %3C/symbol%3E %3Cuse xlink:href='%23close' /%3E %3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='16px' height='14px' viewBox='0 0 16 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Csymbol id='close'%3E %3Cg class='svg' %3E %3Crect class='svg' fill='currentColor' transform='translate(7.000290, 7.000290) rotate(45.000000) translate(-7.000290, -7.000290) ' x='-2.39961985' y='6.5002948' width='18.7998197' height='0.99999041'%3E%3C/rect%3E %3Crect class='svg' fill='currentColor' transform='translate(7.000290, 7.000380) rotate(45.000000) translate(-7.000290, -7.000380) ' x='6.5002948' y='-2.39961985' width='0.99999041' height='18.7999992'%3E%3C/rect%3E %3C/g%3E %3C/symbol%3E %3Cuse xlink:href='%23close' /%3E %3C/svg%3E");
    position: absolute;
    top: 0;
    right: 0;
    height: 100%; }
  .search-section .btn-search {
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 100%;
    fill: #041022;
    stroke: none; }
  .search-section .search-group {
    display: flex;
    flex-grow: 1;
    box-align: center;
    flex-align: center;
    align-items: center;
    position: relative; }
  .search-section input[type='search'] {
    border: none;
    outline: none;
    width: 80%;
    font-family: "Calibre-Regular";
    font-size: 18px;
    line-height: 1.39;
    letter-spacing: 0.3px;
    text-indent: 15px;
    color: #041022; }
    @media only screen and (max-width: 767px) {
      .search-section input[type='search'] {
        text-indent: 10px; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .search-section input[type='search'] {
        width: 100%; } }
  .search-section input[type='search'].input-search-btn {
    text-indent: 26px; }
  .search-section .search-button {
    font-family: "Calibre-Semibold";
    color: #ffffff;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1.8px;
    background-color: #e7131a;
    width: 20%;
    border-radius: 0;
    cursor: pointer;
    padding: 17px 22.5px;
    text-transform: uppercase; }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .search-section .search-button {
        display: flex;
        justify-content: center;
        width: 50px;
        height: 50px; } }
    .search-section .search-button:hover {
      background-color: #fc4349; }
  @media only screen and (max-width: 767px) {
    .search-section .search-btn-text {
      display: none; } }
  .search-section .icon-white {
    display: none; }
    @media only screen and (max-width: 767px) {
      .search-section .icon-white {
        width: 16px;
        height: 16px;
        display: inline;
        fill: #ffffff; } }
  .search-section .search-results {
    display: none;
    position: absolute;
    top: 47px;
    left: 0;
    width: 80%;
    background-color: #ffffff;
    padding: 0;
    text-align: left;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #d6d7da;
    border-top: 0px none;
    max-height: 14.75rem;
    overflow-y: auto;
    overflow-x: hidden;
    overflow-style: auto; }
    .search-section .search-results.empty {
      border-bottom: 0;
      padding-bottom: 0; }
    @media only screen and (min-width: 1024px) {
      .search-section .search-results {
        max-height: 12.25rem; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .search-section .search-results {
        max-height: 12.25rem; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .search-section .search-results {
        width: 100%;
        top: 50px; } }
    .search-section .search-results h3 {
      text-transform: uppercase;
      font-size: 12px;
      line-height: 1;
      letter-spacing: 1.3px;
      color: #999da3;
      font-family: "Calibre-Bold";
      padding-left: 1.25rem;
      margin-bottom: 3px; }
    .search-section .search-results ul.list-unstyled li:last-child {
      margin-bottom: 7px; }
    .search-section .search-results li.selected {
      background-color: #f5f5f5 !important; }
    .search-section .search-results li {
      line-height: 2.0625rem;
      vertical-align: middle;
      padding-left: 20px; }
      .search-section .search-results li a {
        font-family: "Calibre-Regular";
        color: #041022;
        font-size: 16px;
        line-height: 1.75;
        letter-spacing: 0.3px;
        display: block;
        width: 100%;
        height: 2.0625rem;
        line-height: 2.0625rem;
        vertical-align: middle; }

#container.search-active .search-results {
  display: block; }

#container.search-active.search-dialog-active header.main-header .search-results {
  display: none; }

.search-overlay-dark {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  background-color: rgba(51, 51, 51, 0.5);
  -webkit-animation: appear 0.15s ease-in alternate;
          animation: appear 0.15s ease-in alternate;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
  top: 70px;
  display: block;
  z-index: 11; }
  @media only screen and (max-width: 767px) {
    .search-overlay-dark {
      display: block; } }

#container.hero:not(.header-sticky) header.transparent input[type='search'] {
  font-family: "Calibre-Regular";
  font-size: 18px;
  color: #999da3; }

#container.header-sticky .jumbotron.hero form.search-section {
  display: none; }

.search-overlay-invisible {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6; }

.search-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f5f5f5;
  text-align: center;
  z-index: 28;
  padding: 0px 80px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center; }
  @media only screen and (max-width: 767px) {
    .search-dialog {
      padding-left: 20px;
      padding-right: 20px;
      justify-content: flex-start; } }
  .search-dialog__content {
    width: 100%;
    max-width: 480px; }
    .search-dialog__content h4 {
      font-size: 14px;
      line-height: 1.71;
      text-transform: uppercase;
      letter-spacing: 1px; }
  .search-dialog__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33;
    margin: 15px 0px 30px; }
    @media only screen and (max-width: 767px) {
      .search-dialog__title {
        margin-bottom: 15px; } }
  .search-dialog__list {
    display: flex;
    flex-flow: row wrap;
    margin: -15px 0px; }
    .search-dialog__list > * {
      margin: 15px 0px; }
    @media only screen and (max-width: 519px) {
      .search-dialog__list {
        margin: 0px -30px; }
        .search-dialog__list > * {
          flex: 1 1 120px;
          margin: 0px 30px; } }
    @media only screen and (max-width: 519px) and (max-width: 339px) {
      .search-dialog__list > * {
        margin: 0px 20px; } }
    .search-dialog__list-item {
      width: 120px;
      height: 80px; }
      .search-dialog__list-item .filter-vehicle-container {
        width: 100%;
        height: 100%;
        display: block;
        margin: none; }
        .search-dialog__list-item .filter-vehicle-container a {
          display: block; }
          .search-dialog__list-item .filter-vehicle-container a figure {
            margin: 0;
            display: column;
            flex-flow: column;
            justify-content: flex-end; }
            .search-dialog__list-item .filter-vehicle-container a figure .filter-vehicle-icon {
              max-width: none;
              max-width: initial;
              height: 48px; }
            .search-dialog__list-item .filter-vehicle-container a figure figcaption {
              font-size: 16px;
              line-height: 24px;
              margin-top: 2px; }
  .search-dialog .search-section {
    width: 100%;
    margin-bottom: 45px;
    flex-grow: 0; }
    .search-dialog .search-section input[type="search"] {
      background-color: white !important;
      border: 1px solid #d6d7da;
      border-radius: 0;
      height: 50px; }
    @media only screen and (max-width: 767px) {
      .search-dialog .search-section {
        margin-bottom: 35px; } }
  .search-dialog .close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 5px;
    width: 22px;
    height: 22px;
    background-color: transparent; }
    .search-dialog .close-btn__image {
      width: 12px;
      height: 12px;
      vertical-align: super; }

body:not(.device-type-tablet) .search-dialog.searchquery-nonempty .has-search-results input[type="search"] {
  border-bottom: none; }
  @media only screen and (max-width: 767px) {
    body:not(.device-type-tablet) .search-dialog.searchquery-nonempty .has-search-results input[type="search"] {
      border-bottom: 1px solid #d6d7da;
      border-bottom-left-radius: 0; } }

@media only screen and (max-width: 767px) {
  body:not(.device-type-tablet) .search-dialog.searchquery-nonempty .search-results {
    padding-top: 10px; } }

.search-dialog-anim-enter {
  opacity: 0.01; }

.search-dialog-anim-enter.search-dialog-anim-enter-active {
  opacity: 1;
  transition: .15s; }

.search-dialog-anim-leave {
  opacity: 1; }

.search-dialog-anim-leave.search-dialog-anim-leave-active {
  opacity: 0.01;
  transition: .15s; }

.dropdown {
  position: relative;
  display: inline;
  padding-bottom: 30px; }
  .dropdown > .dropdown-heading {
    display: inline-block; }
    .dropdown > .dropdown-heading a {
      position: relative; }
      .dropdown > .dropdown-heading a::before {
        content: '';
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: -5px;
        left: 0;
        background-color: #e7131a;
        visibility: hidden;
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        transition: all 0.2s cubic-bezier(0.3, 0, 0, 1); }
    .dropdown > .dropdown-heading.active, .dropdown > .dropdown-heading.active:hover {
      cursor: pointer; }
      .dropdown > .dropdown-heading.active a::before, .dropdown > .dropdown-heading.active:hover a::before {
        visibility: visible;
        -webkit-transform: scaleX(1);
                transform: scaleX(1); }
  .dropdown .submenu {
    display: none;
    position: absolute;
    margin-top: 0.9375rem; }
    .dropdown .submenu > ul > li {
      margin-bottom: 0.625rem;
      text-align: left;
      list-style-type: none; }
      .dropdown .submenu > ul > li:last-child {
        margin-bottom: 0; }
      .dropdown .submenu > ul > li a {
        font-family: "Calibre-Regular";
        font-size: 16px;
        line-height: 1.75;
        letter-spacing: 0.3px;
        color: #6c717a;
        text-align: left;
        text-transform: none;
        white-space: nowrap;
        cursor: pointer;
        transition: color 0.03s cubic-bezier(0.06, 0.4, 0.3, 0.97); }
      .dropdown .submenu > ul > li > a:hover {
        color: #e7131a;
        text-decoration: underline; }
      .dropdown .submenu > ul > li > a.active:hover {
        text-decoration: none; }
    .dropdown .submenu:before, .dropdown .submenu:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      height: 0;
      width: 0;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
    .dropdown .submenu:after {
      right: 23px;
      border-bottom: 10px solid #ffffff;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent; }
    .dropdown .submenu:before {
      right: 22px;
      border-bottom: 11px solid #d6d7da;
      border-left: 11px solid transparent;
      border-right: 11px solid transparent; }
  .dropdown .arrow-icons {
    margin-left: 3px; }
    .dropdown .arrow-icons svg {
      color: #041022; }
    .dropdown .arrow-icons .arrow-down {
      display: inline-block;
      width: 7px;
      vertical-align: middle; }
    .dropdown .arrow-icons .arrow-up {
      display: none; }
  .dropdown:hover .arrow-icons .arrow-down {
    display: none; }
  .dropdown:hover .arrow-icons .arrow-up {
    display: inline-block;
    width: 7px;
    vertical-align: middle; }
  .dropdown:hover .submenu {
    display: block;
    visibility: visible;
    top: 29px;
    right: 0;
    z-index: 50;
    padding: 0.9375rem 1.25rem;
    background-color: #ffffff;
    border: 1px solid #d6d7da;
    transition-delay: 0s; }
  .dropdown.contact-dropdown {
    position: static; }
    .dropdown.contact-dropdown:not(.marketing-layout-header__dropdown):not(.marketing-layout-header__dropdown-menu) .submenu {
      top: 54px;
      right: 58px; }
    .dropdown.contact-dropdown .list-block {
      display: flex;
      flex-direction: column; }
      .dropdown.contact-dropdown .list-block .contact-dropdown-item {
        display: inline-flex;
        align-items: flex-start; }
        .dropdown.contact-dropdown .list-block .contact-dropdown-item > a {
          line-height: 18px; }
          .dropdown.contact-dropdown .list-block .contact-dropdown-item > a:hover {
            color: #e7131a;
            text-decoration: underline; }
      .dropdown.contact-dropdown .list-block .dropdown-icon {
        float: left;
        width: 16px;
        margin: 2px 10px 2px 0px;
        fill: #e7131a; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .dropdown.contact-dropdown .list-block .dropdown-icon {
            height: 20px;
            width: 20px;
            margin: 0px 10px 0px 0px; } }

.error-banner {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: 50px;
  top: 60px;
  background-color: #f26900;
  z-index: 11;
  padding: 0 20px; }
  @media only screen and (max-width: 767px) {
    .error-banner {
      height: 65px; } }
  .error-banner img {
    height: 13px;
    width: 13px;
    margin-right: 5px;
    vertical-align: baseline; }
  .error-banner p {
    margin-bottom: 0;
    font-family: "Calibre-Medium";
    color: #ffffff;
    font-size: 18px;
    line-height: 1.39;
    letter-spacing: 0.3px;
    white-space: pre-line;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .error-banner p {
        font-size: 16px;
        line-height: 1.5; } }

.success-banner {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: 50px;
  top: 60px;
  background-color: #308406;
  z-index: 11;
  padding: 0 20px; }
  @media only screen and (max-width: 767px) {
    .success-banner {
      height: 65px; } }
  .success-banner img {
    height: 13px;
    width: 13px;
    margin-right: 5px;
    vertical-align: baseline; }
  .success-banner p {
    margin-bottom: 0;
    font-family: "Calibre-Medium";
    color: #ffffff;
    font-size: 18px;
    line-height: 1.39;
    letter-spacing: 0.3px;
    white-space: pre-line;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .success-banner p {
        font-size: 16px;
        line-height: 1.5; } }

.spinner-container .generic-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5); }

.spinner-container .spinner {
  position: relative;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .spinner-container .spinner-loader {
    width: 75px;
    height: 75px;
    margin: 0 -5px 0 -22px; }
  .spinner-container .spinner-text {
    position: absolute;
    color: #262626;
    font-family: "Calibre-Semibold";
    line-height: 24px;
    font-size: 18px;
    margin: 25px 35px 0 0; }
  .spinner-container .spinner-content-container {
    position: absolute;
    top: 47%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 75px;
    width: 182px;
    border: 1px solid #d6d7da;
    border-radius: 0;
    background-color: #ffffff;
    padding: 20px; }

#spinner .lds-spinner-dash {
  fill: #e7131a;
  -webkit-animation: fade-out 1.25s ease alternate infinite;
          animation: fade-out 1.25s ease alternate infinite; }
  #spinner .lds-spinner-dash--1 {
    -webkit-animation-delay: 0.10417s;
            animation-delay: 0.10417s; }
  #spinner .lds-spinner-dash--2 {
    -webkit-animation-delay: 0.20833s;
            animation-delay: 0.20833s; }
  #spinner .lds-spinner-dash--3 {
    -webkit-animation-delay: 0.3125s;
            animation-delay: 0.3125s; }
  #spinner .lds-spinner-dash--4 {
    -webkit-animation-delay: 0.41667s;
            animation-delay: 0.41667s; }
  #spinner .lds-spinner-dash--5 {
    -webkit-animation-delay: 0.52083s;
            animation-delay: 0.52083s; }
  #spinner .lds-spinner-dash--6 {
    -webkit-animation-delay: 0.625s;
            animation-delay: 0.625s; }
  #spinner .lds-spinner-dash--7 {
    -webkit-animation-delay: 0.72917s;
            animation-delay: 0.72917s; }
  #spinner .lds-spinner-dash--8 {
    -webkit-animation-delay: 0.83333s;
            animation-delay: 0.83333s; }
  #spinner .lds-spinner-dash--9 {
    -webkit-animation-delay: 0.9375s;
            animation-delay: 0.9375s; }
  #spinner .lds-spinner-dash--10 {
    -webkit-animation-delay: 1.04167s;
            animation-delay: 1.04167s; }
  #spinner .lds-spinner-dash--11 {
    -webkit-animation-delay: 1.14583s;
            animation-delay: 1.14583s; }
  #spinner .lds-spinner-dash--12 {
    -webkit-animation-delay: 1.25s;
            animation-delay: 1.25s; }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

body.dialog-open {
  position: fixed;
  height: 100%;
  width: 100%;
  overflow: hidden; }

.dialog-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .dialog-container .dialog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); }
  .dialog-container .dialog-content {
    position: absolute;
    max-width: 324px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    background-color: white;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
    @media screen and (max-width: 768px) {
      .dialog-container .dialog-content {
        width: 100%; } }
    .dialog-container .dialog-content.success {
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .dialog-container .dialog-content.success {
          max-height: 250px; }
          .dialog-container .dialog-content.success.default {
            max-height: 350px; } }

.dialog-enter {
  opacity: 0.01;
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1); }

.dialog-enter.dialog-enter-active {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  transition: all 50ms ease-in; }

.dialog-leave {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1); }

.dialog-leave.dialog-leave-active {
  opacity: 0.01;
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
  transition: all 50ms ease-in; }

.appointment-dialog {
  position: relative;
  margin: 20px;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  max-width: 980px;
  max-height: 680px; }
  .appointment-dialog__close {
    width: 12px;
    cursor: pointer; }
    .appointment-dialog__close-button {
      position: absolute;
      top: 8px;
      right: 8px;
      padding: 10px;
      outline: none;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 20;
      width: auto; }
  @media only screen and (max-width: 1023px) {
    .appointment-dialog {
      max-height: 95vh; } }
  @media only screen and (max-width: 767px) {
    .appointment-dialog {
      max-height: 100vh;
      margin: 0; } }

.dialog-container {
  z-index: 999; }
  .dialog-container .dialog-content {
    top: 51%;
    left: 73%;
    max-width: 380px;
    width: 380px;
    height: 273px;
    border-radius: 0;
    background-color: #ffffff;
    border: solid 1px #e0e0e0; }
    @media only screen and (max-width: 1023px) {
      .dialog-container .dialog-content {
        max-width: 230px;
        height: 460px;
        padding: 5px; } }
    @media only screen and (max-width: 767px) {
      .dialog-container .dialog-content {
        width: 100%;
        max-width: 100%;
        height: 100%;
        top: 50%;
        left: 50%; } }

.vroom-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 12px;
  cursor: pointer; }

.purchase-dialog h1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  color: #041022;
  margin-top: 10px; }

.purchase-dialog .newline {
  display: block; }

.purchase-dialog .purchase-dialog__choices {
  margin-top: 12px; }
  @media only screen and (max-width: 1023px) {
    .purchase-dialog .purchase-dialog__choices {
      margin-top: 18px; } }
  .purchase-dialog .purchase-dialog__choices div {
    display: inline-block; }
    .purchase-dialog .purchase-dialog__choices div .vroom-phone-img img {
      width: 50px; }
    .purchase-dialog .purchase-dialog__choices div .vroom-cpu-img img {
      width: 50px;
      padding-top: 5px; }
      @media only screen and (max-width: 767px) {
        .purchase-dialog .purchase-dialog__choices div .vroom-cpu-img img {
          padding-top: 0; } }
  .purchase-dialog .purchase-dialog__choices .purchase-dialog-img {
    height: 50px; }
  .purchase-dialog .purchase-dialog__choices .purchase-dialog__choice--talk,
  .purchase-dialog .purchase-dialog__choices .purchase-dialog__choice--online {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33;
    color: #041022;
    margin-top: 5px; }
    @media only screen and (max-width: 1023px) {
      .purchase-dialog .purchase-dialog__choices .purchase-dialog__choice--talk,
      .purchase-dialog .purchase-dialog__choices .purchase-dialog__choice--online {
        margin-top: 0; } }
    @media only screen and (max-width: 767px) {
      .purchase-dialog .purchase-dialog__choices .purchase-dialog__choice--talk,
      .purchase-dialog .purchase-dialog__choices .purchase-dialog__choice--online {
        margin-bottom: 27px; } }
  @media only screen and (max-width: 1023px) {
    .purchase-dialog .purchase-dialog__choices .purchase-dialog__choice--talk {
      margin-top: 8px; } }
  .purchase-dialog .purchase-dialog__choices .purchase-dialog__call {
    float: left; }
    @media only screen and (max-width: 1023px) {
      .purchase-dialog .purchase-dialog__choices .purchase-dialog__call {
        float: none;
        margin-right: 0; } }
    @media only screen and (max-width: 767px) {
      .purchase-dialog .purchase-dialog__choices .purchase-dialog__call {
        margin-right: 20px; } }
    .purchase-dialog .purchase-dialog__choices .purchase-dialog__call .purchase-dialog__call__number {
      display: block;
      font-size: 18px;
      font-weight: 600;
      margin-top: -6px;
      text-decoration: none; }
      @media only screen and (max-width: 1023px) {
        .purchase-dialog .purchase-dialog__choices .purchase-dialog__call .purchase-dialog__call__number {
          float: none;
          margin-top: -8px; } }
      @media only screen and (max-width: 767px) {
        .purchase-dialog .purchase-dialog__choices .purchase-dialog__call .purchase-dialog__call__number {
          color: #fff; } }
  .purchase-dialog .purchase-dialog__choices .purchase-dialog__online {
    float: right; }
    @media only screen and (max-width: 1023px) {
      .purchase-dialog .purchase-dialog__choices .purchase-dialog__online {
        float: none;
        margin-top: 20px; } }
  .purchase-dialog .purchase-dialog__choices .purchase-dialog__cta {
    width: 160px;
    margin-top: -6px;
    border-radius: 0;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33; }
    @media only screen and (max-width: 1023px) {
      .purchase-dialog .purchase-dialog__choices .purchase-dialog__cta {
        margin-top: -8px; } }
    @media only screen and (max-width: 767px) {
      .purchase-dialog .purchase-dialog__choices .purchase-dialog__cta {
        width: 130px; } }

@media only screen and (max-width: 1023px) {
  .purchase-dialog {
    margin-top: 35px; } }

@media only screen and (max-width: 767px) {
  .purchase-dialog {
    margin-top: 160px; } }

.credit-page-container .dialog-container {
  overflow: hidden; }
  .credit-page-container .dialog-container .dialog-content {
    left: 50%;
    top: 50%;
    width: 680px;
    max-width: 680px;
    height: auto;
    max-height: 100%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
    overflow: auto;
    padding: 35px 50px 50px 50px;
    margin-top: 20px; }
    .credit-page-container .dialog-container .dialog-content::-webkit-scrollbar {
      width: 0px;
      /* remove scrollbar space */
      background: transparent;
      /* optional: just make scrollbar invisible */ }
    @media only screen and (max-width: 1023px) {
      .credit-page-container .dialog-container .dialog-content {
        max-width: 649px; } }
    @media only screen and (max-width: 767px) {
      .credit-page-container .dialog-container .dialog-content {
        width: 100%;
        max-width: 100%;
        height: 100%;
        top: 50%;
        left: 50%; } }

.credit-page-container .credit-dialog {
  background: #fff;
  padding: 30px; }
  .credit-page-container .credit-dialog.credit-section {
    border: none; }
  .credit-page-container .credit-dialog.credit-page {
    background: #fff;
    padding-bottom: 0;
    padding-top: 0;
    display: block; }
  .credit-page-container .credit-dialog .credit-dialog-form {
    text-align: left; }
  .credit-page-container .credit-dialog .section-toggle-title {
    text-align: left;
    text-decoration: none; }

.credit-page-container .credit-dialog-cta {
  display: flex; }
  .credit-page-container .credit-dialog-cta input {
    width: 151px;
    height: 40px;
    border-radius: 0;
    font-size: 18px;
    font-weight: 600; }
  .credit-page-container .credit-dialog-cta .credit-dialog-btn-cancel {
    background: #fff;
    color: #999da3;
    border: solid 1px #999da3;
    cursor: pointer;
    margin-right: 9px; }
    .credit-page-container .credit-dialog-cta .credit-dialog-btn-cancel:hover {
      background: #979797;
      color: #ffffff; }
  .credit-page-container .credit-dialog-cta .credit-dialog-btn-save {
    background: #e7131a;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); }
    .credit-page-container .credit-dialog-cta .credit-dialog-btn-save:hover {
      background: #fc4349; }

.credit-page .coapp-dialog {
  position: absolute;
  top: -135px;
  width: 232px;
  height: 124px;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #e0e0e0;
  padding: 20px; }
  .credit-page .coapp-dialog::before {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    height: 10px;
    width: 10px;
    background: #ffffff;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg) translate(-50%);
            transform: rotate(45deg) translate(-50%);
    border-bottom: inherit;
    border-right: inherit; }
  .credit-page .coapp-dialog .coapp-dialog__content {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    text-align: center;
    color: #041022; }
  .credit-page .coapp-dialog .coapp-dialog__cta input {
    width: 90px;
    height: 26px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    text-align: center;
    padding: 2px 12px;
    margin-top: 15px; }
  .credit-page .coapp-dialog .coapp-dialog__cta .coapp-dialog__cta-yes {
    background: #e7131a;
    color: #ffffff;
    margin-right: 10px;
    border: 0; }
    .credit-page .coapp-dialog .coapp-dialog__cta .coapp-dialog__cta-yes:hover {
      background: #fc4349; }
  .credit-page .coapp-dialog .coapp-dialog__cta .coapp-dialog__cta-no {
    background: #fff;
    color: #999da3; }
    .credit-page .coapp-dialog .coapp-dialog__cta .coapp-dialog__cta-no:hover {
      background-color: #999da3;
      color: #ffffff; }

.timeout-dialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 500px;
  height: 220px;
  background-color: white;
  border: 1px solid #d6d7da;
  border-radius: 0;
  padding: 40px 0 40px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 300px; }
  @media only screen and (max-width: 767px) {
    .timeout-dialog {
      width: calc(100% - 40px);
      top: 35%; }
      .timeout-dialog:not(.session) {
        height: 210px;
        padding: 30px 0 30px; }
      .timeout-dialog.session {
        height: 200px; } }
  .timeout-dialog .close {
    position: absolute;
    right: 0;
    top: 0;
    margin: 20px 20px 0 0; }
  .timeout-dialog h4 {
    font-family: "Calibre-Semibold";
    font-size: 18px;
    text-align: center;
    color: #041022;
    margin-bottom: 15px; }
  .timeout-dialog span {
    font-family: "Calibre-Regular";
    font-size: 18px;
    line-height: 16px;
    color: #041022; }
    .timeout-dialog span.warning {
      margin-bottom: 5px; }
    .timeout-dialog span.continue {
      margin-bottom: 20px; }
  .timeout-dialog .buttons {
    display: flex;
    flex-direction: row;
    height: 40px;
    margin: 0 auto; }
    .timeout-dialog .buttons .button {
      height: 100%;
      width: 160px;
      border-radius: 0;
      font-family: "Calibre-Semibold";
      font-size: 18px;
      line-height: 40px;
      text-align: center;
      cursor: pointer; }
      @media only screen and (max-width: 767px) {
        .timeout-dialog .buttons .button {
          width: 200px;
          height: 40px; } }
      .timeout-dialog .buttons .button.yes {
        color: white;
        background-color: #e7131a; }
        @media only screen and (max-width: 767px) {
          .timeout-dialog .buttons .button.yes {
            margin-bottom: 10px; } }
        .timeout-dialog .buttons .button.yes:hover {
          background-color: #fc4349; }
      .timeout-dialog .buttons .button.ok {
        color: #e7131a;
        background-color: white;
        border: 1px solid #e7131a;
        width: 150px; }
        .timeout-dialog .buttons .button.ok:hover {
          background-color: #e7131a;
          border: none;
          color: white; }

.notify-leadgen-dialog .dialog-content {
  top: 50%;
  left: 50%;
  max-width: 680px;
  width: 680px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #ffffff;
  padding: 30px 50px 50px;
  border: solid 1px #e0e0e0;
  border-radius: 0; }
  @media only screen and (max-width: 767px) {
    .notify-leadgen-dialog .dialog-content.success {
      height: 100%;
      padding-top: 35vh; } }
  @media only screen and (max-width: 767px) {
    .notify-leadgen-dialog .dialog-content {
      padding: 20px;
      width: 100%;
      max-width: 100%;
      height: 100%;
      overflow: scroll;
      border: 0;
      border-radius: 0;
      padding-top: 20px;
      position: fixed; } }
  .notify-leadgen-dialog .dialog-content .validation-icon {
    margin-left: -15px;
    position: relative;
    left: -7px; }
  .notify-leadgen-dialog .dialog-content .checkbox-legal-copy__content {
    margin-bottom: 0; }

.notify-leadgen-dialog.interested > .dialog-content {
  height: 530px; }

.notify-leadgen-dialog .section-title {
  font-family: "Vroom-Sans";
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 1px;
  color: #041022;
  text-align: center;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .notify-leadgen-dialog .section-title {
      font-family: "Vroom-Sans";
      font-size: 28px;
      line-height: 32px;
      letter-spacing: 1px;
      margin-bottom: 10px; }
      .notify-leadgen-dialog .section-title.interested {
        font-family: "Calibre-Regular"; } }

.notify-leadgen-dialog .section-subtitle {
  margin-top: 20px;
  font-size: 18px;
  line-height: 25px;
  color: #041022;
  max-width: 85%;
  margin: 0 auto 20px auto; }
  .notify-leadgen-dialog .section-subtitle span {
    font-family: "Calibre-Semibold"; }

.notify-leadgen-dialog .input-title {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.35px;
  color: #041022;
  text-align: left; }

.notify-leadgen-dialog .terms-container label {
  position: relative;
  top: -1px; }

.notify-leadgen-dialog .notify-leadgen-dialog__btn {
  display: flex;
  font-family: "Calibre-Semibold";
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1.75px;
  text-transform: uppercase;
  padding-bottom: 20px; }
  .notify-leadgen-dialog .notify-leadgen-dialog__btn input {
    height: 40px;
    width: 150px; }

.notify-leadgen-dialog .no-pad {
  padding-right: 0; }

.notify-leadgen-dialog.notify-leadgen-dialog h1,
.notify-leadgen-dialog.notify-leadgen-dialog h2,
.notify-leadgen-dialog.notify-leadgen-dialog h3 {
  text-align: left; }

.notify-leadgen-dialog.notify-leadgen-dialog h1 {
  margin-bottom: 10px; }

.notify-leadgen-dialog.notify-leadgen-dialog h2 {
  font-family: "Calibre-Semibold"; }

.notify-leadgen-dialog.notify-leadgen-dialog h3 {
  margin-left: 0; }

.notify-leadgen-dialog.notify-leadgen-dialog .finish-section-btn {
  font-family: "Calibre-Semibold";
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1.75px;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .notify-leadgen-dialog.notify-leadgen-dialog .finish-section-btn {
      width: 100%;
      position: relative;
      margin: 0 auto;
      left: 50%; } }
  @media only screen and (min-width: 768px) {
    .notify-leadgen-dialog.notify-leadgen-dialog .finish-section-btn {
      margin-left: 0; } }

.notify-success-dialog h1.notify-success-title {
  text-align: center;
  margin-bottom: 15px;
  font-family: "Vroom-Sans";
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 1px; }
  @media only screen and (min-width: 768px) {
    .notify-success-dialog h1.notify-success-title {
      font-family: "Vroom-Sans";
      font-size: 36px;
      line-height: 40px;
      letter-spacing: 1px; } }

.notify-success-dialog .notify-leadgen-dialog__btn {
  margin-top: 20px; }

.offer-status-dialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 580px;
  background-color: white;
  border: 1px solid #d6d7da;
  border-radius: 0;
  padding: 40px 0 40px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 225px;
  font-family: "Calibre-Regular";
  font-size: 16px; }
  @media only screen and (max-width: 767px) {
    .offer-status-dialog {
      width: calc(100% - 40px);
      padding: 30px;
      top: 80px; } }
  .offer-status-dialog .close {
    position: absolute;
    right: 0;
    top: 0;
    margin: 20px 20px 0 0; }
  .offer-status-dialog .bold {
    font-family: "Calibre-Bold"; }
  .offer-status-dialog h2 {
    font-family: "Vroom-Sans";
    font-size: 42px;
    line-height: 1.1;
    letter-spacing: 1px;
    text-align: center;
    color: #041022;
    margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      .offer-status-dialog h2 {
        font-size: 34px; } }
  .offer-status-dialog span {
    color: #041022; }
    .offer-status-dialog span.warning {
      margin-bottom: 5px; }
    .offer-status-dialog span.continue {
      margin-bottom: 20px; }
  .offer-status-dialog .buttons {
    display: flex;
    flex-direction: row;
    margin: 0 auto; }
    .offer-status-dialog .buttons .button {
      height: 100%;
      width: 160px;
      border-radius: 0;
      font-family: "Calibre-Semibold";
      font-size: 16px;
      line-height: 16px;
      letter-spacing: 1.75px;
      text-transform: uppercase;
      text-align: center;
      cursor: pointer; }
      @media only screen and (max-width: 767px) {
        .offer-status-dialog .buttons .button {
          width: 200px;
          height: 40px; } }
      .offer-status-dialog .buttons .button.yes {
        color: white;
        background-color: #e7131a; }
        @media only screen and (max-width: 767px) {
          .offer-status-dialog .buttons .button.yes {
            margin-bottom: 10px; } }
        .offer-status-dialog .buttons .button.yes:hover {
          background-color: #fc4349; }
      .offer-status-dialog .buttons .button.ok {
        color: #e7131a;
        background-color: white;
        border: 1px solid #e7131a;
        width: 150px;
        margin-top: 10px; }
        .offer-status-dialog .buttons .button.ok:hover {
          background-color: #e7131a;
          border: none;
          color: white; }

.dialog-container.vin-info {
  position: absolute; }
  @media only screen and (max-width: 767px) {
    .dialog-container.vin-info {
      width: 100vw;
      bottom: auto; } }

.vin-information-dialog {
  width: 580px;
  margin: 0 auto;
  padding: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: white;
  border: 1px solid #d6d7da;
  border-radius: 0;
  font-family: "Calibre-Regular";
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .vin-information-dialog {
      width: 100%;
      overflow: auto;
      padding: 20px;
      justify-content: flex-start;
      border-radius: 0; } }
  .vin-information-dialog h2 {
    margin-bottom: 10px;
    font-family: "Vroom-Sans";
    font-size: 28px;
    line-height: 1.14;
    letter-spacing: 1px;
    color: #041022; }
    @media only screen and (min-width: 768px) {
      .vin-information-dialog h2 br {
        display: none; } }
  .vin-information-dialog span {
    font-family: "Calibre-Regular";
    font-size: 18px;
    line-height: 1.39;
    letter-spacing: 0.3px;
    color: #041022; }
    @media only screen and (max-width: 767px) {
      .vin-information-dialog span {
        font-size: 16px; } }
  .vin-information-dialog .span-header {
    font-family: "Calibre-Semibold";
    font-size: 18px; }
  .vin-information-dialog .close-icon {
    position: absolute;
    right: 0;
    top: 0;
    margin: 20px 20px 0 0; }
    .vin-information-dialog .close-icon:hover {
      cursor: pointer; }
  @media only screen and (max-width: 767px) {
    .vin-information-dialog .vin-description br {
      display: none; } }
  .vin-information-dialog .vin-example {
    font-size: 18px;
    font-family: "Calibre-Medium";
    margin: 20px 0;
    padding: 8px 39px;
    border: 1px solid #e7131a; }
  .vin-information-dialog .vin-location-image {
    width: 296px;
    height: 112px;
    margin: 24px 0 27px; }
  .vin-information-dialog .vin-location-lists {
    display: flex;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: 0.3px;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      .vin-information-dialog .vin-location-lists {
        flex-direction: column; } }
    .vin-information-dialog .vin-location-lists .vin-location-list {
      text-align: left; }
      .vin-information-dialog .vin-location-lists .vin-location-list:first-child {
        margin-right: 18px; }
      @media only screen and (max-width: 767px) {
        .vin-information-dialog .vin-location-lists .vin-location-list {
          margin-bottom: 20px;
          line-height: 1.75; } }
      .vin-information-dialog .vin-location-lists .vin-location-list ul {
        max-width: 242px;
        margin-left: 10px; }
        .vin-information-dialog .vin-location-lists .vin-location-list ul li {
          position: relative;
          list-style-type: none; }
          .vin-information-dialog .vin-location-lists .vin-location-list ul li::before {
            content: '\2022';
            position: absolute;
            left: -10px; }
  .vin-information-dialog .contact-section {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.3px; }
    @media only screen and (max-width: 767px) {
      .vin-information-dialog .contact-section {
        width: 270px;
        align-items: flex-start; } }
    .vin-information-dialog .contact-section a:hover {
      text-decoration: underline; }
    .vin-information-dialog .contact-section .contact-title {
      margin-bottom: 5px; }
    .vin-information-dialog .contact-section .phone-number {
      color: #041022;
      text-decoration: none; }
      .vin-information-dialog .contact-section .phone-number:hover {
        color: #e7131a;
        text-decoration: underline; }

.financing-partners-dialog {
  position: relative;
  margin: 20px;
  padding: 50px;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  max-width: 780px;
  max-height: 780px; }
  .financing-partners-dialog .title {
    font-size: 24px;
    line-height: 24px; }
    @media only screen and (max-width: 767px) {
      .financing-partners-dialog .title {
        font-size: 16px; } }
  .financing-partners-dialog .bold {
    font-family: "Calibre-Semibold"; }
  .financing-partners-dialog__close {
    width: 12px;
    cursor: pointer; }
    .financing-partners-dialog__close-button {
      position: absolute;
      top: 8px;
      right: 8px;
      padding: 10px;
      outline: none;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 20;
      width: auto;
      background-color: #ffffff; }
  .financing-partners-dialog ul {
    list-style-type: none; }
    .financing-partners-dialog ul > li {
      margin-bottom: 10px;
      font-family: "Calibre-Medium";
      font-size: 16px;
      line-height: 24px; }
      @media only screen and (max-width: 767px) {
        .financing-partners-dialog ul > li {
          font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .financing-partners-dialog {
      max-height: none;
      margin: 0;
      padding: 20px; } }

@media only screen and (max-width: 767px) {
  .invalid-state-dialog .dialog-content {
    margin-top: 0 !important; } }

.invalid-state-dialog h1.section-title {
  text-align: center;
  margin-bottom: 15px; }

.invalid-state-dialog .btn-container {
  margin-top: 20px; }
  .invalid-state-dialog .btn-container .btn-secondary {
    font-family: "Calibre-Semibold";
    font-size: 16px;
    text-transform: uppercase;
    width: 155px;
    height: 40px; }

.preq-container .dialog-content {
  top: 50%;
  left: 50%;
  width: 550px;
  max-width: 100%;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
  height: auto;
  max-height: 100%;
  overflow-y: auto; }
  .preq-container .dialog-content::-webkit-scrollbar {
    width: 0px;
    /* remove scrollbar space */
    background: transparent;
    /* optional: just make scrollbar invisible */ }
  @media only screen and (max-width: 767px) {
    .preq-container .dialog-content {
      width: 100%;
      height: 100%; } }
  .preq-container .dialog-content label div {
    text-align: left; }

.preq-container .main-form {
  width: 680px;
  padding: 25px 50px 50px 50px; }
  .preq-container .main-form .content-container {
    margin-bottom: 15px; }
    .preq-container .main-form .content-container h3 {
      margin-bottom: 5px; }
  .preq-container .main-form .btn-container {
    text-align: left; }
    .preq-container .main-form .btn-container button {
      width: 152px; }
      @media only screen and (max-width: 767px) {
        .preq-container .main-form .btn-container button {
          width: 100%; } }
  @media only screen and (max-width: 767px) {
    .preq-container .main-form {
      padding: 25px 20px 30px 20px; } }

.preq-container .banner-form {
  width: 550px;
  padding: 50px 70px 60px 70px; }
  @media only screen and (max-width: 767px) {
    .preq-container .banner-form {
      padding: 40% 10% 60% 10%; } }

@media only screen and (max-width: 767px) {
  .preq-container .banner-form-error {
    padding: 56% 10%; } }

.preq-container .title-container h2 {
  font-family: "Vroom-Sans";
  font-size: 36px;
  letter-spacing: 1px;
  margin-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .preq-container .title-container h2 {
      line-height: 32px;
      font-size: 28px; } }

.preq-container .content-container {
  margin-bottom: 25px;
  font-family: "Calibre-Regular";
  font-size: 18px; }
  .preq-container .content-container h3,
  .preq-container .content-container span {
    letter-spacing: 0.25px;
    line-height: 25px; }
    @media only screen and (max-width: 767px) {
      .preq-container .content-container h3,
      .preq-container .content-container span {
        line-height: 22px;
        font-size: 16px; } }
  .preq-container .content-container h3 {
    margin-bottom: 18px; }
  .preq-container .content-container .info-note {
    display: block;
    width: 287px;
    margin: auto; }
  .preq-container .content-container .limit {
    font-family: "Vroom-Sans";
    font-size: 62px;
    letter-spacing: 1px;
    line-height: 66px; }
    @media only screen and (max-width: 767px) {
      .preq-container .content-container .limit {
        font-size: 42px;
        line-height: 46px; } }
  .preq-container .content-container .divider {
    margin: 25px 0; }
  .preq-container .content-container .content-title {
    font-family: "Calibre-Bold";
    font-size: 12px;
    letter-spacing: 1.25px;
    line-height: 12px;
    display: block;
    text-transform: uppercase;
    padding-bottom: 5px; }
  .preq-container .content-container .values {
    display: grid; }
  .preq-container .content-container .required {
    font-size: 13px;
    letter-spacing: 0.35px;
    line-height: 16px;
    text-align: left;
    display: block; }
    @media only screen and (max-width: 767px) {
      .preq-container .content-container .required {
        text-align: center; } }

.preq-container .image-container {
  position: relative;
  display: flex;
  margin-left: 2px;
  height: 16px; }

.preq-container .state {
  display: flex; }

.preq-container .tooltip {
  width: 170px;
  background-color: #041022;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  top: -140px;
  left: -78px; }
  .preq-container .tooltip p {
    font-size: 13px;
    letter-spacing: 0.35px;
    line-height: 16px; }

.preq-container .btn-container {
  margin-bottom: 20px; }

.preq-container .btn-primary {
  width: 236px; }

.preq-container .left-align {
  text-align: left; }
  @media only screen and (max-width: 767px) {
    .preq-container .left-align {
      text-align: center; } }

.preq-container .bold {
  font-weight: 600; }

@media only screen and (max-width: 767px) {
  .preq-container .credit-app-legal-copy {
    margin: 0; } }

.preq-container .prequal-read {
  margin-bottom: 10px; }
  .preq-container .prequal-read p {
    margin-bottom: 10px; }

.preq-container .prequal-consent {
  margin-bottom: 20px; }
  .preq-container .prequal-consent span {
    vertical-align: bottom; }
  .preq-container .prequal-consent label:before, .preq-container .prequal-consent label:after {
    top: 2px !important; }
  .preq-container .prequal-consent label:hover:before {
    border-color: #d6d7da !important; }

.preq-container .form-class {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }

.marketing-layout {
  position: relative;
  margin-top: -70px;
  height: 100%; }
  .marketing-layout-header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    z-index: 13;
    padding: 0 50px;
    border-bottom: 1px solid #d6d7da;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    font-family: "Calibre-Semibold";
    overflow: hidden;
    height: 0px;
    opacity: 0;
    transition: all 0.25s ease-in; }
    @media only screen and (max-width: 1023px) {
      .marketing-layout-header {
        padding: 0 20px; } }
    .marketing-layout-header .logo-link {
      margin-right: 30px;
      position: absolute;
      left: 50px;
      line-height: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media only screen and (max-width: 1023px) {
        .marketing-layout-header .logo-link {
          left: 20px; } }
      .marketing-layout-header .logo-link .vroom-logo {
        width: 114px;
        fill: #041022; }
        @media only screen and (max-width: 767px) {
          .marketing-layout-header .logo-link .vroom-logo {
            width: 106px; } }
    .marketing-layout-header--show {
      opacity: 1;
      height: 70px; }
    .marketing-layout-header__btn {
      border: 1px solid transparent;
      border-radius: 0;
      background-color: #e7131a;
      font-size: 16px;
      text-transform: uppercase;
      line-height: 1.33;
      text-align: center;
      padding: 0.5rem 1.25rem;
      margin: 9.75px;
      color: #ffffff;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      transition: all 0.1s; }
      .marketing-layout-header__btn:hover, .marketing-layout-header__btn:focus {
        color: #ffffff; }
      .marketing-layout-header__btn:hover {
        background-color: #fc4349; }
    .marketing-layout-header__dropdown {
      position: absolute;
      right: 50px;
      color: #041022;
      text-transform: uppercase;
      font-size: 13px;
      line-height: 24px;
      letter-spacing: 1px;
      text-align: center;
      cursor: pointer;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media only screen and (max-width: 1023px) {
        .marketing-layout-header__dropdown {
          right: 20px; } }
  .marketing-layout-footer__content {
    padding: 5px 20px; }
  .marketing-layout-footer__btn {
    display: block;
    border-radius: 0;
    padding: 0.5rem 1rem;
    background-color: #e7131a;
    font-family: "Calibre-Semibold";
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase; }
    .marketing-layout-footer__btn:hover {
      color: #ffffff;
      background-color: #fc4349; }
  @media only screen and (max-width: 767px) {
    .marketing-layout-footer__content {
      padding: 2px 20px 20px; }
    .marketing-layout-footer__btn {
      padding: 0.75rem 1rem; } }

@media only screen and (max-width: 767px) {
  .filter-true .catalog-page-container .catalog-overlay {
    display: block;
    position: absolute;
    top: 60px; } }

@media only screen and (max-width: 767px) {
  .sort-true .catalog-page-container .catalog-overlay {
    display: block;
    position: absolute;
    top: 60px; } }

.catalog-page-container {
  display: flex;
  flex-direction: row; }
  @media only screen and (max-width: 767px) {
    .catalog-page-container > * {
      margin: 0;
      padding: 0; } }
  .catalog-page-container .catalog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    background-color: rgba(51, 51, 51, 0.5);
    -webkit-animation: appear 0.15s ease-in alternate;
            animation: appear 0.15s ease-in alternate;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
    display: none; }
  .catalog-page-container .active-filters-section {
    display: inline-block;
    margin: 0 22.5px 0 0;
    border-radius: 0;
    font-family: "Calibre-Regular";
    font-size: 16px;
    line-height: 22px;
    color: #e7131a;
    text-decoration: none; }
    .catalog-page-container .active-filters-section .close-icon {
      width: 8px;
      height: 8px;
      display: inline-block;
      vertical-align: middle;
      line-height: 22px;
      margin: 0 0 2px 4px; }
  .catalog-page-container .active-filters-section:last-child {
    margin-right: 0; }
    .catalog-page-container .active-filters-section:last-child:hover {
      text-decoration: underline; }
  .catalog-page-container .mobile-filters-section {
    margin: 0 20px 12px 20px; }
    .catalog-page-container .mobile-filters-section hr {
      margin: 0;
      margin-bottom: 10.5px; }
  .catalog-page-container #cars-section {
    flex-grow: 1;
    order: 2;
    padding: 0 1.25rem;
    border-left: #d6d7da 1px solid;
    position: relative;
    background-color: #f1f1f1; }
    @media only screen and (max-width: 767px) {
      .catalog-page-container #cars-section {
        margin: 0;
        padding: 0;
        width: 100%; } }
    .catalog-page-container #cars-section .top-section {
      display: flex;
      flex: 1;
      align-items: baseline;
      width: 100%;
      margin: 1.25rem 0 1.25rem 0;
      padding: 0; }
      @media only screen and (max-width: 767px) {
        .catalog-page-container #cars-section .top-section {
          margin: 12px 0;
          padding: 0 20px; } }
      .catalog-page-container #cars-section .top-section .left .sidebar-icon {
        fill: #e7131a; }
      .catalog-page-container #cars-section .top-section .middle {
        flex-basis: 0;
        flex-grow: 1; }
        @media only screen and (max-width: 767px) {
          .catalog-page-container #cars-section .top-section .middle {
            margin: 0 20px; } }
        .catalog-page-container #cars-section .top-section .middle .results {
          display: block;
          margin: 0 auto;
          font-family: "Calibre-Regular";
          font-size: 16px;
          line-height: 22px;
          letter-spacing: 0.25px;
          text-align: center;
          color: #041022; }
          @media only screen and (min-width: 768px) {
            .catalog-page-container #cars-section .top-section .middle .results {
              display: inline-block;
              margin-right: 18px;
              margin-bottom: 0;
              font-size: 18px;
              line-height: 25px; } }
      .catalog-page-container #cars-section .top-section .right {
        flex: 0 0 1;
        text-align: right; }
        @media only screen and (max-width: 767px) {
          .catalog-page-container #cars-section .top-section .right {
            width: 55px; } }
    .catalog-page-container #cars-section .no-results {
      text-align: center;
      letter-spacing: 0.25px;
      color: #041022; }
      .catalog-page-container #cars-section .no-results h2 {
        margin: 60px 20px 4px 20px;
        font-family: "Calibre-Semibold";
        font-size: 20px;
        line-height: 36px; }
        @media only screen and (min-width: 768px) {
          .catalog-page-container #cars-section .no-results h2 {
            margin: 37px 0 7px 0;
            font-size: 24px;
            line-height: 30px; } }
      .catalog-page-container #cars-section .no-results h5 {
        margin-bottom: 45px;
        font-size: 18px;
        line-height: 25px; }
        @media only screen and (min-width: 768px) {
          .catalog-page-container #cars-section .no-results h5 {
            font-size: 20px;
            line-height: 26px; } }
  @media only screen and (min-width: 320px) and (max-width: 1023px) {
    .catalog-page-container ul.car-list > li:hover {
      box-shadow: none; }
      .catalog-page-container ul.car-list > li:hover img.car-image {
        -webkit-transform: none;
                transform: none; } }
  @media only screen and (max-width: 767px) {
    .catalog-page-container ul.car-list > li {
      margin: 0 0 1px 0;
      width: 100%;
      background-color: #ffffff;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075);
      overflow: hidden;
      border-radius: 0;
      border: none; }
      .catalog-page-container ul.car-list > li:first-child {
        display: block;
        text-align: center;
        width: 100%; }
        .catalog-page-container ul.car-list > li:first-child .subtext {
          width: 100%;
          padding: 10px 20px 14px 20px; }
        .catalog-page-container ul.car-list > li:first-child .car-title,
        .catalog-page-container ul.car-list > li:first-child .price {
          font-size: 20px;
          line-height: 26px; }
        .catalog-page-container ul.car-list > li:first-child .price {
          text-align: right; }
        .catalog-page-container ul.car-list > li:first-child .car-image-container {
          width: 100%;
          height: 100%;
          float: left; } }
  @media only screen and (min-width: 360px) and (max-width: 413px) {
    .catalog-page-container ul.car-list > li:not(:first-child) .subtext {
      padding: 9px 20px 0 15px; }
      .catalog-page-container ul.car-list > li:not(:first-child) .subtext .price {
        top: 52px; } }
  @media only screen and (min-width: 414px) and (max-width: 539px) {
    .catalog-page-container ul.car-list > li:not(:first-child) .subtext {
      padding: 15px 20px 0 15px; }
      .catalog-page-container ul.car-list > li:not(:first-child) .subtext .price {
        top: 58px; } }
  @media only screen and (min-width: 540px) and (max-width: 767px) {
    .catalog-page-container ul.car-list > li:not(:first-child) .subtext {
      padding: 35px 20px 0px 15px; }
      .catalog-page-container ul.car-list > li:not(:first-child) .subtext .price {
        position: absolute;
        right: 20px;
        bottom: 0; } }
  .catalog-page-container .below-banner-cta {
    font-size: 14px;
    font-weight: 500;
    float: right;
    line-height: 14px;
    margin-top: -5px;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .catalog-page-container .below-banner-cta {
        margin-right: 15px; } }
    .catalog-page-container .below-banner-cta .below-banner-link {
      text-decoration: underline; }

ul.car-list {
  position: relative; }

ul.car-list:before {
  content: '';
  display: table; }

ul.car-list:after {
  content: '';
  display: table;
  clear: both; }
  ul.car-list > li {
    position: relative;
    margin: 0 1.25rem 1.25rem 0;
    display: block;
    border: 1px solid #d8d8d8;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.5s;
    overflow: hidden;
    z-index: 0; }
    @media only screen and (min-width: 1024px) {
      ul.car-list > li:hover {
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2); }
        ul.car-list > li:hover img.car-image {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); } }
    @media only screen and (min-width: 768px) {
      ul.car-list > li .aspect-ratio:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%; }
      ul.car-list > li .aspect-ratio > * {
        position: absolute;
        top: 0;
        left: 0; }
      ul.car-list > li .aspect-ratio > .ar-item {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; } }
    @media only screen and (min-width: 320px) and (max-width: 358px) {
      ul.car-list > li:not(:first-child) .subtext {
        padding: 5px 20px 0 15px; }
        ul.car-list > li:not(:first-child) .subtext .price {
          top: 48px; } }
    @media only screen and (min-width: 768px) and (max-width: 899px) {
      ul.car-list > li {
        width: calc(99.9% * 1/3 - (20px - 20px * 1/3)); }
      ul.car-list > li:nth-child(1n) {
        float: left;
        margin-right: 20px;
        clear: none; }
      ul.car-list > li:last-child {
        margin-right: 0; }
      ul.car-list > li:nth-child(3n) {
        margin-right: 0;
        float: right; }
      ul.car-list > li:nth-child(3n + 1) {
        clear: both; }
        .filter-true ul.car-list > li {
          width: calc(99.9% * 1/2 - (20px - 20px * 1/2)); }
        .filter-true ul.car-list > li:nth-child(1n) {
          float: left;
          margin-right: 20px;
          clear: none; }
        .filter-true ul.car-list > li:last-child {
          margin-right: 0; }
        .filter-true ul.car-list > li:nth-child(2n) {
          margin-right: 0;
          float: right; }
        .filter-true ul.car-list > li:nth-child(2n + 1) {
          clear: both; }
        ul.car-list > li .subtext {
          padding-top: 8px 15px 8px 10px;
          line-height: 22px; } }
    @media only screen and (min-width: 900px) and (max-width: 1099px) {
      ul.car-list > li {
        width: calc(99.9% * 1/4 - (20px - 20px * 1/4)); }
      ul.car-list > li:nth-child(1n) {
        float: left;
        margin-right: 20px;
        clear: none; }
      ul.car-list > li:last-child {
        margin-right: 0; }
      ul.car-list > li:nth-child(4n) {
        margin-right: 0;
        float: right; }
      ul.car-list > li:nth-child(4n + 1) {
        clear: both; }
        .filter-true ul.car-list > li {
          width: calc(99.9% * 1/3 - (20px - 20px * 1/3)); }
        .filter-true ul.car-list > li:nth-child(1n) {
          float: left;
          margin-right: 20px;
          clear: none; }
        .filter-true ul.car-list > li:last-child {
          margin-right: 0; }
        .filter-true ul.car-list > li:nth-child(3n) {
          margin-right: 0;
          float: right; }
        .filter-true ul.car-list > li:nth-child(3n + 1) {
          clear: both; } }
    @media only screen and (min-width: 1100px) and (max-width: 1299px) {
      ul.car-list > li {
        width: calc(99.9% * 1/5 - (10px - 10px * 1/5));
        margin-bottom: 10px; }
      ul.car-list > li:nth-child(1n) {
        float: left;
        margin-right: 10px;
        clear: none; }
      ul.car-list > li:last-child {
        margin-right: 0; }
      ul.car-list > li:nth-child(5n) {
        margin-right: 0;
        float: right; }
      ul.car-list > li:nth-child(5n + 1) {
        clear: both; }
        .filter-true ul.car-list > li {
          width: calc(99.9% * 1/4 - (10px - 10px * 1/4)); }
        .filter-true ul.car-list > li:nth-child(1n) {
          float: left;
          margin-right: 10px;
          clear: none; }
        .filter-true ul.car-list > li:last-child {
          margin-right: 0; }
        .filter-true ul.car-list > li:nth-child(4n) {
          margin-right: 0;
          float: right; }
        .filter-true ul.car-list > li:nth-child(4n + 1) {
          clear: both; } }
    @media only screen and (min-width: 900px) and (max-width: 1299px) {
      ul.car-list > li .subtext {
        padding-left: 10px; } }
    @media only screen and (min-width: 1300px) and (max-width: 1499px) {
      ul.car-list > li {
        width: calc(99.9% * 1/5 - (20px - 20px * 1/5)); }
      ul.car-list > li:nth-child(1n) {
        float: left;
        margin-right: 20px;
        clear: none; }
      ul.car-list > li:last-child {
        margin-right: 0; }
      ul.car-list > li:nth-child(5n) {
        margin-right: 0;
        float: right; }
      ul.car-list > li:nth-child(5n + 1) {
        clear: both; }
        .filter-true ul.car-list > li {
          width: calc(99.9% * 1/4 - (20px - 20px * 1/4)); }
        .filter-true ul.car-list > li:nth-child(1n) {
          float: left;
          margin-right: 20px;
          clear: none; }
        .filter-true ul.car-list > li:last-child {
          margin-right: 0; }
        .filter-true ul.car-list > li:nth-child(4n) {
          margin-right: 0;
          float: right; }
        .filter-true ul.car-list > li:nth-child(4n + 1) {
          clear: both; } }
    @media only screen and (min-width: 1500px) and (max-width: 1919px) {
      ul.car-list > li {
        width: calc(99.9% * 1/6 - (20px - 20px * 1/6)); }
      ul.car-list > li:nth-child(1n) {
        float: left;
        margin-right: 20px;
        clear: none; }
      ul.car-list > li:last-child {
        margin-right: 0; }
      ul.car-list > li:nth-child(6n) {
        margin-right: 0;
        float: right; }
      ul.car-list > li:nth-child(6n + 1) {
        clear: both; }
        .filter-true ul.car-list > li {
          width: calc(99.9% * 1/5 - (20px - 20px * 1/5)); }
        .filter-true ul.car-list > li:nth-child(1n) {
          float: left;
          margin-right: 20px;
          clear: none; }
        .filter-true ul.car-list > li:last-child {
          margin-right: 0; }
        .filter-true ul.car-list > li:nth-child(5n) {
          margin-right: 0;
          float: right; }
        .filter-true ul.car-list > li:nth-child(5n + 1) {
          clear: both; } }

@media only screen and (min-width: 1920px) {
  ul.car-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    max-width: 1587px;
    margin: 0 auto; }
    ul.car-list li {
      flex-basis: 238px; } }

/* $breakpoint-sm and $breakpoint-md breakpoints change the number of product grids when the side nav is closed. */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .filter-false ul.car-list li {
    flex-grow: 3; } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .filter-false ul.car-list li {
    flex-grow: 4; } }

/* Includes */
article.vehicle-tile {
  background-color: #ffffff;
  color: #6c717a;
  transition: all 0.5s; }
  @media only screen and (max-width: 767px) {
    article.vehicle-tile {
      border: 0px none;
      width: 100%;
      display: block;
      padding: 0;
      border-radius: 0; } }
  article.vehicle-tile .subtext {
    padding: 5px 15px;
    text-align: left;
    position: absolute;
    top: auto;
    width: 100%;
    height: 33.333%;
    white-space: nowrap; }
    article.vehicle-tile .subtext h3.car-title {
      display: block;
      font-family: "Calibre-Semibold";
      font-size: 18px;
      line-height: 25px;
      text-overflow: ellipsis;
      word-wrap: normal;
      white-space: nowrap;
      overflow: hidden;
      color: #041022;
      padding: 0;
      margin: 0; }
      @media only screen and (min-width: 768px) {
        article.vehicle-tile .subtext h3.car-title {
          font-size: 16px;
          line-height: 22px; } }
    article.vehicle-tile .subtext .car-details {
      display: flex;
      font-family: "Calibre-Regular";
      font-size: 16px;
      line-height: 22px;
      letter-spacing: 0.25px;
      text-align: left; }
      article.vehicle-tile .subtext .car-details .trim,
      article.vehicle-tile .subtext .car-details .miles {
        text-align: left; }
      article.vehicle-tile .subtext .car-details .trim {
        text-overflow: ellipsis;
        word-wrap: normal;
        white-space: nowrap;
        overflow: hidden; }
      @media only screen and (min-width: 768px) {
        article.vehicle-tile .subtext .car-details .cursor {
          display: block;
          position: relative;
          top: 3px;
          height: 14px;
          width: 2px;
          background-color: #e0e0e0;
          margin: 0 8px; } }
    @media only screen and (min-width: 900px) and (max-width: 999px) {
      article.vehicle-tile .subtext h3.car-title,
      article.vehicle-tile .subtext .car-details {
        line-height: 18px; } }
    @media only screen and (min-width: 1100px) and (max-width: 1199px) {
      article.vehicle-tile .subtext h3.car-title,
      article.vehicle-tile .subtext .car-details {
        line-height: 18px; } }
    article.vehicle-tile .subtext .price {
      font-family: "Calibre-Semibold";
      font-size: 20px;
      line-height: 26px;
      letter-spacing: 0.25px;
      color: #041022;
      text-align: left; }
      @media only screen and (min-width: 768px) {
        article.vehicle-tile .subtext .price {
          font-size: 18px;
          line-height: 25px; } }
  article.vehicle-tile .car-image-container {
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      article.vehicle-tile .car-image-container {
        width: 36%;
        float: left;
        display: inline-block; } }
    @media only screen and (min-width: 768px) {
      article.vehicle-tile .car-image-container {
        position: absolute;
        top: 0;
        left: 0;
        position: relative; }
        article.vehicle-tile .car-image-container:before {
          display: block;
          content: '';
          width: 100%;
          padding-top: 66.66667%; }
        article.vehicle-tile .car-image-container > * {
          position: absolute;
          top: 0;
          left: 0; }
        article.vehicle-tile .car-image-container > img {
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    article.vehicle-tile .car-image-container img.car-image {
      min-width: 100%;
      max-width: 100%;
      transition: all 0.5s; }

@media only screen and (max-width: 767px) {
  .catalog-page-container article.vehicle-tile .subtext {
    display: flex;
    flex-flow: wrap;
    position: relative;
    width: 64%;
    margin: 0;
    vertical-align: bottom;
    padding: 10px 20px 14px 15px;
    line-height: 22px; }
    .catalog-page-container article.vehicle-tile .subtext .car-title {
      flex: none;
      width: 100%; }
    .catalog-page-container article.vehicle-tile .subtext .car-details {
      display: block; }
      .catalog-page-container article.vehicle-tile .subtext .car-details .miles {
        margin-left: 0; }
    .catalog-page-container article.vehicle-tile .subtext .price {
      position: absolute;
      right: 20px;
      bottom: 14px; }
    .catalog-page-container article.vehicle-tile .subtext .car-details,
    .catalog-page-container article.vehicle-tile .subtext .price {
      vertical-align: bottom; }
      .catalog-page-container article.vehicle-tile .subtext .car-details .trim,
      .catalog-page-container article.vehicle-tile .subtext .car-details .miles,
      .catalog-page-container article.vehicle-tile .subtext .price .trim,
      .catalog-page-container article.vehicle-tile .subtext .price .miles {
        flex: none;
        max-width: 200px; } }

.promo-card.promo-card--buy .promo-card-bg {
  background-image: url(/eea157965fc7cbd7b3c653b5848d9b91.png); }

@media only screen and (max-width: 767px) {
  .promo-card.promo-card--buy .promo-card-bg {
    background-image: url(/3c0aa3fc8794ec7a0055b7e6c6c13735.png); }
  .promo-card.promo-card--buy .promo-card-content__section--right {
    align-items: flex-start;
    position: absolute;
    top: 0;
    right: 0;
    padding: 25px 10px 8px 8px; } }

.promo-card.promo-card--coverage .promo-card-bg {
  background-image: url(/a7b1c197fae4c45996cc86b6cf5e4f77.png); }
  @media only screen and (max-width: 767px) {
    .promo-card.promo-card--coverage .promo-card-bg {
      background-image: url(/0a6de14febfe4d68fb27ac790ab506df.png); } }

.promo-card.promo-card--finance .promo-card-bg {
  background-image: url(/2a4baf0db9e01b18d1f8d852ddfe2275.png); }
  @media only screen and (max-width: 767px) {
    .promo-card.promo-card--finance .promo-card-bg {
      background-image: url(/b1337a390c54af95f47c1342242704e1.png); } }

.promo-card.promo-card--questions .promo-card-bg {
  background-image: url(/3417d1e333f1602ea164d0278c77ddf9.png); }
  @media only screen and (max-width: 767px) {
    .promo-card.promo-card--questions .promo-card-bg {
      background-image: url(/d034d23b0d831b1c1b6e94e767fe514a.png); } }

@media only screen and (min-width: 1100px) and (max-width: 1298px) {
  .promo-card.promo-card--questions .promo-card__anchor {
    font-size: 20px; } }

@media only screen and (min-width: 900px) and (max-width: 1019px) {
  .promo-card.promo-card--questions .promo-card-content {
    padding: 0 20px; }
  .promo-card.promo-card--questions .promo-card__anchor {
    font-size: 20px; } }

.promo-card.promo-card--questions .promo-card__anchor {
  display: inline-block;
  position: relative; }
  .promo-card.promo-card--questions .promo-card__anchor > span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    border-bottom: 4px solid #e7131a; }
    @media only screen and (max-width: 767px) {
      .promo-card.promo-card--questions .promo-card__anchor > span::after {
        border-bottom-width: 2.5px; } }

.promo-card.promo-card--trade .promo-card-bg {
  background-image: url(/770d552534c7f92953d5f9622cbc4ea2.png); }
  @media only screen and (max-width: 767px) {
    .promo-card.promo-card--trade .promo-card-bg {
      background-image: url(/b1c0b70ef9c1589e2051c1670d6bc36d.png); }
      .promo-card.promo-card--trade .promo-card-bg .promo-card-content__title {
        font-size: 22px;
        line-height: 22px; } }
  @media only screen and (min-width: 900px) and (max-width: 1099px) {
    .promo-card.promo-card--trade .promo-card-bg .promo-card-content__subtitle {
      font-size: 18px;
      line-height: 22px; }
    .promo-card.promo-card--trade .promo-card-bg .promo-card__anchor--button {
      margin-top: 10px; } }

.promo-card.promo-card--prequal .promo-card-bg {
  background-image: url(/dde2f2f02b34141eb7af9ef9c64d8444.jpg); }
  @media only screen and (max-width: 767px) {
    .promo-card.promo-card--prequal .promo-card-bg {
      background-image: url(/c38286cf95a7ee4a8daaf965e4a32a99.jpg); } }

.promo-card-bg {
  background-size: contain;
  margin: 0;
  display: flex;
  align-items: center; }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .promo-card-bg {
      background-size: cover;
      background-position: center center; } }

.promo-card-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.5; }

.promo-card__anchor {
  margin-top: 20px;
  display: block;
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Vroom-Sans";
  font-size: 29px;
  line-height: 25px;
  letter-spacing: 1px; }
  .promo-card__anchor:hover, .promo-card__anchor:visited {
    color: inherit; }
  .promo-card__anchor--button {
    padding: 7px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 102px;
    border-radius: 0;
    background-color: #e7131a;
    font-family: "Calibre-Bold";
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1.25px;
    text-align: center; }
  @media only screen and (max-width: 767px) {
    .promo-card__anchor {
      font-size: 20px;
      line-height: 1;
      margin-top: 0px;
      text-align: right; }
      .promo-card__anchor--button {
        width: auto;
        font-size: 10px;
        line-height: 1;
        letter-spacing: 0.6px;
        min-width: 80px;
        text-align: center; } }

.promo-card-list {
  list-style-type: disc;
  list-style-position: inside;
  margin: 8px 0 15px;
  font-family: "Calibre-Medium";
  font-style: italic; }
  .promo-card-list__item-content {
    margin-left: -14px; }
  @media only screen and (min-width: 900px) and (max-width: 1299px) {
    .promo-card-list {
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .promo-card-list {
      margin: 8px 0px 0px;
      display: flex;
      font-size: 11.5px;
      line-height: 14px;
      letter-spacing: 0.1px;
      list-style-type: none; }
      .promo-card-list__item {
        padding: 0px 6px 0px 0px; }
        .promo-card-list__item-content {
          margin-left: 0px;
          padding-left: 6px; }
        .promo-card-list__item:before {
          content: '|'; }
        .promo-card-list__item:first-child:before {
          content: ''; }
        .promo-card-list__item:first-child .promo-card-list__item-content {
          padding-left: 0px; } }

.promo-card__image--buy {
  width: 75px; }
  @media only screen and (max-width: 767px) {
    .promo-card__image--buy {
      width: 50px; } }

.promo-card-content {
  width: 100%;
  color: #ffffff;
  padding-left: 25px;
  padding-right: 20px;
  display: flex;
  flex-flow: column;
  z-index: 1; }
  @media only screen and (max-width: 767px) {
    .promo-card-content {
      padding-left: 20px;
      padding-right: 10px;
      flex-flow: row;
      align-items: center;
      min-height: 77px; } }
  .promo-card-content__section {
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .promo-card-content__section--right {
        width: auto;
        white-space: nowrap;
        display: flex;
        justify-content: flex-end; } }
  .promo-card-content__title {
    font-family: "Vroom-Sans";
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 1px;
    margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
      .promo-card-content__title {
        font-family: "Vroom-Sans";
        font-size: 36px;
        line-height: 40px;
        letter-spacing: 1px;
        margin-bottom: 5px; } }
    @media only screen and (min-width: 900px) and (max-width: 1299px) {
      .promo-card-content__title {
        font-family: "Vroom-Sans";
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 1px; } }
  .promo-card-content__subtitle {
    margin-top: 5px;
    margin-bottom: 0;
    font-family: "Calibre-Medium";
    font-style: italic;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.25px; }
    @media only screen and (min-width: 768px) {
      .promo-card-content__subtitle {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 5px; } }

.filter-sidebar-container, .sort-sidebar-container {
  flex-shrink: 1;
  position: relative;
  display: block;
  background-color: #ffffff;
  height: calc(100% - 60px); }
  .filter-sidebar-container .close-icon, .sort-sidebar-container .close-icon {
    display: block;
    margin: 0; }
  @media only screen and (max-width: 767px) {
    .filter-true .catalog-page-container .filter-sidebar-container, .filter-true .catalog-page-container .sort-sidebar-container {
      flex: none;
      position: absolute;
      top: 60px;
      left: 0;
      z-index: 2;
      padding: 0;
      margin: 0;
      background-color: #ffffff; }
    .filter-sidebar-container .filter-sidebar, .sort-sidebar-container .filter-sidebar, .sort-sidebar-container .sort-sidebar {
      overflow: scroll;
      padding-right: 15px; } }
  .filter-sidebar-container .filter-sidebar, .sort-sidebar-container .filter-sidebar, .sort-sidebar-container .sort-sidebar {
    width: 250px;
    max-height: 100%;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 9px 20px 20px;
    background-color: #ffffff;
    font-family: "Calibre-Regular";
    color: #041022; }
    .filter-sidebar-container .filter-sidebar .all-makes-list, .sort-sidebar-container .filter-sidebar .all-makes-list, .sort-sidebar-container .sort-sidebar .all-makes-list {
      margin-top: -5px; }
      .filter-sidebar-container .filter-sidebar .all-makes-list a, .sort-sidebar-container .filter-sidebar .all-makes-list a, .sort-sidebar-container .sort-sidebar .all-makes-list a {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.22px;
        color: #6c717a;
        margin: 5px 0 5px 0; }
        .filter-sidebar-container .filter-sidebar .all-makes-list a:hover, .sort-sidebar-container .filter-sidebar .all-makes-list a:hover, .sort-sidebar-container .sort-sidebar .all-makes-list a:hover {
          color: #e7131a;
          text-decoration: underline; }
    .filter-sidebar-container .filter-sidebar .year-select, .sort-sidebar-container .filter-sidebar .year-select, .sort-sidebar-container .sort-sidebar .year-select {
      margin: 2.5px 0 2.5px 0; }
    .filter-sidebar-container .filter-sidebar li, .sort-sidebar-container .filter-sidebar li, .sort-sidebar-container .sort-sidebar li {
      display: block; }
      .filter-sidebar-container .filter-sidebar li .show-all, .sort-sidebar-container .filter-sidebar li .show-all, .sort-sidebar-container .sort-sidebar li .show-all {
        color: #e7131a; }
        .filter-sidebar-container .filter-sidebar li .show-all:hover, .sort-sidebar-container .filter-sidebar li .show-all:hover, .sort-sidebar-container .sort-sidebar li .show-all:hover {
          text-decoration: underline;
          cursor: pointer; }
      .filter-sidebar-container .filter-sidebar li a.filters-selected-true, .sort-sidebar-container .filter-sidebar li a.filters-selected-true, .sort-sidebar-container .sort-sidebar li a.filters-selected-true {
        color: #e7131a; }
    .filter-sidebar-container .filter-sidebar .sidebar-heading, .sort-sidebar-container .filter-sidebar .sidebar-heading, .sort-sidebar-container .sort-sidebar .sidebar-heading {
      margin: 0;
      padding-top: 5px; }
      .filter-sidebar-container .filter-sidebar .sidebar-heading > svg, .sort-sidebar-container .filter-sidebar .sidebar-heading > svg, .sort-sidebar-container .sort-sidebar .sidebar-heading > svg {
        margin: 5px 5px 0 0;
        display: inline-block;
        vertical-align: top;
        fill: #041022; }
      .filter-sidebar-container .filter-sidebar .sidebar-heading > h3, .sort-sidebar-container .filter-sidebar .sidebar-heading > h3, .sort-sidebar-container .sort-sidebar .sidebar-heading > h3 {
        display: inline-block;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.25px;
        color: #041022; }
    .filter-sidebar-container .filter-sidebar .top-right, .sort-sidebar-container .filter-sidebar .top-right, .sort-sidebar-container .sort-sidebar .top-right {
      width: 12px;
      height: 12px;
      fill: #6c717a;
      position: absolute;
      top: 19.5px;
      right: 20px;
      cursor: pointer; }
    .filter-sidebar-container .filter-sidebar .filter-divider, .sort-sidebar-container .filter-sidebar .filter-divider, .sort-sidebar-container .sort-sidebar .filter-divider {
      height: 1px;
      border-top: 1px solid #f5f5f5;
      width: 215px;
      margin: 18.5px 0 13.5px 0; }

.catalog-sort-dropdown .dropdown:hover .submenu {
  top: 24px; }
  .catalog-sort-dropdown .dropdown:hover .submenu:before {
    right: 9px; }
  .catalog-sort-dropdown .dropdown:hover .submenu:after {
    right: 10px; }
  .catalog-sort-dropdown .dropdown:hover .submenu ul > li {
    margin-bottom: 0; }

.catalog-sort-dropdown .dropdown-heading {
  margin-left: 3px;
  line-height: 22px;
  letter-spacing: 0.25px;
  color: #041022;
  text-align: right; }
  .catalog-sort-dropdown .dropdown-heading:hover {
    cursor: pointer; }

.catalog-sort-dropdown .submenu {
  width: 125px; }
  .catalog-sort-dropdown .submenu li {
    width: 100%; }
    .catalog-sort-dropdown .submenu li a {
      width: 100%;
      cursor: pointer; }

.filter-toggle-link, .sort-toggle-link {
  color: #041022;
  margin-right: 20px;
  line-height: 22px;
  letter-spacing: 0.25px; }
  @media only screen and (max-width: 767px) {
    .filter-toggle-link, .sort-toggle-link {
      margin-right: 0; } }
  .filter-toggle-link:hover, .sort-toggle-link:hover {
    color: #041022;
    cursor: pointer; }

.sidebar-icon {
  vertical-align: top;
  margin-top: 5px;
  margin-right: 3px;
  display: inline-block;
  fill: #e7131a; }
  .sidebar-icon:hover {
    cursor: pointer; }

.filter-sidebar-anim-enter {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }

.filter-sidebar-anim-enter.filter-sidebar-anim-enter-active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  transition: 200ms; }

.filter-sidebar-anim-leave {
  -webkit-transform: translateX(0%);
          transform: translateX(0%); }

.filter-sidebar-anim-leave.filter-sidebar-anim-leave-active {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  transition: 200ms; }

.filter-section {
  margin-top: 10px;
  position: relative;
  min-width: 220px; }
  .filter-section .filter-title {
    padding-top: 6px;
    font-family: "Calibre-Semibold";
    line-height: 14px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    cursor: pointer;
    color: #041022; }
    .filter-section .filter-title.active {
      color: #e7131a; }
  .filter-section .filter-toggle-icon {
    position: absolute;
    top: 9.5px;
    right: 10px;
    cursor: pointer;
    fill: #6c717a; }
    .filter-section .filter-toggle-icon.down {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .filter-section .filter-content {
    margin-top: 1rem; }

.filter-select-bar {
  width: 215px;
  height: 28px;
  display: inline-block;
  position: relative;
  margin: 10px 0 10px 0;
  border: 1px solid #d6d7da;
  background-color: #ffffff;
  color: #041022;
  font-family: "Calibre-Regular";
  line-height: 28px;
  letter-spacing: 0.25px;
  text-align: center;
  vertical-align: middle; }
  .filter-select-bar:hover {
    border-color: #6c717a;
    color: #041022; }
    .filter-select-bar:hover::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 1px solid #6c717a;
      cursor: pointer; }
  .filter-select-bar.active {
    background-color: #6c717a;
    border-color: transparent;
    color: #ffffff; }

.half-select-bar {
  width: 102px;
  height: 28px;
  display: inline-block;
  margin: 5px 7px 5px 0; }

.filter-vehicle-container {
  width: 104px;
  height: 67px;
  display: inline-block;
  margin: 1px 2px 0px 2px;
  text-align: center; }
  .filter-vehicle-container .vehicle-icon-text, .filter-vehicle-container .vehicle-icon-text-active {
    width: 100%;
    margin-top: -10px;
    display: block;
    position: relative;
    line-height: 22px;
    letter-spacing: 0.25px;
    color: #6c717a; }
    .filter-vehicle-container .vehicle-icon-text-active {
      color: #e7131a; }
  .filter-vehicle-container:hover {
    cursor: pointer; }
    .filter-vehicle-container:hover .vehicle-icon-text, .filter-vehicle-container:hover .vehicle-icon-text-active {
      text-decoration: underline;
      color: #e7131a; }
    .filter-vehicle-container:hover .filter-vehicle-icon {
      opacity: 0.5; }
  .filter-vehicle-container .filter-vehicle-icon {
    max-width: 70px;
    height: 67px;
    display: block;
    position: relative;
    margin: 5px auto 0 auto;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }
  .filter-vehicle-container .suv {
    background-image: url(/1a9321d45430950c4ae5eb0caeb4082e.png); }
    .filter-vehicle-container .suv-active {
      background-image: url(/4bceacd116cc57cd0ae8f8c871263c4f.png); }
  .filter-vehicle-container .sedan {
    background-image: url(/96001737cb6f5e452197657c56e1c359.png); }
    .filter-vehicle-container .sedan-active {
      background-image: url(/39cdf75089cbf6133082ea46d8a2dd7f.png); }
  .filter-vehicle-container .truck {
    background-image: url(/602fe0a904f52ded60a4b907ee551ce5.png); }
    .filter-vehicle-container .truck-active {
      background-image: url(/b4fd5ca795481bc7bfc1233b8acac928.png); }
  .filter-vehicle-container .coupe {
    background-image: url(/f934927a636d3402fc21b94f4c799e8a.png); }
    .filter-vehicle-container .coupe-active {
      background-image: url(/2a5e5ff30ee118a4ca7aea7ef0fd325c.png); }
  .filter-vehicle-container .convertible {
    background-image: url(/91a8e29fcd55637fc62882a351f11d07.png); }
    .filter-vehicle-container .convertible-active {
      background-image: url(/db021ffe63e84c921cb5327cfbd3281c.png); }
  .filter-vehicle-container .wagon {
    background-image: url(/f67016d3ef5ab77b64d42e9c8e3e0f13.png); }
    .filter-vehicle-container .wagon-active {
      background-image: url(/2d9f23d8d4df37d9b87d4dde037e8565.png); }
  .filter-vehicle-container .hatchback {
    background-image: url(/91b739610e9392e626e4a010546b195f.png); }
    .filter-vehicle-container .hatchback-active {
      background-image: url(/e9512c2344782489eb3ad79110b13d87.png); }
  .filter-vehicle-container .minivan {
    background-image: url(/06b193a2d4fdf18a4515fcb32b55cf6f.png); }
    .filter-vehicle-container .minivan-active {
      background-image: url(/6708d2565db376675602095ceac6e3c1.png); }

.sort-sidebar-container {
  height: 100%; }
  .sort-sidebar-container svg {
    fill: #041022; }
  @media only screen and (max-width: 767px) {
    .sort-true .catalog-page-container .sort-sidebar-container {
      flex: none;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      padding: 0;
      margin: 0;
      background-color: #ffffff; }
    .sort-sidebar-container .sort-sidebar {
      overflow: auto; } }
  .sort-sidebar-container .sort-sidebar {
    padding: 10px 21px; }
    .sort-sidebar-container .sort-sidebar li {
      text-align: left;
      margin-top: 2.5px; }
    .sort-sidebar-container .sort-sidebar .sidebar-heading {
      text-align: left;
      color: #041022; }
    .sort-sidebar-container .sort-sidebar li > a {
      color: #6c717a; }

.sort-toggle-link {
  margin-right: 0px; }

/* Begin Sort Sidebar animations */
.sort-sidebar-anim-enter {
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }

.sort-sidebar-anim-enter.sort-sidebar-anim-enter-active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  transition: 200ms; }

.sort-sidebar-anim-leave {
  -webkit-transform: translateX(0%);
          transform: translateX(0%); }

.sort-sidebar-anim-leave.sort-sidebar-anim-leave-active {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  transition: 200ms; }

.models-filter {
  margin-left: 10px; }

.promo-banner-section {
  position: relative;
  width: 100%;
  border: #d8d8d8 1px solid;
  border-radius: 0;
  margin: 20px 0 25px 0;
  color: #ffffff;
  background-image: url(/c7e40cc47e42c81a89e2553e50b87195.jpg);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat; }
  .promo-banner-section.ebay {
    background-image: none; }
  .promo-banner-section.prequal {
    background-image: url(/dde2f2f02b34141eb7af9ef9c64d8444.jpg);
    background-position: right;
    background-size: 35%;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 899px) {
      .promo-banner-section.prequal {
        width: 100%;
        margin: 0;
        background-image: unset;
        background-color: #ffffff; } }
  .promo-banner-section br {
    display: none; }
  .promo-banner-section .promo-banner-content {
    height: 100%; }
  .promo-banner-section .promo-banner-title {
    font-family: "Calibre-Regular";
    font-style: italic;
    font-size: 36px;
    letter-spacing: -0.3px; }
  .promo-banner-section .promo-banner-deal {
    font-family: "Calibre-Medium";
    font-size: 22px; }
    .promo-banner-section .promo-banner-deal .promo-banner-partner,
    .promo-banner-section .promo-banner-deal .promo-banner-discount {
      font-family: "Calibre-Bold"; }
  .promo-banner-section .promo-banner-tagline {
    font-family: "Calibre-Semibold";
    font-size: 20px;
    letter-spacing: 0.4px;
    text-transform: uppercase; }
  @media only screen and (min-width: 1300px) {
    .promo-banner-section .promo-banner-title {
      margin-bottom: 10px; }
    .promo-banner-section .promo-banner-deal {
      margin-bottom: 44px; }
    .promo-banner-section .promo-banner-tagline {
      letter-spacing: 0.6px; }
    .promo-banner-section.filter-open .promo-banner-title {
      margin-bottom: 9px; }
    .promo-banner-section.filter-open .promo-banner-deal {
      margin-bottom: 24.5px; }
    .promo-banner-section.filter-open .promo-banner-tagline {
      letter-spacing: 0.6px; } }
  @media only screen and (max-width: 1299px) {
    .promo-banner-section .promo-banner-title {
      font-size: 36px;
      margin-bottom: 11px; }
    .promo-banner-section .promo-banner-deal {
      font-size: 22px;
      margin-bottom: 24.5px; }
    .promo-banner-section .promo-banner-tagline {
      font-size: 20px;
      letter-spacing: 0.6px; }
    .promo-banner-section.filter-open .promo-banner-title {
      font-size: 30px;
      margin-bottom: 8px; }
    .promo-banner-section.filter-open .promo-banner-deal {
      font-size: 18px;
      margin-bottom: 18px; }
    .promo-banner-section.filter-open .promo-banner-tagline {
      font-size: 16px;
      letter-spacing: 0.4px; } }
  @media only screen and (max-width: 1099px) {
    .promo-banner-section .promo-banner-title {
      font-size: 30px;
      margin-bottom: 8px; }
    .promo-banner-section .promo-banner-deal {
      font-size: 18px;
      margin-bottom: 26px; }
    .promo-banner-section .promo-banner-tagline {
      font-size: 16px;
      letter-spacing: 0.4px; }
    .promo-banner-section.filter-open .promo-banner-title {
      margin-bottom: 8px; }
    .promo-banner-section.filter-open .promo-banner-deal {
      margin-bottom: 16px; }
    .promo-banner-section.filter-open .promo-banner-tagline {
      font-size: 12px; } }
  @media only screen and (max-width: 899px) {
    .promo-banner-section .promo-banner-title {
      font-size: 30px;
      margin-bottom: 8px; }
    .promo-banner-section .promo-banner-deal {
      font-size: 18px;
      margin-bottom: 56px; }
    .promo-banner-section.filter-open {
      background-image: none; }
      .promo-banner-section.filter-open .promo-banner-title {
        font-size: 30px;
        margin-bottom: 9.5px; }
      .promo-banner-section.filter-open .promo-banner-deal {
        font-size: 18px;
        margin-bottom: 18px; }
      .promo-banner-section.filter-open .promo-banner-tagline {
        font-size: 10px;
        letter-spacing: 0.3px; } }
  @media only screen and (max-width: 767px) {
    .promo-banner-section {
      width: 95%;
      margin: 20px auto 0 auto;
      background-image: none; }
      .promo-banner-section br {
        display: inline; }
      .promo-banner-section .promo-banner-title {
        font-size: 22px;
        margin-bottom: 8px; }
      .promo-banner-section .promo-banner-deal {
        font-size: 14px;
        margin-right: 100px;
        margin-bottom: 14px; }
      .promo-banner-section .promo-banner-tagline {
        font-size: 10px;
        letter-spacing: 0.3px;
        line-height: 17px;
        margin: 0; } }
  @media only screen and (max-width: 375px) {
    .promo-banner-section .promo-banner-title {
      margin-right: 145px; } }
  @media only screen and (max-width: 350px) {
    .promo-banner-section .promo-banner-title {
      margin-right: 125px; } }
  .promo-banner-section .close-icon {
    position: absolute;
    top: 10px;
    right: 15px;
    display: block;
    cursor: pointer;
    color: white; }
  .promo-banner-section .separator {
    font-family: "Calibre-Medium";
    padding: 0 5px; }
    @media only screen and (max-width: 767px) {
      .promo-banner-section .separator {
        display: none; } }

.prequal-offer {
  height: 203px;
  background-color: #e7131a;
  -webkit-clip-path: polygon(0 0, 70% 0, 65% 100%, 0% 100%);
  clip-path: polygon(0 0, 70% 0, 65% 100%, 0% 100%); }
  @media only screen and (max-width: 899px) {
    .prequal-offer {
      -webkit-clip-path: polygon(0 0, 90% 0, 85% 100%, 0% 100%);
      clip-path: polygon(0 0, 90% 0, 85% 100%, 0% 100%); } }
  .prequal-offer .content {
    padding: 35px 0 35px 35px; }
    @media only screen and (min-width: 768px) {
      .prequal-offer .content .md {
        display: inline-block; }
      .prequal-offer .content .sm {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .prequal-offer .content .md {
        display: none; }
      .prequal-offer .content .sm {
        display: inline-block; } }
    @media only screen and (max-width: 767px) {
      .prequal-offer .content {
        padding: 17px 0 21px 21px; } }
    .prequal-offer .content button {
      margin: 25px 0 0 0;
      width: 142px;
      height: 40px;
      background-color: #ffffff;
      color: #041022;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 1.8px;
      text-align: center;
      text-transform: uppercase; }
    .prequal-offer .content > .md,
    .prequal-offer .content > .sm {
      width: 100%; }
      .prequal-offer .content > .md > div,
      .prequal-offer .content > .sm > div {
        display: inline-block;
        width: 100%; }
        .prequal-offer .content > .md > div .heading,
        .prequal-offer .content > .sm > div .heading {
          font-family: Vroom-Sans;
          font-style: italic;
          line-height: 1.25;
          letter-spacing: 1px;
          color: #ffffff; }
        .prequal-offer .content > .md > div .sub-heading,
        .prequal-offer .content > .sm > div .sub-heading {
          font-family: Calibre;
          font-size: 17px;
          line-height: 1.29;
          letter-spacing: 0.3px;
          color: #ffffff; }
    .prequal-offer .content .md div {
      margin-right: 40px;
      width: 35%;
      vertical-align: top; }
      .prequal-offer .content .md div div {
        width: 100%; }
      .prequal-offer .content .md div .heading {
        font-size: 40px; }
      .prequal-offer .content .md div .sub-heading,
      .prequal-offer .content .md div .benefits {
        font-family: Calibre-Regular;
        font-size: 20px;
        line-height: 25px; }
      @media only screen and (max-width: 1099px) {
        .prequal-offer .content .md div .heading {
          font-size: 30px; }
        .prequal-offer .content .md div .sub-heading,
        .prequal-offer .content .md div .benefits {
          font-size: 15px; } }
      @media only screen and (max-width: 899px) {
        .prequal-offer .content .md div .heading {
          font-size: 26px; }
        .prequal-offer .content .md div .sub-heading,
        .prequal-offer .content .md div .benefits {
          font-size: 14px; } }
    .prequal-offer .content .sm div .heading,
    .prequal-offer .content .sm div .sub-heading {
      width: 85%; }
    .prequal-offer .content .sm div .heading {
      font-size: 28px; }
    .prequal-offer .content .sm div .sub-heading {
      font-family: Calibre-Regular;
      font-size: 17px; }

.vehicle-page-container {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .vehicle-page-container .sold-details-true {
    padding: 25px 0; }
  @media only screen and (max-width: 767px) {
    .vehicle-page-container .link-center {
      text-align: center; } }
  @media only screen and (min-width: 768px) {
    .vehicle-page-container .contact-bottom {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .vehicle-page-container .contact-side {
      display: none; } }
  .vehicle-page-container .contact-sold-true {
    display: none; }
  @media only screen and (min-width: 768px) {
    .vehicle-page-container .details-desktop_w-show {
      display: none; } }
  .vehicle-page-container .details-desktop_w-show-false {
    display: none; }
  @media only screen and (min-width: 768px) {
    .vehicle-page-container .details-desktop_w-show-true {
      display: block; } }
  .vehicle-page-container .section-header {
    color: #041022;
    font-family: "Vroom-Sans";
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 1px; }
    @media only screen and (min-width: 1024px) {
      .vehicle-page-container .section-header {
        font-family: "Vroom-Sans";
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 1px; } }
  .vehicle-page-container .vehicle-top {
    align-items: baseline;
    overflow: hidden;
    white-space: nowrap; }
    .vehicle-page-container .vehicle-top .vehicle-header-photo {
      width: auto;
      height: 427px; }
      @media only screen and (min-width: 1024px) and (max-width: 1279px) {
        .vehicle-page-container .vehicle-top .vehicle-header-photo {
          height: 350px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .vehicle-page-container .vehicle-top .vehicle-header-photo {
          height: 320px; } }
      @media only screen and (max-width: 767px) {
        .vehicle-page-container .vehicle-top .vehicle-header-photo {
          width: 100%;
          height: auto; } }
  .vehicle-page-container .vehicle-content_w {
    position: relative;
    background-color: #f5f5f5; }
  .vehicle-page-container .pdp-section {
    margin: 0 auto; }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .vehicle-page-container .pdp-section {
        padding: 0 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .vehicle-page-container .pdp-section {
        padding: 0 20px; } }
    @media only screen and (min-width: 1280px) and (max-width: 1919px) {
      .vehicle-page-container .pdp-section {
        width: 1180px; } }
    @media only screen and (min-width: 1920px) {
      .vehicle-page-container .pdp-section {
        width: 1180px; } }
  .vehicle-page-container .vehicle-page-header_w {
    margin: 0 auto; }
  .vehicle-page-container .mile-spacing {
    word-spacing: 0.2em; }
  .vehicle-page-container .vehicle-middle {
    position: relative;
    margin: 0 auto; }
    .vehicle-page-container .vehicle-middle .divider {
      display: inline-block;
      height: 1px;
      background-color: #d6d7da;
      width: 100%;
      border: 0; }
      @media only screen and (max-width: 767px) {
        .vehicle-page-container .vehicle-middle .divider {
          width: 94%; } }
      .vehicle-page-container .vehicle-middle .divider-price {
        width: 100%;
        margin: 0 0 10px 0; }
      .vehicle-page-container .vehicle-middle .divider-price-min {
        margin: 5px 20px 15px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .vehicle-page-container .section-call-us__content {
      margin-top: 15px; } }
  .vehicle-page-container .hold-tooltip {
    display: none;
    position: absolute;
    border: 1px solid #0b2c37;
    border-radius: 0;
    background-color: #0b2c37;
    padding: 10px 15px;
    font-size: 12px;
    color: #ffffff;
    bottom: 74px;
    left: -7px;
    max-width: 189px;
    line-height: 1.33; }
    .vehicle-page-container .hold-tooltip:before, .vehicle-page-container .hold-tooltip:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: ' ';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .vehicle-page-container .hold-tooltip:after {
      border-color: rgba(136, 183, 213, 0);
      border-top-color: #0b2c37;
      border-width: 7px;
      margin-left: -7px; }
    .vehicle-page-container .hold-tooltip:before {
      border-color: rgba(194, 225, 245, 0);
      border-top-color: #0b2c37;
      border-width: 8px;
      margin-left: -8px; }
    @media only screen and (max-width: 767px) {
      .vehicle-page-container .hold-tooltip {
        left: 5%; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .vehicle-page-container .hold-tooltip {
        width: 100% !important;
        left: 20px;
        bottom: 65px; } }
    @media only screen and (min-width: 1280px) {
      .vehicle-page-container .hold-tooltip.submitted-tooltip {
        left: 89px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .vehicle-page-container .hold-tooltip.submitted-tooltip {
        left: 73px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .vehicle-page-container .hold-tooltip.submitted-tooltip {
        left: 20px; } }
    @media only screen and (max-width: 767px) {
      .vehicle-page-container .hold-tooltip.submitted-tooltip {
        left: 25%; } }
  .vehicle-page-container.gray-experiment .vehicle-title {
    color: #041022; }
    .vehicle-page-container.gray-experiment .vehicle-title .year-light {
      color: #041022; }
  .vehicle-page-container.gray-experiment .vehicle-page-section-price .vehicle-price {
    color: #041022; }

.vehicle-page-container .vehicle-page-section-price .section-price-row.action-buttons_w-similar {
  padding-bottom: 0; }

.action-button-footer {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0;
  z-index: 45;
  border-top: 1px solid #d6d7da;
  padding: 10px 15px 16px; }

.cta a {
  color: inherit; }

.calculator.btn-contact-me {
  width: 100%; }

.refresher {
  position: fixed;
  bottom: 0;
  left: -30px;
  width: 110vw;
  min-height: 0;
  z-index: 5000;
  background-color: white;
  -webkit-animation: refresh 0.75s;
          animation: refresh 0.75s;
  -webkit-filter: none;
          filter: none; }

@-webkit-keyframes refresh {
  0% {
    min-height: 110vh; }
  25% {
    min-height: 110vh;
    -webkit-filter: blur(10px);
            filter: blur(10px); }
  100% {
    min-height: 0;
    -webkit-filter: blur(50px);
            filter: blur(50px); } }

@keyframes refresh {
  0% {
    min-height: 110vh; }
  25% {
    min-height: 110vh;
    -webkit-filter: blur(10px);
            filter: blur(10px); }
  100% {
    min-height: 0;
    -webkit-filter: blur(50px);
            filter: blur(50px); } }

.sticky-contact {
  height: 40px;
  width: 100vw;
  z-index: 50;
  background-color: #6c717a;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  flex-wrap: wrap; }
  .sticky-contact h3 {
    font-family: "Calibre-Semibold";
    font-size: 16px;
    margin: 0 50px 0 0; }
  .sticky-contact .top-line {
    display: flex;
    flex-direction: row;
    align-items: center; }
  .sticky-contact .contact-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0; }
    .sticky-contact .contact-item img {
      height: 20px;
      width: 20px;
      margin-right: 8px; }
    .sticky-contact .contact-item span,
    .sticky-contact .contact-item p,
    .sticky-contact .contact-item a {
      color: #ffffff;
      font-family: "Calibre-Semibold";
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1px;
      white-space: nowrap;
      line-height: 14px;
      margin-bottom: 0; }
  .sticky-contact.sticky {
    flex-direction: row;
    position: fixed;
    top: 0;
    margin-right: 50px;
    padding: 0; }
    .sticky-contact.sticky .contact-item {
      margin-right: 50px;
      margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .sticky-contact.sticky {
        display: none; } }

/* Any class starting with `.image` is from the `react-image-gallery` library
 * All other classes are custom classes
 */
.image-gallery-left-nav,
.image-gallery-right-nav {
  display: none; }

.image-gallery-thumbnail {
  border: none;
  opacity: 0.5; }
  @media only screen and (max-width: 768px) {
    .image-gallery-thumbnail {
      /* The library's breakpoint is different from ours */
      width: 100px; } }

.image-gallery-thumbnail.active {
  border: none;
  opacity: 1; }

.image-gallery-container {
  position: relative;
  cursor: pointer; }

.photo-count {
  font-family: "Calibre-Regular";
  font-size: 16px;
  color: #041022;
  text-align: center;
  width: 160px;
  height: 40px;
  line-height: 37px;
  position: absolute;
  z-index: 10;
  background-color: #ffffff;
  border: 1px solid #d6d7da;
  border-radius: 0;
  bottom: 20px;
  left: calc( (100% - 1280px) / 2);
  /* subtract width of .vehicle-page-header_w and divide by two to get the left position */ }
  .photo-count:hover {
    cursor: pointer; }
  @media only screen and (min-width: 1280px) and (max-width: 1919px) {
    .photo-count {
      left: calc( (100% - 1180px) / 2);
      /* subtract width of .vehicle-page-header_w and divide by two to get the left position */ } }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .photo-count {
      left: 50px; } }
  @media only screen and (max-width: 1023px) {
    .photo-count {
      left: 20px; } }

.lead-photos-desktop {
  position: relative;
  cursor: pointer; }

.photo-gallery-fullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 15; }

.photo-gallery-close-icon {
  position: fixed;
  top: 20px;
  right: 20px;
  color: #ffffff;
  width: 20px;
  height: 20px;
  z-index: 16; }
  .photo-gallery-close-icon:hover {
    cursor: pointer; }

.photo-gallery-fullscreen-content {
  width: 100%;
  height: 100%;
  position: relative; }
  .photo-gallery-fullscreen-content .image-gallery-container {
    height: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .photo-gallery-fullscreen-content .image-gallery-left-nav,
    .photo-gallery-fullscreen-content .image-gallery-right-nav {
      padding: 32px 18px; }
      .photo-gallery-fullscreen-content .image-gallery-left-nav::before,
      .photo-gallery-fullscreen-content .image-gallery-right-nav::before {
        font-size: 40px;
        font-weight: 100; } }
  @media only screen and (min-width: 1024px) {
    .photo-gallery-fullscreen-content .image-gallery-left-nav,
    .photo-gallery-fullscreen-content .image-gallery-right-nav {
      display: none; } }
  @media only screen and (min-width: 1024px) {
    .photo-gallery-fullscreen-content .image-gallery-left-nav {
      left: calc((100% - 870px) * -1); } }
  @media only screen and (min-width: 1024px) {
    .photo-gallery-fullscreen-content .image-gallery-right-nav {
      right: 15px; } }
  .photo-gallery-fullscreen-content .image-gallery-slide-wrapper.bottom {
    width: 100%;
    max-width: 1180px;
    position: fixed;
    top: 34%;
    left: 50%;
    -webkit-transform: translate(-50%, -34%);
            transform: translate(-50%, -34%); }
    @media only screen and (max-width: 1399px) {
      .photo-gallery-fullscreen-content .image-gallery-slide-wrapper.bottom {
        max-width: 870px; } }
    @media only screen and (max-width: 1023px) {
      .photo-gallery-fullscreen-content .image-gallery-slide-wrapper.bottom {
        max-width: 100%; } }
    @media only screen and (max-width: 767px) {
      .photo-gallery-fullscreen-content .image-gallery-slide-wrapper.bottom {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        max-width: 768px; } }
  .photo-gallery-fullscreen-content .image-gallery-image {
    width: 100%;
    max-width: inherit; }
    .photo-gallery-fullscreen-content .image-gallery-image img {
      display: block; }
  .photo-gallery-fullscreen-content .image-gallery-thumbnails-wrapper.bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    padding: 33px 0 20px 0;
    background-color: #000; }
  .photo-gallery-fullscreen-content .image-gallery-thumbnails {
    margin: 0 20px; }

.image-gallery-thumbnails-wrapper.bottom {
  display: none; }
  @media only screen and (min-width: 768px) {
    .image-gallery-thumbnails-wrapper.bottom {
      display: block; } }

.image-gallery-index {
  /* `react-image-gallery` class for image index for window width < `768` */
  display: none; }
  @media only screen and (max-width: 767px) {
    .image-gallery-index {
      display: block;
      top: 100%;
      left: 20px;
      background: none;
      padding-left: 0; }
      .image-gallery-index .image-gallery-index-current {
        font-family: "Calibre-Regular";
        font-size: 12px;
        color: #ffffff; }
      .image-gallery-index .image-gallery-index-separator,
      .image-gallery-index .image-gallery-index-total {
        font-family: "Calibre-Regular";
        font-size: 12px;
        color: #999da3; } }

.photo-pagination {
  /* `react-image-gallery` class for image index for window width >= 768 */
  display: none; }
  @media only screen and (min-width: 768px) {
    .photo-pagination {
      display: block;
      position: fixed;
      bottom: 100px;
      left: 20px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .photo-pagination .photo-pagination-index {
        font-family: "Calibre-Regular";
        font-size: 12px;
        color: #ffffff; }
      .photo-pagination .photo-pagination-total {
        font-family: "Calibre-Regular";
        font-size: 12px;
        color: #999da3; } }

.badge {
  color: white;
  height: 40px;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: -1px;
  margin-left: -1px;
  margin-right: -1px;
  line-height: 40px; }
  @media only screen and (min-width: 768px) {
    .badge {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; } }
  .badge.sold-banner {
    background-color: #58595b; }
    @media only screen and (min-width: 768px) {
      .badge.sold-banner {
        display: none; } }

.slideshow-left-arrow,
.slideshow-right-arrow {
  /* image gallery arrows for window width >= 1024 */
  display: none; }
  @media only screen and (min-width: 1024px) {
    .slideshow-left-arrow,
    .slideshow-right-arrow {
      display: block;
      position: fixed;
      top: 43%;
      -webkit-transform: translateY(-43%);
              transform: translateY(-43%);
      color: #818a91; }
      .slideshow-left-arrow:hover,
      .slideshow-right-arrow:hover {
        cursor: pointer;
        color: #ffffff; } }

.slideshow-left-arrow {
  left: 20px; }

.slideshow-right-arrow {
  right: 20px; }

.dot-nav-clip {
  width: 100%;
  z-index: 45;
  position: absolute;
  bottom: 20px; }
  .dot-nav-clip .dot-nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    margin: 0 auto;
    transition: left 0.4s ease; }
    .dot-nav-clip .dot-nav .dot {
      background-color: #ffffff;
      opacity: 0.5;
      border-radius: 50%;
      margin-right: 8px;
      transition: height 0.2s linear, width 0.2s linear, opacity 0.2s linear; }
      .dot-nav-clip .dot-nav .dot.medium {
        min-height: 6px;
        min-width: 6px; }
      .dot-nav-clip .dot-nav .dot.small {
        min-height: 4px;
        min-width: 4px; }
      .dot-nav-clip .dot-nav .dot.focused {
        opacity: 1;
        min-height: 8px;
        min-width: 8px; }
      .dot-nav-clip .dot-nav .dot.invisible {
        visibility: hidden; }

.suggested-vehicles-container {
  background-color: #f5f5f5;
  padding-top: 50px;
  padding-bottom: 50px; }
  @media only screen and (max-width: 1023px) {
    .suggested-vehicles-container {
      padding-top: 30px;
      padding-bottom: 30px; } }

.suggested-vehicles .text-row {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: baseline;
  width: 100%;
  margin-bottom: 20px; }
  .suggested-vehicles .text-row h3 {
    width: 570px;
    margin-bottom: 0; }
  .suggested-vehicles .text-row h5 {
    height: 14px;
    font-family: "Calibre-Semibold";
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 0; }
    .suggested-vehicles .text-row h5:hover {
      text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    .suggested-vehicles .text-row {
      padding: 0 20px; } }

@media only screen and (min-width: 1280px) {
  .suggested-vehicles .car-list > li {
    width: calc(99.9% * 1/5 - (20px - 20px * 1/5)); }
  .suggested-vehicles .car-list > li:nth-child(1n) {
    float: left;
    margin-right: 20px;
    clear: none; }
  .suggested-vehicles .car-list > li:last-child {
    margin-right: 0; }
  .suggested-vehicles .car-list > li:nth-child(5n) {
    margin-right: 0;
    float: right; }
  .suggested-vehicles .car-list > li:nth-child(5n + 1) {
    clear: both; }
    .suggested-vehicles .car-list > li .subtext {
      padding: 6px 10px; } }

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .suggested-vehicles .car-list > li .subtext .car-title {
    line-height: 20px; }
  .suggested-vehicles .car-list > li .subtext .car-details .trim {
    line-height: 20px; }
  .suggested-vehicles .car-list > li .subtext .car-details .miles {
    line-height: 20px; }
  .suggested-vehicles .car-list > li .subtext .price {
    font-size: 16px;
    line-height: 20px; } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .suggested-vehicles .car-list > li {
    width: calc(99.9% * 1/4 - (20px - 20px * 1/4)); }
  .suggested-vehicles .car-list > li:nth-child(1n) {
    float: left;
    margin-right: 20px;
    clear: none; }
  .suggested-vehicles .car-list > li:last-child {
    margin-right: 0; }
  .suggested-vehicles .car-list > li:nth-child(4n) {
    margin-right: 0;
    float: right; }
  .suggested-vehicles .car-list > li:nth-child(4n + 1) {
    clear: both; }
    .suggested-vehicles .car-list > li .subtext {
      padding: 0.4vw 10px 0.58px 10px; }
      .suggested-vehicles .car-list > li .subtext .car-title {
        font-size: 1.45vw;
        line-height: 2.12vw; }
      .suggested-vehicles .car-list > li .subtext .car-details .trim {
        font-size: 1.45vw;
        line-height: 1.83vw; }
      .suggested-vehicles .car-list > li .subtext .car-details .miles {
        font-size: 1.45vw;
        line-height: 1.83vw; }
      .suggested-vehicles .car-list > li .subtext .price {
        font-size: 1.64vw;
        line-height: 2.51vw; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .suggested-vehicles .car-list > li {
    width: calc(99.9% * 1/3 - (20px - 20px * 1/3)); }
  .suggested-vehicles .car-list > li:nth-child(1n) {
    float: left;
    margin-right: 20px;
    clear: none; }
  .suggested-vehicles .car-list > li:last-child {
    margin-right: 0; }
  .suggested-vehicles .car-list > li:nth-child(3n) {
    margin-right: 0;
    float: right; }
  .suggested-vehicles .car-list > li:nth-child(3n + 1) {
    clear: both; }
    .suggested-vehicles .car-list > li .subtext {
      padding: 0.5vw 10px 0.75vw 10px; }
      .suggested-vehicles .car-list > li .subtext .car-title {
        font-size: 1.8vw;
        line-height: 2.82vw; }
      .suggested-vehicles .car-list > li .subtext .car-details .trim {
        font-size: 1.8vw;
        line-height: 2.45vw; }
      .suggested-vehicles .car-list > li .subtext .car-details .miles {
        font-size: 1.8vw;
        line-height: 2.45vw; }
      .suggested-vehicles .car-list > li .subtext .price {
        font-size: 2vw;
        line-height: 3.35vw; } }

@media only screen and (max-width: 767px) {
  .suggested-vehicles .car-list > li {
    width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
    width: 49.75%;
    border: 0;
    margin-bottom: 0;
    border-radius: 0; }
  .suggested-vehicles .car-list > li:nth-child(1n) {
    float: left;
    margin-right: 20px;
    clear: none; }
  .suggested-vehicles .car-list > li:last-child {
    margin-right: 0; }
  .suggested-vehicles .car-list > li:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .suggested-vehicles .car-list > li:nth-child(2n + 1) {
    clear: both; }
    .suggested-vehicles .car-list > li:nth-child(1) {
      margin-right: 0; }
    .suggested-vehicles .car-list > li .aspect-ratio:before {
      display: block;
      content: '';
      width: 100%;
      padding-top: 130%; }
    .suggested-vehicles .car-list > li .aspect-ratio > * {
      position: absolute;
      top: 0;
      left: 0; }
    .suggested-vehicles .car-list > li .aspect-ratio > .ar-item {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .suggested-vehicles .car-list > li .aspect-ratio article.vehicle-tile .car-image-container {
      width: 100%;
      float: inherit;
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      position: relative; }
      .suggested-vehicles .car-list > li .aspect-ratio article.vehicle-tile .car-image-container:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 66.66667%; }
      .suggested-vehicles .car-list > li .aspect-ratio article.vehicle-tile .car-image-container > * {
        position: absolute;
        top: 0;
        left: 0; }
      .suggested-vehicles .car-list > li .aspect-ratio article.vehicle-tile .car-image-container > img {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
    .suggested-vehicles .car-list > li .aspect-ratio article.vehicle-tile .subtext {
      padding: 2vw 15px 2vw 15px;
      position: relative;
      top: -8px;
      height: 50%; }
      .suggested-vehicles .car-list > li .aspect-ratio article.vehicle-tile .subtext .car-title {
        font-size: 4vw;
        line-height: 6.5vw; }
      .suggested-vehicles .car-list > li .aspect-ratio article.vehicle-tile .subtext .car-details {
        display: flex;
        flex-direction: column; }
        .suggested-vehicles .car-list > li .aspect-ratio article.vehicle-tile .subtext .car-details .trim {
          font-size: 4vw;
          line-height: 6.5vw; }
        .suggested-vehicles .car-list > li .aspect-ratio article.vehicle-tile .subtext .car-details .miles {
          font-size: 4vw;
          line-height: 6.5vw; }
      .suggested-vehicles .car-list > li .aspect-ratio article.vehicle-tile .subtext .price {
        font-size: 4.5vw;
        line-height: 7vw; } }

.vehicle-price-section {
  display: flex;
  height: 560px;
  background-color: #f5f5f5;
  flex-direction: column; }
  @media only screen and (max-width: 1023px) {
    .vehicle-price-section {
      padding: 0 20px 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .vehicle-price-section {
      height: 518px; } }
  @media only screen and (max-width: 767px) {
    .vehicle-price-section {
      height: auto; } }
  .vehicle-price-section .content {
    display: flex;
    flex-direction: row;
    width: 1280px;
    margin: 0 auto; }
    @media only screen and (min-width: 1280px) and (max-width: 1919px) {
      .vehicle-price-section .content {
        width: 1180px; } }
    @media only screen and (max-width: 1279px) {
      .vehicle-price-section .content {
        width: 100%; } }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .vehicle-price-section .content {
        padding: 0 50px; } }
    @media only screen and (min-width: 320px) and (max-width: 1279px) {
      .vehicle-price-section .content {
        justify-content: space-between; } }
    @media only screen and (max-width: 767px) {
      .vehicle-price-section .content {
        flex-direction: column-reverse; } }
  .vehicle-price-section .payment-calculator-title {
    font-family: "Vroom-Sans";
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 1px;
    color: #041022;
    margin-bottom: 5px; }
    .vehicle-price-section .payment-calculator-title.main {
      font-family: "Vroom-Sans";
      font-size: 24px;
      line-height: 28px;
      letter-spacing: 1px;
      margin: 30px 0 15px 0; }
  .vehicle-price-section .payment-calculator {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    width: 50%;
    color: #041022; }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .vehicle-price-section .payment-calculator {
        width: 515px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .vehicle-price-section .payment-calculator {
        margin-top: 30px;
        margin-right: 20px;
        width: 416px; } }
    @media only screen and (max-width: 767px) {
      .vehicle-price-section .payment-calculator {
        width: 100%;
        margin-top: 30px; } }
    .vehicle-price-section .payment-calculator .payment-calculator-subheading {
      font-family: "Calibre-Regular";
      font-size: 18px;
      line-height: 25px;
      margin-bottom: 20px; }
    .vehicle-price-section .payment-calculator .payment-calculator-row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      font-family: "Calibre-Regular";
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 30px; }
      @media only screen and (min-width: 1024px) {
        .vehicle-price-section .payment-calculator .payment-calculator-row {
          font-size: 18px;
          line-height: 25px; } }
      @media only screen and (max-width: 767px) {
        .vehicle-price-section .payment-calculator .payment-calculator-row {
          flex-direction: column;
          align-items: flex-start;
          margin-bottom: 20px; } }
      .vehicle-price-section .payment-calculator .payment-calculator-row label {
        margin-bottom: 0;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .vehicle-price-section .payment-calculator .payment-calculator-row label {
            margin-bottom: 9px; } }
        .vehicle-price-section .payment-calculator .payment-calculator-row label svg {
          position: relative;
          top: 1px;
          margin-left: 5px; }
          .vehicle-price-section .payment-calculator .payment-calculator-row label svg > g > path,
          .vehicle-price-section .payment-calculator .payment-calculator-row label svg > g > g {
            stroke: #e7131a;
            fill: #e7131a; }
      .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-section-title {
        font-family: "Calibre-Regular";
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0; }
        @media only screen and (min-width: 1024px) {
          .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-section-title {
            font-size: 18px;
            line-height: 25px; } }
        @media only screen and (max-width: 767px) {
          .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-section-title {
            margin-bottom: 17px; } }
      .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-section-subtext {
        font-family: "Calibre-Regular";
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.35px;
        color: #999da3;
        margin-bottom: 0;
        position: relative;
        top: 5px; }
      .vehicle-price-section .payment-calculator .payment-calculator-row input {
        height: 40px;
        width: 280px;
        border: 1px solid #d6d7da;
        padding-left: 11px;
        font-size: 16px; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .vehicle-price-section .payment-calculator .payment-calculator-row input {
            width: 230px; } }
        @media only screen and (max-width: 767px) {
          .vehicle-price-section .payment-calculator .payment-calculator-row input {
            width: 100%; } }
      .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group {
        display: flex;
        flex-direction: row;
        height: 50px;
        width: 280px; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group {
            width: 230px; } }
        @media only screen and (max-width: 767px) {
          .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group {
            width: 100%; } }
        .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group .payment-calculator-button,
        .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group .payment-calculator-button-selected {
          box-sizing: border-box;
          display: flex;
          flex: 1 1 0;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          background-color: #ffffff;
          color: #6c717a;
          border: 1px solid #d6d7da;
          cursor: pointer; }
          .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group .payment-calculator-button:not(:last-child),
          .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group .payment-calculator-button-selected:not(:last-child) {
            border-right: 0; }
          .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group .payment-calculator-button .payment-calculator-button-title,
          .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group .payment-calculator-button-selected .payment-calculator-button-title {
            font-family: "Calibre-Medium";
            font-size: 18px; }
            @media only screen and (min-width: 768px) and (max-width: 1023px) {
              .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group .payment-calculator-button .payment-calculator-button-title,
              .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group .payment-calculator-button-selected .payment-calculator-button-title {
                font-size: 16px; } }
          .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group .payment-calculator-button .payment-calculator-button-subtext,
          .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group .payment-calculator-button-selected .payment-calculator-button-subtext {
            font-family: "Calibre-Regular";
            font-size: 13px;
            line-height: 16px; }
        .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group .payment-calculator-button {
          position: relative; }
          .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group .payment-calculator-button:hover::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border: 2px solid #6c717a;
            cursor: pointer; }
        .vehicle-price-section .payment-calculator .payment-calculator-row .payment-calculator-button-group .payment-calculator-button-selected {
          background-color: #6c717a;
          color: #ffffff; }
  .vehicle-price-section .trade-in-pdp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .vehicle-price-section .trade-in-pdp {
        max-width: 325px; } }
    @media only screen and (max-width: 767px) {
      .vehicle-price-section .trade-in-pdp {
        margin-top: 10px; } }
    .vehicle-price-section .trade-in-pdp h5 {
      font-family: "Calibre-Semibold";
      font-size: 20px;
      line-height: 26px;
      color: #041022;
      margin-bottom: 15px; }
      @media only screen and (min-width: 768px) and (max-width: 1279px) {
        .vehicle-price-section .trade-in-pdp h5 {
          margin-bottom: 15px; } }
      @media only screen and (max-width: 767px) {
        .vehicle-price-section .trade-in-pdp h5 {
          position: relative; } }
    .vehicle-price-section .trade-in-pdp a {
      font-family: "Calibre-Semibold";
      font-size: 16px;
      line-height: 16px;
      letter-spacing: 1.25px;
      text-transform: uppercase;
      margin-left: 5px; }
      .vehicle-price-section .trade-in-pdp a:hover {
        text-decoration: underline; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .vehicle-price-section .trade-in-pdp a {
          margin-left: 10px; } }
      @media only screen and (max-width: 767px) {
        .vehicle-price-section .trade-in-pdp a {
          display: inline;
          position: relative; } }
    .vehicle-price-section .trade-in-pdp ul {
      display: flex;
      flex-direction: row; }
      @media only screen and (max-width: 1279px) {
        .vehicle-price-section .trade-in-pdp ul {
          flex-wrap: wrap; } }
      @media only screen and (min-width: 768px) {
        .vehicle-price-section .trade-in-pdp ul {
          justify-content: space-between; } }
      @media only screen and (max-width: 767px) {
        .vehicle-price-section .trade-in-pdp ul {
          flex-direction: column;
          flex-wrap: nowrap; } }
      .vehicle-price-section .trade-in-pdp ul li {
        display: flex;
        flex-direction: row;
        align-items: center;
        list-style: none;
        margin-right: 33.5px; }
        @media only screen and (min-width: 768px) and (max-width: 1279px) {
          .vehicle-price-section .trade-in-pdp ul li {
            margin-bottom: 15px;
            margin-right: 0; }
            .vehicle-price-section .trade-in-pdp ul li.Seamless-process {
              position: relative;
              left: 12px; } }
        @media only screen and (max-width: 767px) {
          .vehicle-price-section .trade-in-pdp ul li {
            margin-bottom: 5px; } }
        .vehicle-price-section .trade-in-pdp ul li svg {
          width: 12px;
          height: 12px;
          margin-right: 5.5px;
          fill: #e7131a; }
          @media only screen and (min-width: 768px) {
            .vehicle-price-section .trade-in-pdp ul li svg {
              margin-right: 7.5px; } }
        .vehicle-price-section .trade-in-pdp ul li span {
          font-family: "Calibre-Regular";
          font-size: 16px;
          line-height: 22px;
          color: #041022;
          white-space: nowrap; }
  .vehicle-price-section .payment-display-container {
    width: 380px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-color: #ffffff;
    border: solid 1px #d6d7da;
    margin: 50px 0 0 188px; }
    @media only screen and (max-width: 1279px) {
      .vehicle-price-section .payment-display-container {
        margin-left: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .vehicle-price-section .payment-display-container {
        width: 290px;
        margin: auto; } }
    @media only screen and (max-width: 1023px) {
      .vehicle-price-section .payment-display-container {
        font-size: 14px;
        margin-top: 30px; } }
    @media only screen and (max-width: 767px) {
      .vehicle-price-section .payment-display-container {
        width: 100%;
        margin: 0; } }
    .vehicle-price-section .payment-display-container .label {
      width: 100%;
      height: 24px;
      background-color: #041022; }
      .vehicle-price-section .payment-display-container .label h6 {
        font-family: "Calibre-Bold";
        font-size: 12px;
        line-height: inherit;
        letter-spacing: 1.25px;
        text-transform: uppercase;
        color: #ffffff;
        margin-left: 20px;
        margin-bottom: 0; }
    .vehicle-price-section .payment-display-container hr {
      margin: 10px 0; }
    .vehicle-price-section .payment-display-container .payment-display {
      padding: 20px;
      padding-top: 10px;
      font-family: "Calibre-Regular";
      font-size: 18px;
      color: #041022; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .vehicle-price-section .payment-display-container .payment-display {
          font-size: 16px; } }
      .vehicle-price-section .payment-display-container .payment-display .above-line {
        margin-bottom: 20px; }
      .vehicle-price-section .payment-display-container .payment-display__note {
        font-size: 12px;
        color: #6c717a;
        position: absolute;
        top: 20px;
        margin-bottom: 20px; }
      .vehicle-price-section .payment-display-container .payment-display__link {
        color: inherit; }
      .vehicle-price-section .payment-display-container .payment-display ul {
        width: 100%; }
        .vehicle-price-section .payment-display-container .payment-display ul li {
          display: flex;
          justify-content: space-between;
          width: 100%;
          list-style: none;
          line-height: 40px;
          white-space: nowrap;
          position: relative; }
          .vehicle-price-section .payment-display-container .payment-display ul li.total-price {
            margin-bottom: 20px; }
          .vehicle-price-section .payment-display-container .payment-display ul li .estimated-payment {
            font-family: "Calibre-Semibold";
            font-size: 20px; }
      .vehicle-price-section .payment-display-container .payment-display .text-button-container {
        margin-top: 10px; }
      .vehicle-price-section .payment-display-container .payment-display .btn-get-financed {
        width: 100%;
        font-family: "Calibre-Semibold";
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 1.75px;
        position: relative;
        bottom: 0;
        text-transform: uppercase;
        letter-spacing: 1px; }

.vehicle-page-header {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  transition: background-color 0.5s ease;
  color: #041022;
  padding: 20px 0px;
  letter-spacing: 0.25px; }
  @media only screen and (max-width: 767px) {
    .vehicle-page-header {
      padding: 15px 20px; } }
  .vehicle-page-header .header-container {
    width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between; }
    @media only screen and (min-width: 1280px) and (max-width: 1919px) {
      .vehicle-page-header .header-container {
        width: 1180px; } }
    @media only screen and (max-width: 1279px) {
      .vehicle-page-header .header-container {
        width: 100%;
        padding: 0 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .vehicle-page-header .header-container {
        padding: 0 20px; } }
    @media only screen and (max-width: 767px) {
      .vehicle-page-header .header-container {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start; } }
  .vehicle-page-header.sticky {
    width: 100vw;
    max-width: 1920px;
    position: fixed;
    top: 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    z-index: 15; }
  .vehicle-page-header .vehicle-title-section {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    .vehicle-page-header .vehicle-title-section .vehicle-title {
      margin: 5px 0px;
      font-family: "Calibre-Semibold";
      font-size: 20px;
      line-height: 26px; }
      @media only screen and (min-width: 1024px) {
        .vehicle-page-header .vehicle-title-section .vehicle-title {
          font-size: 28px;
          line-height: 34px; } }
      @media only screen and (max-width: 767px) {
        .vehicle-page-header .vehicle-title-section .vehicle-title {
          text-align: center;
          margin: 0; } }
    .vehicle-page-header .vehicle-title-section .vehicle-title-details {
      display: flex;
      flex-direction: row;
      align-items: center;
      font-family: "Calibre-Regular";
      font-size: 16px;
      line-height: 22px; }
      @media only screen and (min-width: 1024px) {
        .vehicle-page-header .vehicle-title-section .vehicle-title-details {
          font-size: 18px;
          line-height: 25px; } }
      @media only screen and (max-width: 767px) {
        .vehicle-page-header .vehicle-title-section .vehicle-title-details {
          justify-content: center;
          line-height: 1;
          margin-top: 8px; }
          .vehicle-page-header .vehicle-title-section .vehicle-title-details span {
            white-space: nowrap; }
          .vehicle-page-header .vehicle-title-section .vehicle-title-details .vertical-divider {
            display: block; } }
  .vehicle-page-header .vehicle-action-section {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: flex-end;
    align-items: flex-start; }
    .vehicle-page-header .vehicle-action-section .price-section {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .vehicle-page-header .vehicle-action-section .price-section {
          flex-direction: column-reverse;
          align-items: center; } }
      .vehicle-page-header .vehicle-action-section .price-section .calculator-link {
        display: flex;
        flex-direction: row;
        align-items: center; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .vehicle-page-header .vehicle-action-section .price-section .calculator-link {
            height: 24px; } }
        .vehicle-page-header .vehicle-action-section .price-section .calculator-link .payment-calculator {
          margin: 0px 0px 0px 8px;
          font-family: "Calibre-Regular";
          font-size: 16px;
          line-height: 22px;
          color: #e7131a;
          cursor: pointer; }
          .vehicle-page-header .vehicle-action-section .price-section .calculator-link .payment-calculator:hover {
            text-decoration: underline; }
          @media only screen and (min-width: 1024px) {
            .vehicle-page-header .vehicle-action-section .price-section .calculator-link .payment-calculator {
              font-size: 18px;
              line-height: 25px; } }
        .vehicle-page-header .vehicle-action-section .price-section .calculator-link span:hover {
          text-decoration: underline;
          cursor: pointer; }
      .vehicle-page-header .vehicle-action-section .price-section .estimated-payment {
        margin: 0px 10px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        font-family: "Calibre-Semibold";
        color: #041022; }
        @media only screen and (max-width: 767px) {
          .vehicle-page-header .vehicle-action-section .price-section .estimated-payment {
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin: 10px 0px; } }
        .vehicle-page-header .vehicle-action-section .price-section .estimated-payment .price {
          margin: 5px 0px;
          position: relative;
          font-size: 20px;
          line-height: 26px; }
          @media only screen and (min-width: 1024px) {
            .vehicle-page-header .vehicle-action-section .price-section .estimated-payment .price {
              font-size: 28px;
              line-height: 34px; } }
          @media only screen and (max-width: 767px) {
            .vehicle-page-header .vehicle-action-section .price-section .estimated-payment .price {
              margin: 0px 10px; } }
        .vehicle-page-header .vehicle-action-section .price-section .estimated-payment .monthly-fee {
          display: flex;
          font-size: 18px;
          line-height: 25px;
          margin: 0px; }
          @media only screen and (max-width: 767px) {
            .vehicle-page-header .vehicle-action-section .price-section .estimated-payment .monthly-fee {
              font-family: "Calibre-Medium";
              margin: 0px 10px; } }
          .vehicle-page-header .vehicle-action-section .price-section .estimated-payment .monthly-fee span {
            font-family: "Calibre-Regular"; }

.button-section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px; }
  @media only screen and (max-width: 767px) {
    .button-section {
      width: 100%;
      margin-left: 0; }
      .button-section .cta {
        padding: 0px 5px; } }
  .button-section .two-buttons {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 5px 0px; }
    @media only screen and (max-width: 767px) {
      .button-section .two-buttons {
        margin: 0px 0px 5px; } }
  @media only screen and (max-width: 767px) {
    .button-section .button-align-hold {
      width: 35%; } }
  @media only screen and (max-width: 767px) {
    .button-section .button-align-purchase {
      width: 65%; } }
  .button-section .btn {
    margin-right: 10px;
    padding: 14px 28px;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 1.75px;
    font-family: "Calibre-Semibold";
    font-weight: 600;
    letter-spacing: 1px; }
    .button-section .btn.btn-purchase, .button-section .btn.notify-button {
      margin-right: 0;
      padding: 14px 47px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .button-section .btn.btn-purchase, .button-section .btn.notify-button {
          padding: 14px 27px;
          width: 100%; } }
    @media only screen and (max-width: 767px) {
      .button-section .btn.btn-hold {
        width: 100%;
        padding: 11px 0; } }
    @media only screen and (max-width: 767px) {
      .button-section .btn.btn-purchase {
        width: 100%;
        padding: 11px 0; } }
    .button-section .btn.btn-hold-big, .button-section .btn.btn-get-financed, .button-section .btn.btn-contact-me {
      margin-right: 0;
      padding: 14px 70px; }
      @media only screen and (max-width: 767px) {
        .button-section .btn.btn-hold-big, .button-section .btn.btn-get-financed, .button-section .btn.btn-contact-me {
          width: 100%; } }
    .button-section .btn.notify-button.simple, .button-section .btn.btn-contact-me.simple {
      color: #e7131a;
      font-size: 14px;
      text-transform: uppercase;
      border: 0;
      background: none;
      padding: 0;
      margin-top: 10px;
      letter-spacing: 1px; }
      .button-section .btn.notify-button.simple:hover, .button-section .btn.btn-contact-me.simple:hover {
        color: #1960d0;
        text-decoration: underline; }
    .button-section .btn.disabled {
      background-color: #d6d7da;
      cursor: not-allowed; }
  .button-section .text-button-container {
    position: relative;
    width: 100%;
    padding-bottom: 25px; }
    .button-section .text-button-container .msg-text {
      position: absolute;
      text-align: center;
      width: 100%;
      margin: 0px;
      bottom: -3px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media only screen and (min-width: 768px) {
        .button-section .text-button-container .msg-text {
          bottom: -5px; } }
      .button-section .text-button-container .msg-text--notify {
        white-space: nowrap;
        color: #041022; }
        .button-section .text-button-container .msg-text--notify span {
          font-family: "Calibre-Semibold"; }
      .button-section .text-button-container .msg-text svg {
        width: 18px;
        height: 19px;
        margin-right: 5px; }

.phone-prompt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #041022;
  border-left: 1px solid #e0e0e0;
  padding-left: 22px;
  height: 67px; }
  @media only screen and (max-width: 767px) {
    .phone-prompt {
      border-left: 0;
      padding-left: 0;
      width: 100%;
      font-size: 16px;
      line-height: 22px;
      text-align: center; } }
  .phone-prompt a {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0;
    color: #041022; }
    @media only screen and (max-width: 767px) {
      .phone-prompt a {
        height: 40px;
        background-color: #e7131a;
        text-transform: uppercase;
        color: white;
        font-family: "Calibre-Regular";
        width: 100%;
        display: inline;
        margin-bottom: 5px; } }
  .phone-prompt img {
    width: 25px;
    height: 25px;
    margin-right: 5px; }
  .phone-prompt .text-button-container {
    padding-bottom: 0; }

.details-features {
  letter-spacing: 0.25px; }
  .details-features .mobile-headers {
    display: flex;
    flex-direction: row;
    padding: 18px;
    cursor: pointer;
    height: 64px; }
    .details-features .mobile-headers .header {
      width: 50%;
      text-align: center;
      font-family: "Calibre-Medium";
      font-size: 18px;
      line-height: 25px;
      color: #e7131a; }
      .details-features .mobile-headers .header h4 {
        margin-bottom: 2px;
        color: #041022; }
      .details-features .mobile-headers .header .header-underline {
        display: none;
        width: 75px;
        height: 2px;
        background-color: #e7131a;
        margin: 0 auto; }
        .details-features .mobile-headers .header .header-underline.features-underline {
          width: 57px; }
      .details-features .mobile-headers .header.focused .header-underline {
        display: block; }
    .details-features .mobile-headers.sticky {
      position: fixed;
      width: 100vw;
      background-color: #f5f5f5;
      top: 0;
      left: 0;
      z-index: 15; }
    .details-features .mobile-headers.hidden {
      display: none; }
  @media only screen and (max-width: 767px) {
    .details-features .vehicle-section {
      display: none; }
      .details-features .vehicle-section.visible {
        display: flex;
        flex-direction: column; }
        .details-features .vehicle-section.visible ul.vehicle-list {
          width: 100%;
          padding: 0 22px 0 20px; } }
  .details-features .vehicle-section .safety-recall {
    white-space: nowrap; }
    .details-features .vehicle-section .safety-recall:hover {
      color: #e7131a;
      text-decoration: underline; }
  .details-features .vehicle-section .horizontal-divider {
    height: 1px;
    background-color: #d6d7da;
    margin: 20px 20px 25px 20px;
    display: none; }
    @media only screen and (max-width: 767px) {
      .details-features .vehicle-section .horizontal-divider {
        display: block; } }
  .details-features .vehicle-section.image-gallery {
    display: inline-block; }
  .details-features .vehicle-section .photo-gallery-lead {
    width: 100%;
    height: auto; }
  .details-features .vehicle-section .section-header {
    margin: 0 0 20px; }
    @media only screen and (max-width: 767px) {
      .details-features .vehicle-section .section-header {
        display: none; } }
    @media only screen and (min-width: 768px) {
      .details-features .vehicle-section .section-header {
        font-family: "Vroom-Sans";
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 1px; } }
  .details-features .vehicle-section ul {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 50%; }
    @media only screen and (max-width: 767px) {
      .details-features .vehicle-section ul {
        width: 100%; } }
    .details-features .vehicle-section ul .list-header {
      margin-bottom: 10px;
      color: #999da3;
      font-family: "Calibre-Bold";
      font-size: 12px;
      line-height: 12px;
      letter-spacing: 1px;
      text-transform: uppercase; }
      @media only screen and (min-width: 768px) {
        .details-features .vehicle-section ul .list-header {
          margin-bottom: 20px; } }
      @media only screen and (min-width: 1024px) {
        .details-features .vehicle-section ul .list-header {
          letter-spacing: 1.25px; } }
    .details-features .vehicle-section ul > li .title {
      font-family: "Calibre-Medium";
      font-size: 16px;
      line-height: 22px; }
      @media only screen and (min-width: 1024px) {
        .details-features .vehicle-section ul > li .title {
          font-size: 18px;
          line-height: 25px; } }
    .details-features .vehicle-section ul > li p {
      font-family: "Calibre-Regular";
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.35px; }
      @media only screen and (min-width: 1024px) {
        .details-features .vehicle-section ul > li p {
          font-size: 16px;
          line-height: 22px;
          letter-spacing: 0.25px; } }
    .details-features .vehicle-section ul > li .basic-detail {
      font-family: "Calibre-Regular";
      font-size: 16px;
      line-height: 32px;
      color: #6c717a; }
      @media only screen and (min-width: 1024px) {
        .details-features .vehicle-section ul > li .basic-detail {
          font-size: 18px;
          line-height: 36px; } }
    .details-features .vehicle-section ul > li .list-content {
      font-family: "Calibre-Regular";
      font-size: 16px;
      line-height: 32px;
      color: #041022;
      margin-left: 5px; }
      @media only screen and (min-width: 1024px) {
        .details-features .vehicle-section ul > li .list-content {
          font-size: 18px;
          line-height: 36px; } }
  .details-features .vehicle-section ul.vehicle-list {
    width: 33.3%;
    padding-right: 10px; }
    .details-features .vehicle-section ul.vehicle-list .history-links {
      display: flex;
      flex-direction: row; }
      .details-features .vehicle-section ul.vehicle-list .history-links a {
        margin-left: 5px; }
      .details-features .vehicle-section ul.vehicle-list .history-links p {
        white-space: nowrap; }
    .details-features .vehicle-section ul.vehicle-list li {
      display: flex; }
    @media only screen and (max-width: 767px) {
      .details-features .vehicle-section ul.vehicle-list:not(.highlight-list) span {
        width: 50%; } }
  .details-features .vehicle-section .features-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .details-features .vehicle-section .features-list {
        margin-left: 30px; } }
    .details-features .vehicle-section .features-list li {
      width: 100%;
      line-height: 32px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media only screen and (min-width: 768px) {
        .details-features .vehicle-section .features-list li {
          width: 33%; } }
      @media only screen and (min-width: 1024px) {
        .details-features .vehicle-section .features-list li {
          font-size: 18px;
          line-height: 32px; } }
      .details-features .vehicle-section .features-list li .bullet {
        margin-right: 5px; }
    .details-features .vehicle-section .features-list .show-me-what-you-got {
      font-family: "Calibre-Semibold";
      font-size: 16px;
      line-height: 16px;
      letter-spacing: 1.25px;
      text-transform: uppercase;
      color: #e7131a;
      letter-spacing: 1px;
      cursor: pointer; }
      .details-features .vehicle-section .features-list .show-me-what-you-got:hover {
        text-decoration: underline; }
  .details-features .highlight-list li {
    display: flex;
    flex-direction: column;
    color: #041022;
    margin-bottom: 18px; }
    .details-features .highlight-list li .title {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .details-features .highlight-list li .title img:not(.carfax) {
        width: 22px;
        height: auto;
        margin-right: 10px; }
      .details-features .highlight-list li .title .carfax {
        width: 53px;
        position: relative;
        top: 2px;
        margin-left: 10px; }
    .details-features .highlight-list li p {
      margin: 0 0 0 32px;
      max-width: 280px; }
      @media only screen and (max-width: 1023px) {
        .details-features .highlight-list li p {
          max-width: 180px; } }
      @media only screen and (max-width: 767px) {
        .details-features .highlight-list li p {
          max-width: 100%; } }
      .details-features .highlight-list li p a:hover {
        text-decoration: underline; }
    .details-features .highlight-list li.manufacturer img {
      width: 25px; }
    .details-features .highlight-list li.manufacturer p {
      margin-right: 35px; }
  .details-features .disclaimer {
    margin-top: 30px;
    font-family: "Calibre-Regular";
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.35px;
    color: #6c717a; }
    .details-features .disclaimer span {
      font-family: "Calibre-Semibold"; }
    .details-features .disclaimer a:hover {
      text-decoration: underline; }
    .details-features .disclaimer a:focus {
      color: #e7131a; }
    @media only screen and (max-width: 767px) {
      .details-features .disclaimer {
        margin: 20px; } }

.image-thumb-banner {
  height: 160px;
  width: 100%;
  display: flex;
  flex-direction: row;
  cursor: pointer; }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .image-thumb-banner {
      height: 114px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .image-thumb-banner {
      height: 86px; } }
  @media only screen and (max-width: 767px) {
    .image-thumb-banner {
      flex-wrap: wrap;
      height: auto; } }
  .image-thumb-banner img {
    height: 100%;
    width: auto; }
    @media only screen and (max-width: 767px) {
      .image-thumb-banner img {
        width: 50%; } }

.ebay-offer {
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .ebay-offer .body-container p {
      display: inline; } }
  .ebay-offer p {
    font-family: "Calibre-Regular";
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.25px;
    margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .ebay-offer p {
        font-size: 14px;
        line-height: 20px; } }
    .ebay-offer p a {
      white-space: nowrap; }
    .ebay-offer p .phone {
      font-weight: bold;
      color: #041022; }
    .ebay-offer p.fine-print {
      margin-top: 10px;
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.35px; }
      @media only screen and (min-width: 768px) {
        .ebay-offer p.fine-print {
          margin-top: 15px; } }
  .ebay-offer .stafford:hover {
    text-decoration: underline; }

.ebay-offer.pdp {
  flex-direction: column;
  width: 100%;
  height: 200px;
  padding: 25px 0;
  background-color: #fee8e9; }
  @media only screen and (max-width: 767px) {
    .ebay-offer.pdp {
      height: auto;
      padding: 20px;
      text-align: center; } }
  .ebay-offer.pdp .logo-area {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    height: 30px;
    margin-bottom: 15px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .ebay-offer.pdp .logo-area {
        height: 26.5px; } }
    .ebay-offer.pdp .logo-area .ebay-logo {
      height: 25px;
      width: auto; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .ebay-offer.pdp .logo-area .ebay-logo {
          height: 22.5px; } }
    .ebay-offer.pdp .logo-area .vertical-divider-ebay {
      width: 1px;
      height: 25px;
      background-color: #999da3;
      margin: 0 15px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .ebay-offer.pdp .logo-area .vertical-divider-ebay {
          height: 22.5px; } }
    .ebay-offer.pdp .logo-area .tda-logo {
      height: 25px;
      width: 195px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .ebay-offer.pdp .logo-area .tda-logo {
          height: 26.5px; } }
  .ebay-offer.pdp br {
    display: none; }
  .ebay-offer.pdp .text-area {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .ebay-offer.pdp h2 {
    font-family: "Vroom-Sans";
    font-size: 18px;
    color: #041022;
    margin-bottom: 10px; }
  .ebay-offer.pdp .body-container {
    text-align: center; }

.ebay-offer.catalog {
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 30px;
  border-radius: 0;
  background-color: white;
  color: #041022; }
  @media only screen and (max-width: 1099px) {
    .ebay-offer.catalog {
      padding: 20px 30px; } }
  @media only screen and (max-width: 899px) {
    .ebay-offer.catalog {
      padding: 20px 25px; } }
  @media only screen and (max-width: 767px) {
    .ebay-offer.catalog {
      padding: 20px 25px;
      flex-direction: column;
      border-radius: 0; } }
  .ebay-offer.catalog .logo-area {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .ebay-offer.catalog .logo-area {
        flex-direction: row;
        align-items: flex-end;
        margin-bottom: 10px;
        height: 22.5px; } }
    .ebay-offer.catalog .logo-area .logo {
      height: 45px;
      width: auto; }
      @media only screen and (max-width: 1299px) {
        .ebay-offer.catalog .logo-area .logo {
          height: 40px; } }
      @media only screen and (max-width: 1099px) {
        .ebay-offer.catalog .logo-area .logo {
          height: 30px; } }
      @media only screen and (max-width: 767px) {
        .ebay-offer.catalog .logo-area .logo {
          height: 22.5px; } }
      .ebay-offer.catalog .logo-area .logo.ebay-logo {
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .ebay-offer.catalog .logo-area .logo.ebay-logo {
            margin-bottom: 0; } }
  .ebay-offer.catalog .vertical-divider-ebay {
    height: 100%;
    width: 1px;
    background-color: #d6d7da;
    margin: 0 37px; }
    @media only screen and (max-width: 1099px) {
      .ebay-offer.catalog .vertical-divider-ebay {
        width: 2px; } }
    @media only screen and (max-width: 767px) {
      .ebay-offer.catalog .vertical-divider-ebay {
        margin: 0 10px; } }
  @media only screen and (max-width: 767px) {
    .ebay-offer.catalog .text-area {
      text-align: center; } }
  .ebay-offer.catalog .text-area h2 {
    font-family: "Vroom-Sans";
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 1px; }
    @media only screen and (max-width: 1099px) {
      .ebay-offer.catalog .text-area h2 {
        font-size: 24px; } }
    @media only screen and (max-width: 767px) {
      .ebay-offer.catalog .text-area h2 {
        font-size: 24px;
        line-height: 28px; } }
  @media only screen and (max-width: 767px) {
    .ebay-offer.catalog .text-area .body-container {
      line-height: 16px; } }
  @media only screen and (max-width: 1099px) {
    .ebay-offer.catalog .text-area p {
      font-size: 14px;
      line-height: 20px; } }
  @media only screen and (max-width: 767px) {
    .ebay-offer.catalog .text-area p {
      font-size: 12px;
      line-height: 16px; } }
  .ebay-offer.catalog .text-area p.fine-print {
    font-family: "Calibre-Regular"; }
  @media only screen and (max-width: 1099px) {
    .ebay-offer.catalog.filter-open {
      padding: 20px; } }
  @media only screen and (max-width: 899px) {
    .ebay-offer.catalog.filter-open {
      border-radius: 0; } }
  @media only screen and (max-width: 1299px) {
    .ebay-offer.catalog.filter-open .logo {
      height: 30px; } }
  @media only screen and (max-width: 1099px) {
    .ebay-offer.catalog.filter-open .logo {
      height: 20px; } }
  @media only screen and (max-width: 899px) {
    .ebay-offer.catalog.filter-open .logo {
      height: 18px; } }
  @media only screen and (max-width: 899px) {
    .ebay-offer.catalog.filter-open .ebay-logo {
      margin-bottom: 10px; } }
  @media only screen and (max-width: 1099px) {
    .ebay-offer.catalog.filter-open .vertical-divider-ebay {
      margin: 0 25px; } }
  @media only screen and (max-width: 1299px) {
    .ebay-offer.catalog.filter-open .body-container {
      line-height: 16px; } }
  @media only screen and (max-width: 1099px) {
    .ebay-offer.catalog.filter-open .body-container p {
      display: inline; } }
  @media only screen and (min-width: 1100px) {
    .ebay-offer.catalog.filter-open h2 {
      font-size: 28px;
      line-height: 32px; } }
  @media only screen and (max-width: 1099px) {
    .ebay-offer.catalog.filter-open h2 {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 7px; } }
  @media only screen and (max-width: 1299px) {
    .ebay-offer.catalog.filter-open p {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.25px; } }
  @media only screen and (max-width: 899px) {
    .ebay-offer.catalog.filter-open p {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.35px; } }
  .ebay-offer.catalog.filter-open p.fine-print {
    font-size: 12px; }
    @media only screen and (max-width: 1099px) {
      .ebay-offer.catalog.filter-open p.fine-print {
        margin-top: 7px; } }
    @media only screen and (max-width: 899px) {
      .ebay-offer.catalog.filter-open p.fine-print {
        font-size: 10px; } }

.peace-of-mind {
  background-color: #ffffff;
  width: 100%;
  color: #041022;
  padding: 50px; }
  @media only screen and (max-width: 1023px) {
    .peace-of-mind {
      padding: 30px 20px; } }
  @media only screen and (max-width: 767px) {
    .peace-of-mind {
      height: auto; } }
  .peace-of-mind .peace-of-mind-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 1180px; }
  .peace-of-mind h3 {
    font-family: "Vroom-Sans";
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 1px;
    text-align: left;
    margin-bottom: 26px; }
    @media only screen and (min-width: 1024px) {
      .peace-of-mind h3 {
        font-family: "Vroom-Sans";
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 1px; } }
  .peace-of-mind .items {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .peace-of-mind .items {
        flex-direction: column;
        justify-content: space-between; } }
  .peace-of-mind .item {
    margin-right: 35px;
    display: flex;
    flex-direction: row; }
    @media only screen and (max-width: 767px) {
      .peace-of-mind .item {
        margin-bottom: 40px; }
        .peace-of-mind .item:last-child {
          margin-bottom: 0; } }
    .peace-of-mind .item svg {
      min-width: 22px;
      max-width: 22px;
      min-height: 22px;
      max-height: 22px;
      margin-right: 10px;
      margin-top: 2px; }
    .peace-of-mind .item .text {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      .peace-of-mind .item .text h4 {
        font-family: "Calibre-Semibold";
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 5px; }
        @media only screen and (min-width: 1024px) {
          .peace-of-mind .item .text h4 {
            font-size: 20px;
            line-height: 26px; } }
      .peace-of-mind .item .text p {
        font-family: "Calibre-Regular";
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0; }
        @media only screen and (min-width: 1024px) {
          .peace-of-mind .item .text p {
            font-size: 18px;
            line-height: 25px; } }

.breadcrumbs {
  width: 1180px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 30px;
  margin: 0 auto;
  font-family: "Calibre-Regular";
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px; }
  @media only screen and (max-width: 1919px) {
    .breadcrumbs {
      width: 1180px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .breadcrumbs {
      width: 100%;
      padding-right: 50px;
      padding-left: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .breadcrumbs {
      width: 100%;
      padding-right: 20px;
      padding-left: 20px; } }
  .breadcrumbs a:hover {
    text-decoration: underline; }
  .breadcrumbs .guillemet:not(.link), .breadcrumbs li + li:not(.link):before {
    color: #041022;
    margin: 0 5px; }
  .breadcrumbs .vertical-divider {
    height: 11px;
    background-color: #041022; }
  .breadcrumbs ul {
    display: flex;
    flex-direction: row;
    list-style: none; }
  .breadcrumbs li + li:before {
    content: '›'; }

.state-banner {
  position: absolute;
  top: 0;
  padding: 5px 8px;
  text-align: center;
  color: #041022;
  font-family: "Calibre-Bold";
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  white-space: nowrap; }
  @media only screen and (max-width: 767px) {
    .state-banner {
      position: absolute;
      z-index: 15;
      left: 0; } }
  .state-banner--pending {
    color: #041022;
    background-color: #ffd400; }
  .state-banner--hold {
    color: #ffffff;
    background-color: #308406; }
  .state-banner--info {
    color: #ffffff;
    background-color: #58595b; }

.legal-pricing {
  padding: 0 20px 30px;
  display: flex;
  justify-content: center;
  background-color: #f5f5f5; }
  .legal-pricing__content {
    max-width: 1180px;
    font-family: "Calibre-Regular";
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.35px;
    color: #6c717a; }
  .legal-pricing__text {
    margin-bottom: 5px; }
  @media only screen and (min-width: 1024px) {
    .legal-pricing__content {
      margin: 0px 50px 75px; } }

.landingpage {
  margin-top: -70px;
  position: relative; }
  .landingpage .bg-image-div, .landingpage section.marquee {
    display: block;
    background-position: center top;
    background-size: cover; }
  .landingpage .homepage-section-title {
    font-family: "Vroom-Sans";
    font-size: 42px;
    line-height: 1.1;
    letter-spacing: 1px;
    text-align: center;
    color: #041022; }
  .landingpage section {
    position: relative;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0; }
    .landingpage section h6 {
      font-family: "Calibre-Semibold";
      font-size: 14px;
      line-height: 1.71;
      color: #041022;
      text-transform: uppercase;
      padding-bottom: 0.625rem;
      margin-bottom: 0; }
    .landingpage section a {
      cursor: pointer; }
  .landingpage .section-bullets {
    position: relative;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .landingpage .section-bullets {
        width: 100%;
        margin: 0; } }
    .landingpage .section-bullets .section-bullets-bullet {
      overflow: hidden;
      position: relative; }
      .landingpage .section-bullets .section-bullets-bullet .title {
        font-family: "Calibre-Semibold";
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: 0.3px;
        color: #041022;
        margin-top: 0; }
      .landingpage .section-bullets .section-bullets-bullet .description {
        font-family: "Calibre-Regular";
        font-size: 18px;
        line-height: 1.39;
        letter-spacing: 0.3px;
        color: #041022;
        margin-left: auto;
        margin-right: auto; }
      .landingpage .section-bullets .section-bullets-bullet .content {
        text-align: left; }
      .landingpage .section-bullets .section-bullets-bullet .section-bullets-bullet-title {
        font-family: "Calibre-Bold";
        font-size: 12px;
        line-height: 1.17;
        letter-spacing: 1.3px;
        color: #041022;
        text-transform: uppercase; }
  .landingpage .btn-primary {
    padding: 14.5px 45px; }
  @media only screen and (max-width: 767px) {
    .landingpage .browse-link {
      padding: 6px 30px; } }

section.marquee {
  padding-top: 70px;
  background-position: center top;
  background-size: cover;
  height: 650px;
  background-position: center top;
  position: relative; }
  @media only screen and (max-width: 1023px) {
    section.marquee {
      height: 420px; } }
  section.marquee:before {
    content: ' ';
    background-position: center top;
    background-size: cover;
    height: 650px;
    display: block;
    z-index: 0;
    width: 100vw;
    position: absolute;
    top: 0;
    transition: background 1.5s linear;
    box-shadow: -10px -5px black;
    opacity: 1;
    transition: opacity 2s 1s;
    -webkit-filter: blur(4px);
            filter: blur(4px);
    background-image: url(/f6a354195cbc2caf0ad8836a173a3e05.png); }
    @media only screen and (max-width: 1279px) {
      section.marquee:before {
        background-image: url(/efe78463c983b58faa0a7f237f66789e.png); } }
    @media only screen and (max-width: 1023px) {
      section.marquee:before {
        height: 420px;
        background-image: url(/5cfe9e3ab08bbbe79f09fb4d20b1b966.png); } }
    @media only screen and (max-width: 767px) {
      section.marquee:before {
        background-image: none;
        box-shadow: none; } }
  section.marquee.loaded:before {
    opacity: 0; }
  @media only screen and (max-width: 767px) {
    section.marquee {
      background-color: #e7131a; } }
  section.marquee .jumbotron.hero {
    position: absolute;
    margin: auto;
    padding: 0;
    padding-top: 60px;
    border: 0 none;
    border-radius: 0;
    background-color: transparent;
    top: 0;
    bottom: 0;
    right: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2; }
    @media only screen and (max-width: 1023px) {
      section.marquee .jumbotron.hero {
        width: calc(100% - 40px); } }
    @media only screen and (min-width: 768px) {
      section.marquee .jumbotron.hero {
        padding-top: 100px; } }
    @media only screen and (min-width: 1024px) {
      section.marquee .jumbotron.hero {
        width: calc(100% - 100px);
        max-width: 1180px;
        padding-top: 90px; } }
    @media only screen and (max-width: 767px) {
      section.marquee .jumbotron.hero {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        section.marquee .jumbotron.hero .btn-primary {
          width: 250px;
          background-color: #041022; }
          section.marquee .jumbotron.hero .btn-primary:hover {
            background-color: #6c717a; } }
    section.marquee .jumbotron.hero .homepage-hero-mobile {
      width: 180px;
      margin-bottom: 10px; }
      @media only screen and (min-width: 768px) {
        section.marquee .jumbotron.hero .homepage-hero-mobile {
          display: none; } }
    section.marquee .jumbotron.hero h1.hero-title {
      color: white;
      margin-bottom: 30px;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        section.marquee .jumbotron.hero h1.hero-title {
          margin-bottom: 20px;
          text-align: center; } }
    section.marquee .jumbotron.hero .tagline {
      margin: 0 auto 30px auto;
      font-size: 20px;
      font-family: "Calibre-Regular";
      line-height: 1.3;
      letter-spacing: 0.3px;
      color: #041022; }
      @media only screen and (max-width: 767px) {
        section.marquee .jumbotron.hero .tagline {
          display: none;
          font-size: 16px; } }
      #container.fullpagehero section.marquee .jumbotron.hero .tagline {
        display: block; }
    section.marquee .jumbotron.hero .search-section {
      width: 580px;
      -webkit-animation: appear 0.15s ease-in alternate;
              animation: appear 0.15s ease-in alternate;
      z-index: 7; }
      section.marquee .jumbotron.hero .search-section input::-webkit-input-placeholder {
        color: #999da3;
        opacity: 1; }
      section.marquee .jumbotron.hero .search-section input:-ms-input-placeholder {
        color: #999da3;
        opacity: 1; }
      section.marquee .jumbotron.hero .search-section input::-ms-input-placeholder {
        color: #999da3;
        opacity: 1; }
      section.marquee .jumbotron.hero .search-section input::placeholder {
        color: #999da3;
        opacity: 1; }
      section.marquee .jumbotron.hero .search-section .search-button {
        background-color: #041022; }
        section.marquee .jumbotron.hero .search-section .search-button:hover {
          background-color: #6c717a; }
      @media only screen and (max-width: 767px) {
        section.marquee .jumbotron.hero .search-section {
          width: 90%;
          margin-top: 30px; } }
      section.marquee .jumbotron.hero .search-section.active-false .search-results,
      section.marquee .jumbotron.hero .search-section.active-false .close-btn {
        display: none; }
      section.marquee .jumbotron.hero .search-section.active-true .search-results,
      section.marquee .jumbotron.hero .search-section.active-true .close-btn {
        display: block;
        right: 10px; }
      section.marquee .jumbotron.hero .search-section.active-true input[type='search'] {
        border-bottom: 0; }
        @media only screen and (max-width: 767px) {
          section.marquee .jumbotron.hero .search-section.active-true input[type='search'] {
            border-bottom: 1px solid #d6d7da;
            border-bottom-left-radius: 0; } }
      @media only screen and (max-width: 767px) {
        section.marquee .jumbotron.hero .search-section .search-results {
          padding-top: 10px; } }
      section.marquee .jumbotron.hero .search-section input[type='search'] {
        height: 50px;
        border-radius: 0;
        background-color: #ffffff;
        border: 1px solid #d6d7da; }
  section.marquee .hero-bottom {
    width: 100%;
    margin-top: 66px;
    text-align: left;
    font-family: "Calibre-Medium";
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0.3px;
    color: #ffffff; }
    @media only screen and (max-width: 1023px) {
      section.marquee .hero-bottom {
        margin-top: 45px; } }
    @media only screen and (max-width: 767px) {
      section.marquee .hero-bottom {
        margin-top: 20px;
        font-size: 16px;
        text-align: center; } }
    section.marquee .hero-bottom a {
      color: #ffffff;
      text-decoration: underline; }

.browse-link {
  height: 50px;
  line-height: 38px; }

section.how-it-works {
  width: 100%;
  background-color: #ffffff;
  padding: 60px 20px 50px 20px; }
  @media only screen and (min-width: 1024px) {
    section.how-it-works {
      width: calc(100% - 100px);
      position: absolute;
      top: 504px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: 1; } }
  @media only screen and (min-width: 1280px) {
    section.how-it-works {
      padding-right: 80px;
      padding-left: 80px;
      max-width: 1180px; } }
  @media only screen and (max-width: 1023px) {
    section.how-it-works {
      padding: 50px 20px; } }
  @media only screen and (max-width: 767px) {
    section.how-it-works {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      section.how-it-works .btn {
        width: 100%; } }
  section.how-it-works .image-container {
    margin-right: 20px; }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      section.how-it-works .image-container {
        margin-right: 15px; } }
    section.how-it-works .image-container,
    section.how-it-works .image-container > *,
    section.how-it-works .image-container img {
      width: 100px;
      height: 100px;
      min-width: 100px;
      max-width: 100px;
      padding: 0; }
      @media only screen and (max-width: 1023px) {
        section.how-it-works .image-container,
        section.how-it-works .image-container > *,
        section.how-it-works .image-container img {
          width: 125px;
          height: 125px; } }
      @media only screen and (max-width: 767px) {
        section.how-it-works .image-container,
        section.how-it-works .image-container > *,
        section.how-it-works .image-container img {
          width: 75px;
          height: 75px; } }
    @media only screen and (max-width: 767px) {
      section.how-it-works .image-container {
        margin: 0; } }
  section.how-it-works .tagline {
    margin: 30px auto 20px; }
  section.how-it-works .section-bullets {
    max-width: 1050px; }
    @media only screen and (max-width: 767px) {
      section.how-it-works .section-bullets {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between; } }
    @media only screen and (min-width: 768px) {
      section.how-it-works .section-bullets {
        padding: 0; } }
    @media only screen and (min-width: 1280px) {
      section.how-it-works .section-bullets {
        margin-bottom: 30px !important; } }
    section.how-it-works .section-bullets .section-bullets-bullet .title, section.how-it-works .section-bullets .section-bullets-bullet .description {
      color: #041022; }
    @media only screen and (min-width: 1024px) {
      section.how-it-works .section-bullets .section-bullets-bullet {
        display: flex; }
        section.how-it-works .section-bullets .section-bullets-bullet .title, section.how-it-works .section-bullets .section-bullets-bullet .description {
          margin: 0;
          width: 100%;
          text-align: left; }
        section.how-it-works .section-bullets .section-bullets-bullet .title {
          margin-bottom: 5px;
          font-size: 20px; } }
    @media only screen and (max-width: 1023px) {
      section.how-it-works .section-bullets .section-bullets-bullet {
        display: flex;
        flex-direction: column;
        align-items: center; }
        section.how-it-works .section-bullets .section-bullets-bullet .image-container {
          margin: 0;
          min-width: 100px;
          max-width: 100px;
          max-height: 100px; }
          section.how-it-works .section-bullets .section-bullets-bullet .image-container img {
            min-width: 100px;
            max-width: 100px;
            max-height: 100px; }
        section.how-it-works .section-bullets .section-bullets-bullet .title {
          margin-top: 15px;
          font-size: 18px; }
        section.how-it-works .section-bullets .section-bullets-bullet .description {
          width: 100%;
          margin: 0 auto; } }
    @media only screen and (max-width: 767px) {
      section.how-it-works .section-bullets .section-bullets-bullet {
        width: 70%;
        margin: 18px auto;
        min-height: 125px;
        float: none; }
        section.how-it-works .section-bullets .section-bullets-bullet .image-container {
          -o-object-fit: contain;
             object-fit: contain;
          margin-right: 15px;
          width: 70px;
          min-width: 70px;
          max-width: 70px;
          height: 70px; }
          section.how-it-works .section-bullets .section-bullets-bullet .image-container img {
            width: 70px;
            min-width: 70px;
            max-width: 70px;
            height: 70px; }
        section.how-it-works .section-bullets .section-bullets-bullet .title,
        section.how-it-works .section-bullets .section-bullets-bullet .description {
          margin: 0 0 10px 0;
          display: block;
          text-align: left;
          width: 100%;
          text-indent: 0; }
        section.how-it-works .section-bullets .section-bullets-bullet .tagline {
          margin-top: 0; } }
    @media only screen and (max-width: 767px) {
      section.how-it-works .section-bullets .section-bullets-bullet {
        width: 100%;
        min-height: 75px;
        margin-top: 30px;
        flex-direction: row;
        align-items: flex-start; }
        section.how-it-works .section-bullets .section-bullets-bullet .description {
          font-size: 16px;
          line-height: 22px; } }
    @media only screen and (max-width: 767px) {
      section.how-it-works .section-bullets .section-bullets-bullet {
        margin-top: 0;
        margin-bottom: 20px; }
        section.how-it-works .section-bullets .section-bullets-bullet:last-child {
          margin-bottom: 0; }
        section.how-it-works .section-bullets .section-bullets-bullet .tagline {
          margin-top: 0; } }

section.press {
  height: 519px; }
  @media only screen and (max-width: 1023px) {
    section.press {
      height: 275px; } }
  @media only screen and (max-width: 767px) {
    section.press {
      height: 390px; } }
  section.press .bg-image-div, section.press section.marquee {
    height: 100%;
    background-color: #f5f5f5; }
    section.press .bg-image-div .carousel-container, section.press section.marquee .carousel-container {
      padding: 0 50px;
      width: 100%;
      position: absolute;
      bottom: 100px;
      left: 0; }
      @media only screen and (max-width: 1023px) {
        section.press .bg-image-div .carousel-container, section.press section.marquee .carousel-container {
          bottom: 80px; } }
      @media only screen and (max-width: 767px) {
        section.press .bg-image-div .carousel-container, section.press section.marquee .carousel-container {
          height: 100%;
          padding: 50px 20px;
          bottom: 0;
          display: flex;
          align-items: center; } }
    section.press .bg-image-div .carousel, section.press section.marquee .carousel {
      vertical-align: middle;
      margin: 0 auto;
      position: relative;
      height: 100%; }
      @media only screen and (min-width: 1024px) {
        section.press .bg-image-div .carousel, section.press section.marquee .carousel {
          width: 80%; } }
      @media only screen and (max-width: 767px) {
        section.press .bg-image-div .carousel, section.press section.marquee .carousel {
          display: flex;
          flex-direction: column;
          justify-content: center; } }
      section.press .bg-image-div .carousel .pagination, section.press section.marquee .carousel .pagination {
        margin: 0;
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
        display: flex;
        justify-content: center; }
        section.press .bg-image-div .carousel .pagination li, section.press section.marquee .carousel .pagination li {
          display: block;
          cursor: pointer;
          list-style: none;
          content: ' ';
          text-indent: 20px;
          overflow: hidden;
          background-color: #d6d7da;
          height: 0.625rem;
          width: 0.625rem;
          margin: 0 5px;
          -webkit-clip-path: circle(5px at center);
                  clip-path: circle(5px at center); }
          section.press .bg-image-div .carousel .pagination li.active, section.press section.marquee .carousel .pagination li.active {
            background-color: #e7131a; }
      @media only screen and (min-width: 768px) {
        section.press .bg-image-div .carousel .pagination, section.press section.marquee .carousel .pagination {
          display: none; } }
      section.press .bg-image-div .carousel .carousel-items, section.press section.marquee .carousel .carousel-items {
        width: 100%; }
        section.press .bg-image-div .carousel .carousel-items div, section.press section.marquee .carousel .carousel-items div {
          font-family: "Calibre-Regular";
          font-style: italic;
          font-size: 24px;
          line-height: 1.33;
          letter-spacing: 0.3px;
          text-align: center;
          color: #041022;
          width: 100%;
          max-width: 980px;
          margin: 0 auto;
          display: none;
          transition: height 6s ease-out 3.3s;
          -webkit-animation: carousel_press 6s ease-in;
                  animation: carousel_press 6s ease-in; }
          section.press .bg-image-div .carousel .carousel-items div.dormant, section.press section.marquee .carousel .carousel-items div.dormant {
            height: 10%; }
          section.press .bg-image-div .carousel .carousel-items div.active, section.press section.marquee .carousel .carousel-items div.active {
            height: 100%;
            min-height: 68px;
            display: block; }
            @media only screen and (max-width: 1023px) {
              section.press .bg-image-div .carousel .carousel-items div.active, section.press section.marquee .carousel .carousel-items div.active {
                min-height: 64px; } }
          @media only screen and (max-width: 1023px) {
            section.press .bg-image-div .carousel .carousel-items div, section.press section.marquee .carousel .carousel-items div {
              font-family: "Calibre-Regular";
              font-size: 20px;
              font-style: italic;
              line-height: 1.6;
              text-align: center;
              color: #041022; } }

@-webkit-keyframes carousel_press {
  0%, 3% {
    opacity: 0; }
  3%, 6% {
    opacity: 0.33; }
  6%, 18% {
    opacity: 0.9; }
  18%, 100% {
    opacity: 1; } }

@keyframes carousel_press {
  0%, 3% {
    opacity: 0; }
  3%, 6% {
    opacity: 0.33; }
  6%, 18% {
    opacity: 0.9; }
  18%, 100% {
    opacity: 1; } }
      section.press .bg-image-div .carousel ul.carousel-controls, section.press section.marquee .carousel ul.carousel-controls {
        text-align: center;
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;
        padding: 0;
        width: 100%; }
        @media only screen and (max-width: 1279px) {
          section.press .bg-image-div .carousel ul.carousel-controls, section.press section.marquee .carousel ul.carousel-controls {
            margin-top: 40px; } }
        @media only screen and (max-width: 1023px) {
          section.press .bg-image-div .carousel ul.carousel-controls, section.press section.marquee .carousel ul.carousel-controls {
            margin-top: 30px; } }
        @media only screen and (max-width: 767px) {
          section.press .bg-image-div .carousel ul.carousel-controls, section.press section.marquee .carousel ul.carousel-controls {
            margin-top: 0;
            position: static; } }
        section.press .bg-image-div .carousel ul.carousel-controls .back, section.press section.marquee .carousel ul.carousel-controls .back,
        section.press .bg-image-div .carousel ul.carousel-controls .next,
        section.press section.marquee .carousel ul.carousel-controls .next {
          display: none; }
        section.press .bg-image-div .carousel ul.carousel-controls li, section.press section.marquee .carousel ul.carousel-controls li {
          flex: 1;
          height: 37px !important;
          width: 124px !important;
          min-width: 124px;
          max-width: 124px;
          display: block;
          cursor: pointer;
          color: #041022;
          position: relative;
          padding: 5px;
          overflow: hidden;
          text-align: center; }
          section.press .bg-image-div .carousel ul.carousel-controls li:last-child, section.press section.marquee .carousel ul.carousel-controls li:last-child {
            margin-right: 0; }
          section.press .bg-image-div .carousel ul.carousel-controls li span, section.press section.marquee .carousel ul.carousel-controls li span {
            font-family: "Calibre-Semibold";
            font-size: 14px;
            text-align: center;
            color: #6c717a;
            margin: 0 auto;
            display: inline-block;
            height: 30px;
            border-bottom: 2.5px solid transparent; }
            section.press .bg-image-div .carousel ul.carousel-controls li span svg, section.press section.marquee .carousel ul.carousel-controls li span svg {
              height: 100%; }
              section.press .bg-image-div .carousel ul.carousel-controls li span svg, section.press section.marquee .carousel ul.carousel-controls li span svg,
              section.press .bg-image-div .carousel ul.carousel-controls li span svg > *,
              section.press section.marquee .carousel ul.carousel-controls li span svg > * {
                margin: 0;
                padding: 0; }
              section.press .bg-image-div .carousel ul.carousel-controls li span svg use, section.press section.marquee .carousel ul.carousel-controls li span svg use,
              section.press .bg-image-div .carousel ul.carousel-controls li span svg symbol g,
              section.press section.marquee .carousel ul.carousel-controls li span svg symbol g,
              section.press .bg-image-div .carousel ul.carousel-controls li span svg symbol g.svg,
              section.press section.marquee .carousel ul.carousel-controls li span svg symbol g.svg {
                fill: #ffffff;
                color: #ffffff; }
          section.press .bg-image-div .carousel ul.carousel-controls li.active, section.press section.marquee .carousel ul.carousel-controls li.active {
            overflow: visible; }
            @media only screen and (min-width: 768px) {
              section.press .bg-image-div .carousel ul.carousel-controls li.active span, section.press section.marquee .carousel ul.carousel-controls li.active span {
                border-bottom: 2.5px solid #e7131a; } }
            section.press .bg-image-div .carousel ul.carousel-controls li.active span svg use, section.press section.marquee .carousel ul.carousel-controls li.active span svg use,
            section.press .bg-image-div .carousel ul.carousel-controls li.active span svg symbol g,
            section.press section.marquee .carousel ul.carousel-controls li.active span svg symbol g,
            section.press .bg-image-div .carousel ul.carousel-controls li.active span svg symbol g.svg,
            section.press section.marquee .carousel ul.carousel-controls li.active span svg symbol g.svg {
              fill: #041022;
              color: #041022; }
          section.press .bg-image-div .carousel ul.carousel-controls li.bloomberg svg, section.press section.marquee .carousel ul.carousel-controls li.bloomberg svg, section.press .bg-image-div .carousel ul.carousel-controls li.usatoday svg, section.press section.marquee .carousel ul.carousel-controls li.usatoday svg, section.press .bg-image-div .carousel ul.carousel-controls li.fastcompany svg, section.press section.marquee .carousel ul.carousel-controls li.fastcompany svg {
            width: 100%; }
          section.press .bg-image-div .carousel ul.carousel-controls li.insider svg, section.press section.marquee .carousel ul.carousel-controls li.insider svg {
            width: 54px;
            height: 22px;
            margin-top: 1px; }
          section.press .bg-image-div .carousel ul.carousel-controls li.yahoo svg, section.press section.marquee .carousel ul.carousel-controls li.yahoo svg {
            width: 63px;
            height: 22px;
            margin-top: 2px; }
          section.press .bg-image-div .carousel ul.carousel-controls li.usatoday svg, section.press section.marquee .carousel ul.carousel-controls li.usatoday svg {
            width: 86px;
            height: 17px;
            margin-top: 5px; }
          section.press .bg-image-div .carousel ul.carousel-controls li.fortune svg, section.press section.marquee .carousel ul.carousel-controls li.fortune svg {
            width: 85px;
            height: 15px;
            margin-top: 5px; }
          section.press .bg-image-div .carousel ul.carousel-controls li.fastcompany svg, section.press section.marquee .carousel ul.carousel-controls li.fastcompany svg {
            width: 95px;
            height: 15px;
            margin-top: 5px; }
          section.press .bg-image-div .carousel ul.carousel-controls li.bloomberg svg, section.press section.marquee .carousel ul.carousel-controls li.bloomberg svg {
            width: 87px;
            height: 18px;
            margin-top: 5px; }
        @media only screen and (max-width: 767px) {
          section.press .bg-image-div .carousel ul.carousel-controls, section.press section.marquee .carousel ul.carousel-controls {
            display: block; }
            section.press .bg-image-div .carousel ul.carousel-controls li, section.press section.marquee .carousel ul.carousel-controls li {
              flex: none;
              width: 124px; }
              section.press .bg-image-div .carousel ul.carousel-controls li, section.press section.marquee .carousel ul.carousel-controls li, section.press .bg-image-div .carousel ul.carousel-controls li:last-child, section.press section.marquee .carousel ul.carousel-controls li:last-child {
                margin: 30px auto 0 auto; }
              section.press .bg-image-div .carousel ul.carousel-controls li.active:before, section.press section.marquee .carousel ul.carousel-controls li.active:before {
                margin-left: 55px;
                position: absolute; }
              section.press .bg-image-div .carousel ul.carousel-controls li.dormant, section.press section.marquee .carousel ul.carousel-controls li.dormant {
                display: none; } }

/*
data points
 */
section.data-points {
  padding: 5rem 0 3.5rem 0;
  margin: 0;
  background-color: #f5f5f5; }
  @media only screen and (max-width: 1023px) {
    section.data-points {
      padding: 3.125rem 0 1.25rem 0; } }
  section.data-points .section-bullets .quote {
    width: 90%;
    margin: 0.625rem auto;
    font-size: 18px;
    line-height: 1.33;
    text-align: center;
    color: #041022; }
    section.data-points .section-bullets .quote + p {
      font-family: "Calibre-Regular"; }
  section.data-points .section-bullets p {
    font-family: "Calibre-Regular";
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #041022; }
  section.data-points .section-bullets .section-bullets-bullet .section-bullets-bullet-title {
    padding-bottom: 0.625rem; }
  @media only screen and (min-width: 1024px) {
    section.data-points .section-bullets .section-bullets-bullet {
      padding: 0 1.25rem;
      height: 100%; }
      section.data-points .section-bullets .section-bullets-bullet:first-child {
        padding-bottom: 1.25rem; }
      section.data-points .section-bullets .section-bullets-bullet:not(:last-child) {
        border-right: 1px solid #d6d7da;
        padding-right: 2.5rem; }
      section.data-points .section-bullets .section-bullets-bullet:nth-child(2) {
        padding-bottom: 1.25rem; } }
  @media only screen and (max-width: 1023px) {
    section.data-points .section-bullets .section-bullets-bullet {
      clear: none !important;
      float: left;
      width: 50%;
      margin: 0; }
      section.data-points .section-bullets .section-bullets-bullet:nth-child(2) {
        border-right: 1px solid #d6d7da; }
      section.data-points .section-bullets .section-bullets-bullet:first-child {
        display: none;
        visibility: collapse;
        height: 0; }
      section.data-points .section-bullets .section-bullets-bullet .big-number {
        font-size: 46px; } }
  @media only screen and (max-width: 767px) {
    section.data-points .section-bullets .section-bullets-bullet {
      width: calc(99.9% * 1/1 - (20px - 20px * 1/1)); }
    section.data-points .section-bullets .section-bullets-bullet:nth-child(1n) {
      float: left;
      margin-right: 20px;
      clear: none; }
    section.data-points .section-bullets .section-bullets-bullet:last-child {
      margin-right: 0; }
    section.data-points .section-bullets .section-bullets-bullet:nth-child(1n) {
      margin-right: 0;
      float: right; }
    section.data-points .section-bullets .section-bullets-bullet:nth-child(1n + 1) {
      clear: both; }
      section.data-points .section-bullets .section-bullets-bullet .big-number {
        font-size: 32px; }
      section.data-points .section-bullets .section-bullets-bullet:nth-child(2) {
        border-right: 0px none;
        padding-bottom: 0.625rem;
        margin-bottom: 1.25rem; }
        section.data-points .section-bullets .section-bullets-bullet:nth-child(2):after {
          display: block;
          content: '';
          height: 20px;
          width: 90%;
          margin: auto;
          border-bottom: 1px solid #d6d7da; }
      section.data-points .section-bullets .section-bullets-bullet .btn-primary {
        margin-bottom: 1.25rem; } }
  section.data-points .section-bullets .section-bullets-bullet:first-child {
    background-image: url(/720e8b0bff57d5fa10ceee35f362b731.png);
    background-position: center 5rem;
    background-repeat: no-repeat;
    background-size-width: 9.8rem;
    background-size-height: 4.35625rem; }
    section.data-points .section-bullets .section-bullets-bullet:first-child p {
      height: 10rem;
      margin: 0;
      background-image: url(/0d551efde75b1d224b72a22e91fbe881.png);
      background-repeat: no-repeat;
      background-position: 85% 1.875rem;
      background-size-width: 3.125rem;
      background-size-height: 3.125rem; }
  section.data-points .section-bullets .section-bullets-bullet.tx {
    background-position: center bottom; }
    section.data-points .section-bullets .section-bullets-bullet.tx ul {
      height: 12.5rem;
      list-style-type: none; }

section.values {
  background-color: white;
  padding: 80px 0 0 0; }
  @media only screen and (max-width: 1023px) {
    section.values {
      padding: 50px 20px 0 20px; }
      section.values .quote-s {
        display: none; } }
  @media only screen and (min-width: 1024px) {
    section.values {
      height: 660px; } }
  section.values .tagline {
    text-align: center;
    margin: 20px auto;
    font-family: "Calibre-Regular";
    line-height: 1.3;
    letter-spacing: 0.3px;
    font-size: 20px; }
    @media only screen and (max-width: 767px) {
      section.values .tagline br {
        display: none; } }
  section.values h2 {
    margin-top: 0; }
  section.values h6 {
    padding-bottom: 0;
    padding-top: 10px; }
  section.values .carousel {
    max-width: 780px;
    text-align: left;
    position: relative;
    margin: 30px auto; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      section.values .carousel {
        max-width: 600px; } }
    section.values .carousel.values-carousel {
      padding: 0; }
    section.values .carousel .pagination {
      display: none; }
    section.values .carousel .carousel-controls {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #d6d7da;
      padding-bottom: 5px; }
      @media only screen and (max-width: 767px) {
        section.values .carousel .carousel-controls {
          border: 0;
          padding: 0; } }
      section.values .carousel .carousel-controls li {
        max-width: 113px;
        margin: 0;
        padding: 0;
        list-style: none;
        font-family: "Calibre-Semibold";
        font-size: 18px;
        text-transform: capitalize;
        cursor: pointer;
        text-align: left;
        color: #041022; }
        section.values .carousel .carousel-controls li > span {
          width: 100%;
          padding-bottom: 7px;
          border-bottom: 2.5px solid transparent; }
        section.values .carousel .carousel-controls li.back, section.values .carousel .carousel-controls li.next {
          display: none; }
        @media only screen and (max-width: 767px) {
          section.values .carousel .carousel-controls li.dormant {
            display: none; } }
        section.values .carousel .carousel-controls li.active > span {
          border-bottom: 2.5px solid #e7131a; }
        @media only screen and (max-width: 767px) {
          section.values .carousel .carousel-controls li {
            text-align: center; }
            section.values .carousel .carousel-controls li.active > span {
              border: 0; } }
    section.values .carousel .carousel-items {
      position: relative;
      width: 100%;
      padding-top: 50px; }
      @media only screen and (max-width: 767px) {
        section.values .carousel .carousel-items {
          max-width: 600px;
          margin: 0 auto; } }
      section.values .carousel .carousel-items > div {
        -webkit-animation: carousel_press 0.75s ease-in;
                animation: carousel_press 0.75s ease-in; }
      section.values .carousel .carousel-items > div.dormant {
        transition: height 2s ease-out 1.5s; }
        section.values .carousel .carousel-items > div.dormant.dormant {
          height: 10%;
          display: none; }
        section.values .carousel .carousel-items > div.dormant.active {
          height: 100%;
          display: block; }
      section.values .carousel .carousel-items .section-bullets {
        padding: 0;
        margin: 0;
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        font-family: "Calibre-Regular"; }
        @media only screen and (max-width: 767px) {
          section.values .carousel .carousel-items .section-bullets {
            justify-content: center; } }
        section.values .carousel .carousel-items .section-bullets .quote-s {
          width: 100%;
          padding-top: 20px;
          font-style: italic; }
          section.values .carousel .carousel-items .section-bullets .quote-s p {
            text-align: center; }
          section.values .carousel .carousel-items .section-bullets .quote-s p:last-child {
            font-family: "Calibre-Semibold";
            font-size: 14px;
            line-height: 1.71;
            color: #041022;
            display: flex;
            align-items: center;
            justify-content: center; }
            section.values .carousel .carousel-items .section-bullets .quote-s p:last-child img {
              width: 120px; }
            section.values .carousel .carousel-items .section-bullets .quote-s p:last-child span {
              font-family: "Calibre-Regular";
              font-style: normal;
              line-height: 1.38;
              letter-spacing: 0.3px;
              font-size: 16px;
              text-align: left; }
            section.values .carousel .carousel-items .section-bullets .quote-s p:last-child b {
              font-weight: 600; }
        section.values .carousel .carousel-items .section-bullets .section-bullets-bullet {
          width: 50%;
          max-width: 350px;
          margin: 0;
          font-family: "Calibre-Regular"; }
          section.values .carousel .carousel-items .section-bullets .section-bullets-bullet:first-child {
            margin-right: 45px; }
          section.values .carousel .carousel-items .section-bullets .section-bullets-bullet h3 {
            font-family: "Calibre-Semibold";
            font-size: 20px;
            line-height: 1.2;
            letter-spacing: 0.3px; }
          section.values .carousel .carousel-items .section-bullets .section-bullets-bullet p {
            font-size: 18px;
            line-height: 1.39;
            letter-spacing: 0.3px; }
          section.values .carousel .carousel-items .section-bullets .section-bullets-bullet.quote-s {
            width: 100%;
            max-width: none; }
          section.values .carousel .carousel-items .section-bullets .section-bullets-bullet .section-bullets-bullet-title {
            padding-top: 10px;
            color: #999da3; }
          @media only screen and (max-width: 1023px) {
            section.values .carousel .carousel-items .section-bullets .section-bullets-bullet {
              width: calc(99.9% * 1/2 - (20px - 20px * 1/2));
              clear: none !important; }
            section.values .carousel .carousel-items .section-bullets .section-bullets-bullet:nth-child(1n) {
              float: left;
              margin-right: 20px;
              clear: none; }
            section.values .carousel .carousel-items .section-bullets .section-bullets-bullet:last-child {
              margin-right: 0; }
            section.values .carousel .carousel-items .section-bullets .section-bullets-bullet:nth-child(2n) {
              margin-right: 0;
              float: right; }
            section.values .carousel .carousel-items .section-bullets .section-bullets-bullet:nth-child(2n + 1) {
              clear: both; }
              section.values .carousel .carousel-items .section-bullets .section-bullets-bullet:last-child {
                width: 100%; } }
          @media only screen and (max-width: 767px) {
            section.values .carousel .carousel-items .section-bullets .section-bullets-bullet {
              width: 100%;
              margin-right: 0 !important; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    section.values {
      height: 700px; }
      section.values * {
        text-align: center; }
      section.values h3 {
        font-family: "Calibre-Regular";
        font-size: 18px;
        font-weight: 500;
        line-height: 1.25;
        text-align: center;
        color: #041022; }
      section.values .tagline {
        width: 90%; }
      section.values .carousel {
        height: 75%; }
        section.values .carousel .pagination {
          position: absolute;
          left: 0;
          width: 100%;
          bottom: 50px;
          display: flex;
          justify-content: center; }
          section.values .carousel .pagination li {
            display: block;
            cursor: pointer;
            list-style: none;
            content: ' ';
            text-indent: 20px;
            overflow: hidden;
            background-color: #d6d7da;
            height: 0.625rem;
            width: 0.625rem;
            margin: 0 5px;
            -webkit-clip-path: circle(5px at center);
                    clip-path: circle(5px at center); }
            section.values .carousel .pagination li.active {
              background-color: #e7131a; }
        section.values .carousel .carousel-controls li, section.values .carousel .carousel-controls li.active {
          border-bottom: 0px none; }
          section.values .carousel .carousel-controls li,
          section.values .carousel .carousel-controls li *, section.values .carousel .carousel-controls li.active,
          section.values .carousel .carousel-controls li.active * {
            width: 100%;
            white-space: nowrap; }
        section.values .carousel .carousel-controls li.back, section.values .carousel .carousel-controls li.next {
          display: block;
          position: relative; }
          section.values .carousel .carousel-controls li.back, section.values .carousel .carousel-controls li.back >, section.values .carousel .carousel-controls li.next, section.values .carousel .carousel-controls li.next > {
            padding: 0;
            margin: 0; }
          section.values .carousel .carousel-controls li.back span, section.values .carousel .carousel-controls li.next span {
            display: none; }
        section.values .carousel .carousel-controls li.back:before {
          content: ' ';
          display: block;
          background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='8px' viewBox='0 0 13 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3E76B90EF6-954D-482A-8CBB-CCB1D97264D6%3C/title%3E %3Cdesc%3ECreated with sketchtool.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='down-arrow' transform='translate(1.000000, 1.000000)' stroke='%23E7131A'%3E %3Cpolyline id='Stroke-32' points='0 0.069 5.965 6.034 12 0'%3E%3C/polyline%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
          background-repeat: no-repeat;
          height: 24px;
          width: 12px;
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg);
          left: 0; }
        section.values .carousel .carousel-controls li.next:before {
          content: ' ';
          display: block;
          background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='8px' viewBox='0 0 13 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3E76B90EF6-954D-482A-8CBB-CCB1D97264D6%3C/title%3E %3Cdesc%3ECreated with sketchtool.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='down-arrow' transform='translate(1.000000, 1.000000)' stroke='%23E7131A'%3E %3Cpolyline id='Stroke-32' points='0 0.069 5.965 6.034 12 0'%3E%3C/polyline%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
          background-repeat: no-repeat;
          height: 24px;
          width: 12px;
          -webkit-transform: rotate(-90deg);
                  transform: rotate(-90deg);
          right: 0; }
        section.values .carousel .carousel-controls li.back:before, section.values .carousel .carousel-controls li.next:before {
          display: inline-block;
          position: absolute;
          cursor: pointer;
          top: 10%;
          background-position: 50%; }
          section.values .carousel .carousel-controls li.back:before:hover, section.values .carousel .carousel-controls li.next:before:hover {
            background-color: #ff3228; } }

section.who-we-are {
  height: 360px;
  text-align: center;
  vertical-align: middle; }
  section.who-we-are .bg-image {
    width: 100%;
    height: 100%;
    background-color: #041022;
    background-size: cover;
    background-position: top center;
    vertical-align: middle;
    background-image: url(/d207e9a42ff4ae4d8ea4452f41c6e53d.png); }
    section.who-we-are .bg-image .content {
      text-align: center;
      padding: 80px 0;
      height: 100%;
      width: 100%; }
      section.who-we-are .bg-image .content h2 {
        color: #ffffff; }
      section.who-we-are .bg-image .content p {
        font-family: "Calibre-Regular";
        font-size: 24px;
        color: #ffffff;
        line-height: 1.33;
        letter-spacing: 0.3px;
        margin: 20px auto;
        font-weight: 500; }
    @media only screen and (min-width: 1280px) {
      section.who-we-are .bg-image p {
        max-width: 1280px; } }
    @media only screen and (min-width: 1024px) {
      section.who-we-are .bg-image .content {
        padding: 70px 50px; }
        section.who-we-are .bg-image .content h2 {
          margin-top: 0; }
        section.who-we-are .bg-image .content p,
        section.who-we-are .bg-image .content .col-6, section.who-we-are .bg-image .content p {
          width: 60%;
          max-width: 1024px;
          margin: 30px auto; } }
    @media only screen and (max-width: 1023px) {
      section.who-we-are .bg-image {
        background-image: url(/63efb7364b51c5296460710c588b04ce.png); }
        section.who-we-are .bg-image:before {
          display: block;
          content: '';
          width: 100%;
          padding-top: 39.0625%; }
        section.who-we-are .bg-image > * {
          position: absolute;
          top: 0;
          left: 0; }
        section.who-we-are .bg-image > .ar-item {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      section.who-we-are .bg-image .content {
        padding: 20px 0; }
        section.who-we-are .bg-image .content h2 {
          margin-top: 80px; }
        section.who-we-are .bg-image .content p,
        section.who-we-are .bg-image .content .col-6, section.who-we-are .bg-image .content p {
          width: 80%; } }
    @media only screen and (max-width: 767px) {
      section.who-we-are .bg-image .content {
        padding: 30px 0; }
        section.who-we-are .bg-image .content h2 {
          margin-top: 45px;
          padding: 0; }
        section.who-we-are .bg-image .content p {
          font-family: "Calibre-Regular";
          font-size: 16px;
          font-weight: 600;
          line-height: 1.38;
          text-align: center;
          color: #ffffff;
          width: 80%;
          max-width: 768px;
          margin: 20px auto 20px auto; } }

.error-page .title {
  font-family: "Vroom-Sans";
  font-size: 62px;
  line-height: 66px;
  letter-spacing: 1px; }

.error-page .copy {
  font-family: "Calibre-Regular";
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.25px; }

.car-not-available {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #ffffff;
  color: #041022;
  overflow-y: scroll; }
  .car-not-available .container {
    margin: 0 auto;
    max-width: 1035px; }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .car-not-available .container {
        max-width: 922px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .car-not-available .container {
        max-width: 725px; } }
    @media only screen and (max-width: 767px) {
      .car-not-available .container {
        width: 100%;
        max-width: 100%; } }
    .car-not-available .container .logo-link {
      position: absolute;
      top: 0; }
      @media only screen and (max-width: 767px) {
        .car-not-available .container .logo-link {
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          margin-bottom: 20px; } }
    .car-not-available .container section {
      width: 100%;
      margin-top: 121px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-around; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .car-not-available .container section {
          margin-top: 221px; } }
      @media only screen and (max-width: 767px) {
        .car-not-available .container section {
          flex-direction: column-reverse;
          margin-top: 86px; } }
      .car-not-available .container section .text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        text-align: left;
        height: 140px;
        width: 350px; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .car-not-available .container section .text {
            height: 153px;
            width: 275px; } }
        @media only screen and (max-width: 767px) {
          .car-not-available .container section .text {
            align-items: center;
            justify-content: center;
            text-align: center;
            width: 280px;
            height: 165px; }
            .car-not-available .container section .text img {
              width: 60px; }
            .car-not-available .container section .text h1 {
              margin-bottom: 20px; } }
    .car-not-available .container ul {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-top: 100px;
      margin-bottom: 38px;
      width: 100%;
      height: 230px; }
      @media only screen and (min-width: 1024px) and (max-width: 1279px) {
        .car-not-available .container ul {
          height: 215px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .car-not-available .container ul {
          margin-top: 170px;
          height: 228px; } }
      @media only screen and (max-width: 767px) {
        .car-not-available .container ul {
          margin: 10px 0 20px 0;
          flex-direction: column;
          height: auto; } }
      .car-not-available .container ul li {
        height: 100%;
        width: 230px;
        background: #ffffff;
        border-radius: 0;
        border: 1px solid #d6d7da;
        overflow: hidden;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); }
        @media only screen and (min-width: 1024px) and (max-width: 1279px) {
          .car-not-available .container ul li {
            width: 215px; } }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .car-not-available .container ul li {
            width: 228px; } }
        @media only screen and (max-width: 1023px) {
          .car-not-available .container ul li:nth-of-type(1n + 4) {
            display: none; } }
        @media only screen and (max-width: 767px) {
          .car-not-available .container ul li {
            width: 100%;
            height: 20vw;
            margin-bottom: 1px;
            border-radius: 0;
            border: 0;
            box-shadow: 0; } }
        @media only screen and (max-width: 767px) {
          .car-not-available .container ul li .vehicle-tile {
            height: 20vw; } }
        .car-not-available .container ul li .vehicle-tile .car-image-container {
          overflow: hidden; }
          @media only screen and (max-width: 767px) {
            .car-not-available .container ul li .vehicle-tile .car-image-container {
              width: auto; } }
          @media only screen and (min-width: 1024px) {
            .car-not-available .container ul li .vehicle-tile .car-image-container img:hover {
              -webkit-transform: scale(1.05);
                      transform: scale(1.05); } }
          @media only screen and (max-width: 767px) {
            .car-not-available .container ul li .vehicle-tile .car-image-container img {
              height: 20vw;
              width: auto;
              min-width: 0;
              max-width: none;
              margin: 0; } }
        .car-not-available .container ul li .subtext {
          max-width: 230px;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          height: 74px; }
          @media only screen and (min-width: 1024px) {
            .car-not-available .container ul li .subtext .price {
              position: relative;
              top: -2px; } }
          @media only screen and (min-width: 1024px) and (max-width: 1279px) {
            .car-not-available .container ul li .subtext {
              max-width: 215px; } }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            .car-not-available .container ul li .subtext {
              max-width: 228px; } }
          @media only screen and (min-width: 768px) {
            .car-not-available .container ul li .subtext .car-details {
              position: relative;
              top: -2px;
              display: flex;
              align-items: center; }
              .car-not-available .container ul li .subtext .car-details .trim {
                padding-right: 5px; }
              .car-not-available .container ul li .subtext .car-details .cursor {
                display: block !important;
                height: 12px;
                width: 2px;
                background-color: #e0e0e0; }
              .car-not-available .container ul li .subtext .car-details .miles {
                margin-left: 5px; } }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            .car-not-available .container ul li .subtext .car-details {
              top: 0; } }
          .car-not-available .container ul li .subtext .car-details .miles {
            text-transform: lowercase; }
          @media only screen and (max-width: 767px) {
            .car-not-available .container ul li .subtext {
              max-width: none;
              width: 70%;
              position: relative;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              padding-left: 10px; }
              .car-not-available .container ul li .subtext .price {
                bottom: 7px;
                position: absolute;
                right: 20px; } }
    .car-not-available .container .btn {
      width: 168px;
      margin-bottom: 38px; }
      @media only screen and (max-width: 767px) {
        .car-not-available .container .btn {
          margin-bottom: 20px; } }

.not-found {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #ffffff;
  text-align: center;
  position: fixed;
  margin: 0; }
  .not-found img {
    display: block;
    margin: 0 auto; }
  .not-found .logo-link {
    width: 111.4px;
    margin-top: 30px;
    margin-bottom: 80.5px;
    display: inline-block; }
    .not-found .logo-link svg {
      fill: #041022; }
    .not-found .logo-link:hover {
      cursor: pointer; }
  .not-found img {
    margin-bottom: 40px; }
  .not-found h1.title {
    margin-bottom: 20px; }
  .not-found h3.copy {
    margin-bottom: 25px; }

.car-not-available {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #ffffff;
  color: #041022;
  overflow-y: scroll; }
  .car-not-available .container {
    margin: 0 auto;
    max-width: 1035px; }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .car-not-available .container {
        max-width: 922px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .car-not-available .container {
        max-width: 725px; } }
    @media only screen and (max-width: 767px) {
      .car-not-available .container {
        width: 100%;
        max-width: 100%; } }
    .car-not-available .container .logo-link {
      position: absolute;
      top: 0; }
      @media only screen and (max-width: 767px) {
        .car-not-available .container .logo-link {
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          margin-bottom: 20px; } }
    .car-not-available .container section {
      width: 100%;
      margin-top: 121px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-around; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .car-not-available .container section {
          margin-top: 221px; } }
      @media only screen and (max-width: 767px) {
        .car-not-available .container section {
          flex-direction: column-reverse;
          margin-top: 86px; } }
      .car-not-available .container section .text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        text-align: left;
        height: 140px;
        width: 350px; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .car-not-available .container section .text {
            height: 153px;
            width: 275px; } }
        @media only screen and (max-width: 767px) {
          .car-not-available .container section .text {
            align-items: center;
            justify-content: center;
            text-align: center;
            width: 280px;
            height: 165px; }
            .car-not-available .container section .text img {
              width: 60px; }
            .car-not-available .container section .text h1 {
              margin-bottom: 20px; } }
    .car-not-available .container ul {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-top: 100px;
      margin-bottom: 38px;
      width: 100%;
      height: 230px; }
      @media only screen and (min-width: 1024px) and (max-width: 1279px) {
        .car-not-available .container ul {
          height: 215px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .car-not-available .container ul {
          margin-top: 170px;
          height: 228px; } }
      @media only screen and (max-width: 767px) {
        .car-not-available .container ul {
          margin: 10px 0 20px 0;
          flex-direction: column;
          height: auto; } }
      .car-not-available .container ul li {
        height: 100%;
        width: 230px;
        background: #ffffff;
        border-radius: 0;
        border: 1px solid #d6d7da;
        overflow: hidden;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); }
        @media only screen and (min-width: 1024px) and (max-width: 1279px) {
          .car-not-available .container ul li {
            width: 215px; } }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .car-not-available .container ul li {
            width: 228px; } }
        @media only screen and (max-width: 1023px) {
          .car-not-available .container ul li:nth-of-type(1n + 4) {
            display: none; } }
        @media only screen and (max-width: 767px) {
          .car-not-available .container ul li {
            width: 100%;
            height: 20vw;
            margin-bottom: 1px;
            border-radius: 0;
            border: 0;
            box-shadow: 0; } }
        @media only screen and (max-width: 767px) {
          .car-not-available .container ul li .vehicle-tile {
            height: 20vw; } }
        .car-not-available .container ul li .vehicle-tile .car-image-container {
          overflow: hidden; }
          @media only screen and (max-width: 767px) {
            .car-not-available .container ul li .vehicle-tile .car-image-container {
              width: auto; } }
          @media only screen and (min-width: 1024px) {
            .car-not-available .container ul li .vehicle-tile .car-image-container img:hover {
              -webkit-transform: scale(1.05);
                      transform: scale(1.05); } }
          @media only screen and (max-width: 767px) {
            .car-not-available .container ul li .vehicle-tile .car-image-container img {
              height: 20vw;
              width: auto;
              min-width: 0;
              max-width: none;
              margin: 0; } }
        .car-not-available .container ul li .subtext {
          max-width: 230px;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          height: 74px; }
          @media only screen and (min-width: 1024px) {
            .car-not-available .container ul li .subtext .price {
              position: relative;
              top: -2px; } }
          @media only screen and (min-width: 1024px) and (max-width: 1279px) {
            .car-not-available .container ul li .subtext {
              max-width: 215px; } }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            .car-not-available .container ul li .subtext {
              max-width: 228px; } }
          @media only screen and (min-width: 768px) {
            .car-not-available .container ul li .subtext .car-details {
              position: relative;
              top: -2px;
              display: flex;
              align-items: center; }
              .car-not-available .container ul li .subtext .car-details .trim {
                padding-right: 5px; }
              .car-not-available .container ul li .subtext .car-details .cursor {
                display: block !important;
                height: 12px;
                width: 2px;
                background-color: #e0e0e0; }
              .car-not-available .container ul li .subtext .car-details .miles {
                margin-left: 5px; } }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            .car-not-available .container ul li .subtext .car-details {
              top: 0; } }
          .car-not-available .container ul li .subtext .car-details .miles {
            text-transform: lowercase; }
          @media only screen and (max-width: 767px) {
            .car-not-available .container ul li .subtext {
              max-width: none;
              width: 70%;
              position: relative;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              padding-left: 10px; }
              .car-not-available .container ul li .subtext .price {
                bottom: 7px;
                position: absolute;
                right: 20px; } }
    .car-not-available .container .btn {
      width: 168px;
      margin-bottom: 38px; }
      @media only screen and (max-width: 767px) {
        .car-not-available .container .btn {
          margin-bottom: 20px; } }

#container.credit-page-container #container-page {
  background-color: #f5f5f5; }
  @media only screen and (max-width: 767px) {
    #container.credit-page-container #container-page {
      background-color: white; } }

.credit-page-main,
.credit-sidebar {
  border-radius: 0;
  background-color: #ffffff; }
  @media only screen and (max-width: 1023px) {
    .credit-page-main,
    .credit-sidebar {
      border-top: 0; } }

.credit-page-main {
  padding: 30px 50px 20px;
  width: 768px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #e0e0e0;
  overflow: hidden;
  opacity: 0;
  -webkit-animation: fadein 0.5s 0.5s 1 forwards;
          animation: fadein 0.5s 0.5s 1 forwards; }

@-webkit-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .credit-page-main {
      min-width: 610px;
      margin-left: 50px;
      padding: 30px 30px 20px; } }
  @media only screen and (max-width: 767px) {
    .credit-page-main {
      padding: 0; } }

.credit-page-title {
  font-size: 36px;
  font-family: "Vroom-Sans";
  font-weight: 800;
  font-style: italic;
  line-height: 1.11;
  letter-spacing: 1px;
  color: #041022;
  padding-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .credit-page-title {
      padding: 14px 0;
      margin-bottom: 0;
      font-size: 24px;
      line-height: 1.17;
      letter-spacing: 1px;
      font-family: "Vroom-Sans";
      text-align: center; } }

.section-toggle-title {
  font-family: "Calibre-Semibold";
  display: inline-block !important;
  font-size: 18px;
  line-height: 1.39;
  color: #e7131a;
  letter-spacing: 0.3px;
  display: block;
  cursor: pointer; }
  .section-toggle-title:focus {
    color: #e7131a; }
  .section-toggle-title:hover {
    color: #e7131a;
    text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    .section-toggle-title {
      font-size: 16px; } }

.credit-section-subtitle {
  font-family: "Calibre-Regular";
  font-size: 18px;
  line-height: 1.39;
  letter-spacing: 0.3px;
  line-height: 1.38;
  color: #041022; }
  @media only screen and (max-width: 767px) {
    .credit-section-subtitle {
      font-size: 16px; } }

.input-title {
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: 0.3px;
  color: #041022;
  margin-bottom: 6px;
  font-family: "Calibre-Regular"; }

.title-container .title-icon {
  width: 15px;
  height: 15px;
  position: relative;
  margin-right: 8px;
  margin-top: -3px; }

.error-msg {
  position: absolute;
  margin-top: 6px; }
  .error-msg.trade-in {
    position: absolute;
    height: 12px;
    margin: 0;
    bottom: 0;
    left: 0; }

.preferred-term .error-msg {
  margin-top: -14px; }

input.unactivated,
select.unactivated {
  background-color: #f5f5f5 !important; }

select.unactivated {
  color: #999da3 !important; }

.yes-no.unactivated .tab {
  background-color: #f5f5f5; }

input.error,
select.error {
  border: 1px solid #f26900 !important;
  outline-color: #f26900 !important; }

.validation-icon {
  margin: 0;
  border: 0;
  padding: 0;
  position: relative;
  left: 0%;
  margin-left: -23.3px; }

.focused .validation-icon {
  display: none; }

.select .validation-icon {
  margin-left: -48.3px; }

.select .inactive .validation-icon {
  display: none; }

.credit-page {
  background-color: #f5f5f5;
  padding-top: 20px;
  padding-bottom: 50px;
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 767px) {
    .credit-page .credit-section__submit-btn {
      text-align: center; } }
  .credit-page .credit-section__submit-btn input {
    width: 150px;
    height: 40px;
    background-color: #e7131a;
    cursor: pointer;
    margin-top: 12px;
    font-weight: 600; }
  .credit-page .no-pad {
    padding-right: 0; }
  @media only screen and (max-width: 767px) {
    .credit-page .shift-down {
      margin-top: 15px; } }
  .credit-page .credit-sidebar {
    margin-left: 20px;
    z-index: 5;
    opacity: 0;
    -webkit-animation: fadein 0.5s 1s 1 forwards;
            animation: fadein 0.5s 1s 1 forwards; }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
    @media only screen and (min-width: 1280px) {
      .credit-page .credit-sidebar {
        max-width: 380px;
        max-height: 380px;
        min-width: 380px;
        min-height: 380px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .credit-page .credit-sidebar {
        max-width: 295px;
        max-height: 295px;
        min-width: 295px;
        min-height: 295px;
        margin-right: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .credit-page .credit-page-main {
      margin: 20px; } }
  @media only screen and (max-width: 1023px) {
    .credit-page {
      padding-top: 0;
      padding-bottom: 0;
      flex-wrap: wrap; }
      .credit-page .credit-sidebar {
        width: 100%;
        height: 100px;
        margin-left: 0; }
      .credit-page .credit-page-main {
        min-width: 0;
        min-width: initial;
        width: 100%;
        order: 1; } }
  @media only screen and (max-width: 767px) {
    .credit-page .credit-border {
      border-bottom: 1px solid #dddddd; }
    .credit-page .credit-sidebar {
      height: 77px; }
    .credit-page .credit-page-main {
      padding-bottom: 20px;
      border: none;
      box-shadow: none; } }

.terms-container {
  display: flex;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .terms-container.terms-container-review {
      margin-left: 20px; } }
  .terms-container > .terms-checkbox {
    left: auto;
    left: initial;
    opacity: 0;
    z-index: 2; }

.terms-checkbox-label {
  max-width: 550px;
  font-family: "Calibre-Regular";
  color: #6c717a;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left; }
  .terms-checkbox-label a:not(:hover) {
    text-decoration: none; }
  .terms-checkbox-label a:hover {
    text-decoration: underline; }

.terms-checkbox {
  margin-right: 10px;
  height: 15px;
  position: relative;
  top: 3px;
  -webkit-border-radius: 0; }

.select {
  position: relative;
  display: inline-block;
  color: #041022; }

.select select {
  width: 100%;
  height: 40px;
  line-height: 1.7;
  padding-left: 9px;
  border-radius: 0;
  background-color: #ffffff;
  border: solid 1px #d6d7da;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  position: relative;
  top: 1px;
  color: #041022; }

.hide {
  display: none;
  color: #999da3 !important; }

.select select::-ms-expand {
  display: none; }

.select select:disabled {
  pointer-events: none;
  opacity: 0.5; }

.select-arrow {
  position: absolute;
  top: 39px;
  right: 18px;
  width: 12px;
  height: auto;
  pointer-events: none;
  border-width: 8px 5px 0 5px; }

.birthday-select-arrow {
  width: 12px;
  height: auto;
  position: absolute;
  top: 16px;
  right: 16px; }
  .birthday-select-arrow.year-arrow {
    right: 10px; }

.pad-right {
  padding-right: 6px; }
  @media only screen and (max-width: 767px) {
    .pad-right.phone {
      padding-right: 0; } }

label {
  margin-bottom: 20px; }

.year {
  margin-bottom: 30px; }

.select-boxes {
  display: flex;
  flex-direction: row;
  height: 40px; }
  .select-boxes .tab {
    display: flex;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6d7da;
    border-left: none;
    height: 100%;
    cursor: pointer;
    font-family: "Calibre-Medium";
    line-height: 1.39;
    letter-spacing: 0.3px;
    text-align: center;
    color: #6c717a; }
    .select-boxes .tab:first-child {
      border-radius: 0;
      border-left: 1px solid #d6d7da; }
    .select-boxes .tab:last-child {
      border-radius: 0; }
    .select-boxes .tab:hover {
      background-color: #ffffff;
      border: 2px solid #6c717a; }
  .select-boxes.unactivated .tab {
    background-color: #f5f5f5; }
    .select-boxes.unactivated .tab:hover {
      background-color: #ffffff;
      border: 2px solid #6c717a; }
  .select-boxes.activated .tab {
    border-color: #6c717a;
    background-color: #ffffff; }
    .select-boxes.activated .tab.selected {
      font-family: "Calibre-Semibold";
      border: 1px solid #6c717a;
      background-color: #6c717a;
      color: white; }
      .select-boxes.activated .tab.selected:hover {
        background-color: #6c717a; }
    .select-boxes.activated .tab:hover {
      background-color: #ffffff; }
  .select-boxes--error {
    border: 1px solid #f26900; }
  @media only screen and (max-width: 767px) {
    .select-boxes {
      justify-content: center;
      width: 100%; }
      .select-boxes .tab {
        width: 100%; } }

.congratulations-container {
  background: #f5f5f5;
  font-family: "Calibre-Medium"; }
  .congratulations-container .to-catalog-btn.btn-primary {
    padding: 0 20px;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.39;
    letter-spacing: 0.3px;
    background-color: transparent;
    text-decoration: underline; }
    .congratulations-container .to-catalog-btn.btn-primary:hover {
      text-decoration: underline;
      color: #d9d9d9 !important; }
  .congratulations-container .truncate {
    text-overflow: ellipsis;
    overflow: hidden; }
  .congratulations-container .contact-container {
    border-top: 0; }

.congratulations-banner .top-bar {
  width: 100%;
  background-color: #308406;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px 20px; }
  @media only screen and (max-width: 1023px) {
    .congratulations-banner .top-bar.with-button {
      height: 123px;
      flex-direction: column;
      justify-content: center; }
      .congratulations-banner .top-bar.with-button h2 {
        margin-bottom: 15px; } }
  @media only screen and (max-width: 767px) {
    .congratulations-banner .top-bar.with-button {
      height: 94px; }
      .congratulations-banner .top-bar.with-button h2 {
        margin-bottom: 10px; } }
  .congratulations-banner .top-bar.with-button .btn.btn-primary {
    margin: 0px 10px; }
  .congratulations-banner .top-bar h2 {
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    white-space: nowrap;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .congratulations-banner .top-bar h2 {
        white-space: normal;
        font-size: 16px;
        line-height: 22px;
        display: flex;
        flex-direction: column; } }
    .congratulations-banner .top-bar h2 .hold-congrats-header span {
      font-size: 16px;
      line-height: 24px; }
    .congratulations-banner .top-bar h2 .white-check {
      width: 18px;
      height: auto;
      margin-right: 5px;
      position: relative;
      top: -2px; }
  .congratulations-banner .top-bar .button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 184px;
    height: 40px;
    border-radius: 0;
    background-color: #e7131a;
    font-size: 18px;
    line-height: 1.11;
    color: #ffffff;
    margin-left: 10px; }
    @media only screen and (max-width: 1023px) {
      .congratulations-banner .top-bar .button {
        margin: 0 0 21px 0; } }
    @media only screen and (max-width: 767px) {
      .congratulations-banner .top-bar .button {
        margin-bottom: 25px; } }

.congratulations-banner .start-trade-in {
  width: 100%;
  margin: 0;
  padding: 50px 20px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 768px) {
    .congratulations-banner .start-trade-in {
      padding: 75px 20px 85px; } }
  @media only screen and (max-width: 767px) {
    .congratulations-banner .start-trade-in {
      background-image: url(/08e080c1f1378609dc3ebc67c97d4d90.png); } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .congratulations-banner .start-trade-in {
      background-image: url(/7a80f49d55b1816337c20b79968304ad.jpg); } }
  @media only screen and (min-width: 1024px) {
    .congratulations-banner .start-trade-in {
      background-image: url(/04afaa4c42e8dbb41ea82444a3e21aeb.jpg); } }
  .congratulations-banner .start-trade-in .trade-in-box {
    max-width: 580px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: #041022; }
    .congratulations-banner .start-trade-in .trade-in-box span {
      margin-bottom: 5px;
      padding-bottom: 2px;
      font-family: "Calibre-Semibold";
      font-size: 14px;
      line-height: 14px;
      letter-spacing: 1.25px;
      text-transform: uppercase;
      border-bottom: 2px solid #041022; }
      @media only screen and (min-width: 768px) {
        .congratulations-banner .start-trade-in .trade-in-box span {
          margin-bottom: 10px; } }
    .congratulations-banner .start-trade-in .trade-in-box h2 {
      margin-bottom: 10px;
      font-family: "Vroom-Sans";
      font-size: 36px;
      line-height: 40px;
      letter-spacing: 1px; }
      @media only screen and (min-width: 768px) {
        .congratulations-banner .start-trade-in .trade-in-box h2 {
          font-family: "Vroom-Sans";
          font-size: 42px;
          line-height: 46px;
          letter-spacing: 1px; } }
    .congratulations-banner .start-trade-in .trade-in-box p {
      margin: 0;
      padding-bottom: 25px;
      font-family: "Calibre-Regular";
      font-size: 18px;
      line-height: 25px; }
      @media only screen and (min-width: 768px) {
        .congratulations-banner .start-trade-in .trade-in-box p {
          max-width: 400px; } }
      @media only screen and (min-width: 1024px) {
        .congratulations-banner .start-trade-in .trade-in-box p {
          max-width: 500px; } }
    @media only screen and (max-width: 767px) {
      .congratulations-banner .start-trade-in .trade-in-box .btn.btn-primary {
        width: 100%; } }

.congrats-hero-section {
  padding: 30px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  max-width: 100%; }
  @media only screen and (max-width: 767px) {
    .congrats-hero-section {
      background-image: url(/14a572fd9d1622a0ff68cc4a5f725973.png);
      height: 380px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .congrats-hero-section {
      background-image: url(/e6bf36640fd2ae54854d72a522b8e05c.jpg);
      height: 350px; } }
  @media only screen and (min-width: 1024px) {
    .congrats-hero-section {
      background-image: url(/2bf01f85e5a04f62ca77ff905aff04db.jpg);
      height: 370px; } }
  @media only screen and (min-width: 768px) {
    .congrats-hero-section {
      padding: 45px 145px; } }
  @media only screen and (min-width: 1024px) {
    .congrats-hero-section {
      padding: 40px 222px; } }
  @media only screen and (min-width: 1280px) {
    .congrats-hero-section {
      padding: 40px 350px; } }
  .congrats-hero-section .congrats-hero-content {
    height: 325px;
    padding: 25px 20px;
    margin: 0 auto;
    text-align: center;
    max-width: 280px; }
    @media only screen and (min-width: 768px) {
      .congrats-hero-section .congrats-hero-content {
        padding: 45px 40px;
        max-width: 480px;
        height: 313px; } }
    @media only screen and (min-width: 1024px) {
      .congrats-hero-section .congrats-hero-content {
        padding: 50px 100px;
        max-width: 580px;
        height: 338px; } }
    @media only screen and (min-width: 1280px) {
      .congrats-hero-section .congrats-hero-content {
        height: 338px; } }
    .congrats-hero-section .congrats-hero-content h1 {
      color: #041022;
      font-size: 26px;
      font-weight: 300;
      line-height: 30px;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .congrats-hero-section .congrats-hero-content h1 {
          font-size: 36px;
          line-height: 40px; } }
    .congrats-hero-section .congrats-hero-content .congrats-hero-subtitle {
      font-size: 16px;
      font-weight: 300;
      line-height: 24px; }
      @media only screen and (min-width: 768px) {
        .congrats-hero-section .congrats-hero-content .congrats-hero-subtitle {
          font-size: 20px;
          font-weight: 500;
          line-height: 28px; } }
    .congrats-hero-section .congrats-hero-content .congrats-hero__grid {
      display: flex;
      flex-direction: column;
      margin: 15px 0 20px auto;
      text-align: left;
      margin: 12px auto;
      max-width: 160px; }
      @media only screen and (min-width: 768px) {
        .congrats-hero-section .congrats-hero-content .congrats-hero__grid {
          margin: 15px 0 20px auto;
          max-width: 375px; } }
      .congrats-hero-section .congrats-hero-content .congrats-hero__grid .congrats-hero__row {
        display: block; }
        @media only screen and (min-width: 768px) {
          .congrats-hero-section .congrats-hero-content .congrats-hero__grid .congrats-hero__row {
            margin-bottom: 8px;
            display: flex; } }
      .congrats-hero-section .congrats-hero-content .congrats-hero__grid .congrats-hero__col {
        flex: 1;
        max-width: 100%;
        margin-bottom: 7px; }
        @media only screen and (min-width: 768px) {
          .congrats-hero-section .congrats-hero-content .congrats-hero__grid .congrats-hero__col {
            max-width: 60%;
            margin-bottom: 0; } }
        .congrats-hero-section .congrats-hero-content .congrats-hero__grid .congrats-hero__col div {
          font-size: 16px;
          line-height: 24px;
          white-space: nowrap; }
      .congrats-hero-section .congrats-hero-content .congrats-hero__grid .right {
        max-width: 40%; }
      .congrats-hero-section .congrats-hero-content .congrats-hero__grid img {
        position: relative;
        top: -2px;
        margin-right: 7px; }
    .congrats-hero-section .congrats-hero-content .finish-section-btn {
      border-radius: 0;
      background: #e7131a;
      color: #ffffff; }
      @media only screen and (min-width: 768px) {
        .congrats-hero-section .congrats-hero-content .finish-section-btn {
          margin-top: -8px; } }
      .congrats-hero-section .congrats-hero-content .finish-section-btn:hover {
        background: #fc4349; }

.application-summary {
  width: 100%;
  height: 80%;
  padding-bottom: 20px;
  background-color: #ffffff; }
  .application-summary.application-summary-cash {
    height: auto; }
    @media only screen and (max-width: 767px) {
      .application-summary.application-summary-cash {
        padding: 50px 0; } }
  .application-summary .center-column {
    padding-top: 50px;
    width: 580px;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .application-summary .center-column {
        width: 80%; } }
    @media only screen and (max-width: 767px) {
      .application-summary .center-column {
        width: 90%;
        padding-top: 30px; } }
    .application-summary .center-column h1 {
      font-family: "Vroom-Sans";
      font-size: 28px;
      line-height: 32px;
      letter-spacing: 1px;
      text-align: center;
      color: #041022;
      margin-bottom: 10px; }
      @media only screen and (min-width: 768px) {
        .application-summary .center-column h1 {
          font-family: "Vroom-Sans";
          font-size: 36px;
          line-height: 40px;
          letter-spacing: 1px; } }
      @media only screen and (min-width: 1024px) {
        .application-summary .center-column h1 {
          font-family: "Vroom-Sans";
          font-size: 42px;
          line-height: 46px;
          letter-spacing: 1px; } }
    .application-summary .center-column .receipt-id {
      font-family: "Calibre-Regular";
      font-size: 16px;
      line-height: 22px;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .application-summary .center-column .receipt-id {
          font-size: 18px;
          line-height: 25px; } }
    .application-summary .center-column .with-car {
      border-bottom: 1px solid #dddddd;
      padding-bottom: 30px;
      width: 100%; }
      .application-summary .center-column .with-car h3 {
        font-size: 18px;
        line-height: 1.33;
        color: #041022;
        margin-bottom: 11px; }
      .application-summary .center-column .with-car .congrats-car-card-container {
        width: 100%;
        height: 100px;
        border-radius: 0;
        background-color: #ffffff;
        border: solid 1px #d6d7da;
        display: flex;
        flex-direction: row;
        overflow: hidden;
        padding-right: 5px;
        cursor: pointer; }
        @media only screen and (max-width: 767px) {
          .application-summary .center-column .with-car .congrats-car-card-container {
            height: 77px; } }
        .application-summary .center-column .with-car .congrats-car-card-container .congrats-image-container {
          height: 100%;
          min-width: 146.9px;
          border-radius: 0; }
          @media only screen and (max-width: 767px) {
            .application-summary .center-column .with-car .congrats-car-card-container .congrats-image-container {
              min-width: 112.6px; } }
          .application-summary .center-column .with-car .congrats-car-card-container .congrats-image-container img {
            min-height: 100%;
            max-height: 100%;
            min-width: 100%;
            max-width: 100%; }
          .application-summary .center-column .with-car .congrats-car-card-container .congrats-image-container .image-label {
            height: 24px;
            width: 79px;
            background: #308406;
            color: #fff;
            text-align: center;
            border-radius: 0;
            font-size: 10px;
            font-weight: bold;
            letter-spacing: 1px;
            line-height: 14px;
            position: absolute;
            padding: 4px 8px 6px 10px;
            white-space: nowrap; }
        .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext {
          margin: 15px 0 15px 20px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          width: 100%; }
          @media only screen and (max-width: 767px) {
            .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext {
              margin: 10px 10px 10px 10px; } }
          .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext .auto-price {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 39px;
            justify-content: space-between; }
            @media only screen and (max-width: 767px) {
              .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext .auto-price {
                flex-direction: row; } }
          .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext h3 {
            font-size: 16px;
            line-height: 1.5;
            color: #041022;
            margin-bottom: 0;
            white-space: nowrap; }
            @media only screen and (max-width: 767px) {
              .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext h3 {
                font-size: 14px; } }
          .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext .congrats-autobiography {
            display: flex;
            flex-direction: row;
            font-size: 14px;
            line-height: 1;
            color: #041022;
            position: relative;
            top: -2px; }
            .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext .congrats-autobiography .info {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              max-width: 19ch; }
            @media only screen and (max-width: 767px) {
              .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext .congrats-autobiography {
                flex-direction: column;
                justify-content: space-between;
                font-size: 12px;
                height: 30px;
                margin-top: 7px; }
                .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext .congrats-autobiography .info {
                  display: none; } }
            .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext .congrats-autobiography p {
              margin-bottom: 0; }
            .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext .congrats-autobiography .congrats-divider {
              width: 2px;
              height: 15px;
              background: #d6d7da;
              margin: 0 10px; }
              @media only screen and (max-width: 767px) {
                .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext .congrats-autobiography .congrats-divider {
                  display: none; } }
          .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext .congrats-price {
            font-size: 18px;
            color: #041022;
            margin-bottom: 0; }
            @media only screen and (max-width: 767px) {
              .application-summary .center-column .with-car .congrats-car-card-container .congrats-subtext .congrats-price {
                font-size: 14px;
                position: relative;
                bottom: -20px; } }
    @media only screen and (max-width: 767px) {
      .application-summary .center-column .congrats-review {
        margin-left: -20px; } }
    .application-summary .center-column .congrats-review .title-container .credit-section-title {
      font-size: 18px;
      font-style: normal;
      line-height: 1.33;
      color: #041022;
      margin-bottom: 0;
      font-weight: normal; }
    @media only screen and (max-width: 767px) {
      .application-summary .center-column .congrats-review .title-container {
        font-size: 16px; } }
    .application-summary .center-column .congrats-review .credit-section-edit-text {
      display: none; }
    .application-summary .center-column .congrats-review .review-page-row-2 .credit-review-page__col:last-child {
      margin-bottom: 0; }

.process-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 360px;
  padding: 80px 55px;
  background-color: #f5f5f5; }
  @media only screen and (max-width: 1023px) {
    .process-container {
      min-height: 0;
      min-height: initial;
      padding: 50px 20px; } }
  .process-container h2 {
    font-family: "Vroom-Sans";
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
    color: #041022;
    margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .process-container h2 {
        margin-bottom: 40px;
        font-family: "Vroom-Sans";
        font-size: 36px;
        line-height: 40px;
        letter-spacing: 1px; } }
    @media only screen and (min-width: 1024px) {
      .process-container h2 {
        font-family: "Vroom-Sans";
        font-size: 42px;
        line-height: 46px;
        letter-spacing: 1px; } }
  .process-container .process-steps {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    width: 100%;
    max-width: 1280px; }
    @media only screen and (max-width: 767px) {
      .process-container .process-steps {
        flex-direction: column;
        align-items: center; } }
    .process-container .process-steps .process-step {
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .process-container .process-steps .process-step {
          margin-bottom: 20px; }
          .process-container .process-steps .process-step:last-child {
            margin-bottom: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .process-container .process-steps .process-step {
          width: 220px; } }
      @media only screen and (min-width: 1024px) {
        .process-container .process-steps .process-step {
          width: 280px; } }
      .process-container .process-steps .process-step .step-icon {
        height: 90px;
        width: 100%;
        margin-bottom: 20px; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .process-container .process-steps .process-step .step-icon {
            height: 70px; } }
        @media only screen and (max-width: 767px) {
          .process-container .process-steps .process-step .step-icon {
            display: none; } }
      .process-container .process-steps .process-step .step-title {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
        position: relative;
        left: -8px; }
        @media only screen and (max-width: 767px) {
          .process-container .process-steps .process-step .step-title {
            margin-bottom: 5px; } }
        .process-container .process-steps .process-step .step-title h3 {
          display: inline-block;
          font-family: "Calibre-Semibold";
          font-size: 18px;
          line-height: 25px;
          color: #041022;
          white-space: nowrap;
          margin: 0; }
          @media only screen and (min-width: 768px) {
            .process-container .process-steps .process-step .step-title h3 {
              font-size: 20px;
              line-height: 26px; } }
        .process-container .process-steps .process-step .step-title .number-icon {
          margin-right: 7px;
          width: 18px; }
        @media only screen and (max-width: 1023px) {
          .process-container .process-steps .process-step .step-title:nth-child(2) {
            align-items: flex-start; }
            .process-container .process-steps .process-step .step-title:nth-child(2) .number-icon {
              margin-top: 3px; } }
      .process-container .process-steps .process-step p {
        margin-bottom: 0;
        font-family: "Calibre-Regular";
        font-size: 16px;
        line-height: 22px;
        text-align: center; }
        @media only screen and (min-width: 768px) {
          .process-container .process-steps .process-step p {
            font-size: 18px;
            line-height: 25px; } }

.contact-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-top: solid 1px #e0e0e0;
  padding: 50px 0; }
  @media only screen and (max-width: 1023px) {
    .contact-container {
      flex-direction: column; } }
  @media only screen and (max-width: 767px) {
    .contact-container {
      padding: 40px 0;
      justify-content: space-around; } }
  .contact-container h3 {
    font-size: 20px;
    line-height: 1.4;
    color: #041022;
    margin: 0 30px 0 0; }
    @media only screen and (max-width: 1023px) {
      .contact-container h3 {
        margin-bottom: 15px; } }
    @media only screen and (max-width: 767px) {
      .contact-container h3 {
        margin: 42px 0 24px 0; } }
  .contact-container .contact-items {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .contact-container .contact-items {
        justify-content: space-between;
        flex-direction: column;
        position: relative; } }
    .contact-container .contact-items .contact-item {
      display: flex;
      flex-direction: row;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .contact-container .contact-items .contact-item:first-child {
          margin-bottom: 40px; } }
      .contact-container .contact-items .contact-item a {
        display: flex;
        align-items: center; }
      .contact-container .contact-items .contact-item .dropdown-icon {
        fill: #e7131a;
        height: 22px;
        min-width: 21px;
        margin-right: 10px; }
      .contact-container .contact-items .contact-item p,
      .contact-container .contact-items .contact-item a {
        font-family: "Calibre-Semibold";
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 1.25px;
        margin-bottom: 0;
        color: #041022;
        text-transform: uppercase; }
      @media only screen and (min-width: 768px) {
        .contact-container .contact-items .contact-item:hover {
          cursor: pointer;
          text-decoration: underline; }
          .contact-container .contact-items .contact-item:hover p,
          .contact-container .contact-items .contact-item:hover a {
            color: #e7131a; } }
      .contact-container .contact-items .contact-item.phone {
        cursor: default;
        text-decoration: none; }
        .contact-container .contact-items .contact-item.phone p,
        .contact-container .contact-items .contact-item.phone a {
          color: #041022; }
    .contact-container .contact-items .vertical-divider {
      width: 1px;
      height: 40px;
      background-color: #d6d7da;
      margin: 0 30px; }
      @media only screen and (max-width: 767px) {
        .contact-container .contact-items .vertical-divider {
          display: none; } }

.congrats-car-card-container {
  width: 100%;
  height: 100px;
  border-radius: 0;
  background-color: #ffffff;
  border: solid 1px #d6d7da;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  padding-right: 5px;
  cursor: pointer; }
  @media only screen and (max-width: 767px) {
    .congrats-car-card-container {
      height: 77px; } }
  .congrats-car-card-container .congrats-image-container {
    height: 100%;
    min-width: 146.9px;
    border-radius: 0; }
    @media only screen and (max-width: 767px) {
      .congrats-car-card-container .congrats-image-container {
        min-width: 112.6px; } }
    .congrats-car-card-container .congrats-image-container img {
      min-height: 100%;
      max-height: 100%;
      min-width: 100%;
      max-width: 100%; }
    .congrats-car-card-container .congrats-image-container .image-label {
      font-family: "Calibre-Semibold";
      height: 24px;
      width: 79px;
      background: #308406;
      color: #ffffff;
      text-align: center;
      border-radius: 0;
      font-size: 10px;
      font-weight: bold;
      letter-spacing: 1px;
      line-height: 14px;
      position: absolute;
      padding: 4px 8px 6px 10px;
      white-space: nowrap; }
  .congrats-car-card-container .congrats-subtext {
    margin: 15px 0 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .congrats-car-card-container .congrats-subtext {
        margin: 10px 10px 10px 10px; } }
    .congrats-car-card-container .congrats-subtext .auto-price {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 39px;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .congrats-car-card-container .congrats-subtext .auto-price {
          flex-direction: row; } }
    .congrats-car-card-container .congrats-subtext h3 {
      font-family: "Calibre-Semibold";
      font-size: 16px;
      line-height: 1.5;
      color: #041022;
      margin-bottom: 0;
      white-space: nowrap; }
      @media only screen and (max-width: 767px) {
        .congrats-car-card-container .congrats-subtext h3 {
          font-size: 14px; } }
    .congrats-car-card-container .congrats-subtext .congrats-autobiography {
      display: flex;
      flex-direction: row;
      font-family: "Calibre-Regular";
      font-size: 16px;
      line-height: 1;
      color: #041022;
      position: relative;
      top: -2px; }
      .congrats-car-card-container .congrats-subtext .congrats-autobiography .info {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 19ch; }
      @media only screen and (max-width: 767px) {
        .congrats-car-card-container .congrats-subtext .congrats-autobiography {
          flex-direction: column;
          justify-content: space-between;
          font-size: 12px;
          height: 30px;
          margin-top: 7px; }
          .congrats-car-card-container .congrats-subtext .congrats-autobiography .info {
            display: none; } }
      .congrats-car-card-container .congrats-subtext .congrats-autobiography p {
        margin-bottom: 0; }
      .congrats-car-card-container .congrats-subtext .congrats-autobiography .congrats-divider {
        width: 2px;
        height: 15px;
        background: #d6d7da;
        margin: 0 10px; }
        @media only screen and (max-width: 767px) {
          .congrats-car-card-container .congrats-subtext .congrats-autobiography .congrats-divider {
            display: none; } }
    .congrats-car-card-container .congrats-subtext .congrats-price {
      font-family: "Calibre-Bold";
      font-size: 20px;
      color: #1960d0;
      margin-bottom: 0; }
      @media only screen and (max-width: 767px) {
        .congrats-car-card-container .congrats-subtext .congrats-price {
          font-size: 16px;
          position: relative;
          bottom: -20px; } }

@media only screen and (max-width: 767px) {
  .residential-form .months,
  .residential-form .previous-months,
  .residential-form .coapplicant-months {
    padding-right: 0; } }

.residence-type {
  vertical-align: bottom; }
  .residence-type .tab {
    width: 33.333333%; }

.credit-page p {
  font-family: "Calibre-Regular";
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 0.3px; }

.credit-page .input-description {
  position: relative;
  top: -23px; }
  .credit-page .input-description.alimony-label {
    top: -15px; }
  .credit-page .input-description.down-payment {
    top: 10px; }
    @media only screen and (max-width: 1279px) {
      .credit-page .input-description.down-payment {
        display: none; } }
  .credit-page .input-description p {
    color: #6c717a; }
    .credit-page .input-description p.alimony {
      width: 287px; }
  @media only screen and (max-width: 767px) {
    .credit-page .input-description {
      display: none; } }

.credit-page .salary-breakdown {
  color: #041022;
  position: relative;
  top: 13px;
  left: 11px; }

.credit-page .secure {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  top: 3px;
  padding: 16px 16px 11px 0; }
  @media only screen and (max-width: 767px) {
    .credit-page .secure {
      justify-content: flex-start; } }
  .credit-page .secure p {
    color: #00a34c;
    margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .credit-page .secure p {
        margin-left: 10px; } }
    @media only screen and (min-width: 768px) {
      .credit-page .secure p {
        width: 90%; } }

.credit-page .ssn {
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .credit-page .ssn {
      margin-bottom: 0; } }

.credit-page .gross-income {
  margin-bottom: 0; }

.trade-in {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  width: 430px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .trade-in {
      width: 340px;
      height: 100px;
      margin: 15px 0 20px 0; } }
  .trade-in .reasons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .trade-in .reasons {
        margin-left: 20px;
        height: 120px; } }
    .trade-in .reasons .two-reasons {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .trade-in .reasons .two-reasons {
          justify-content: space-around;
          flex-direction: column;
          height: 60px; } }
      .trade-in .reasons .two-reasons .reason {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; }
        @media only screen and (min-width: 768px) {
          .trade-in .reasons .two-reasons .reason {
            width: 178px;
            padding: 2.5px 0; } }
        .trade-in .reasons .two-reasons .reason img {
          height: 12px;
          width: 12px;
          margin-right: 5px; }
        .trade-in .reasons .two-reasons .reason p {
          font-family: "Calibre-Semibold";
          color: #041022;
          font-size: 14px;
          margin: 0; }
  .trade-in .icon {
    width: 50px;
    height: 44px;
    fill: #041022; }
    @media only screen and (min-width: 768px) {
      .trade-in .icon {
        margin-right: 20px; } }
  .trade-in__row {
    position: relative;
    display: flex;
    align-items: center; }

.yes-no {
  margin-bottom: 30px; }
  .yes-no .tab {
    width: 100px; }
  @media only screen and (max-width: 767px) {
    .yes-no .tab {
      width: 50%; } }

.preferred-term {
  margin-bottom: 20px; }
  .preferred-term .tab {
    width: 70px; }
  @media only screen and (max-width: 767px) {
    .preferred-term .tab {
      width: 20%; } }

.yes-no-text {
  font-family: "Calibre-Semibold";
  color: #6c717a;
  font-size: 16px; }

.coapplicant-prompt {
  display: flex;
  position: relative;
  margin-bottom: 17.5px;
  margin-top: 10px; }
  .coapplicant-prompt .image-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .coapplicant-prompt .image-container img {
      margin: 2px 6px 0;
      width: 13px;
      cursor: pointer; }
  @media only screen and (max-width: 767px) {
    .coapplicant-prompt.coapplicant-prompt-review {
      margin-left: 20px; } }
  .coapplicant-prompt .tooltip {
    width: 190px;
    height: 75px;
    padding: 10px;
    position: absolute;
    top: -78px;
    background: #0b2c37;
    border-radius: 0; }
    .coapplicant-prompt .tooltip p {
      font-family: "Calibre-Regular";
      font-size: 13px;
      line-height: 1.23;
      letter-spacing: 0.3px;
      color: #ffffff;
      margin-bottom: 0; }
    .coapplicant-prompt .tooltip::after {
      content: ' ';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -7px;
      border-width: 7px;
      border-style: solid;
      border-color: #0b2c37 transparent transparent transparent; }

.car-card-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #d6d7da;
  overflow: hidden; }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .car-card-container {
      max-height: 295px; } }
  @media only screen and (max-width: 1023px) {
    .car-card-container {
      border-radius: 0;
      flex-direction: row;
      border-top: 0;
      border-left: 0;
      border-right: 0; } }
  @media only screen and (max-width: 767px) {
    .car-card-container {
      font-size: 14px;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); } }
  .car-card-container .image-container {
    width: 100%;
    max-height: 66.6%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    @media only screen and (max-width: 1023px) {
      .car-card-container .image-container {
        max-height: 100%;
        min-width: 147px;
        max-width: 147px;
        border-radius: 0; } }
    @media only screen and (max-width: 767px) {
      .car-card-container .image-container {
        min-width: 116px;
        max-width: 116px; } }
    .car-card-container .image-container img {
      min-width: 100%;
      max-width: 100%; }
      @media only screen and (max-width: 1023px) {
        .car-card-container .image-container img {
          min-height: 100%;
          max-height: 100%;
          width: 100%; } }
  .car-card-container .subtext {
    width: 100%;
    position: relative;
    background: white;
    padding: 15px 20px 20px 20px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    white-space: nowrap; }
    .car-card-container .subtext .auto-price {
      display: flex;
      flex-direction: column;
      width: 100%;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .car-card-container .subtext .auto-price {
          flex-direction: row; } }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .car-card-container .subtext {
        padding: 12.6px 11.2px 14px 15px; } }
    @media only screen and (max-width: 1023px) {
      .car-card-container .subtext {
        height: 100%;
        top: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .car-card-container .subtext {
        padding: 15px 16.1px; } }
    @media only screen and (max-width: 767px) {
      .car-card-container .subtext {
        padding: 10px 20px 10px 10px; } }
    .car-card-container .subtext .title {
      font-family: "Calibre-Semibold";
      font-size: 24px;
      line-height: 1.25;
      letter-spacing: 0.3px;
      color: #041022;
      margin-bottom: 0; }
      @media only screen and (min-width: 320px) and (max-width: 1279px) {
        .car-card-container .subtext .title {
          font-size: 16px;
          padding-bottom: 5px; } }
    .car-card-container .subtext .autobiography {
      display: flex;
      flex-direction: row;
      align-items: center;
      position: relative;
      top: 2px;
      height: 24px;
      font-size: 18px;
      line-height: 1.39;
      letter-spacing: 0.3px;
      font-family: "Calibre-Regular";
      margin-bottom: 0; }
      @media only screen and (max-width: 1279px) {
        .car-card-container .subtext .autobiography {
          top: -2px; } }
      @media only screen and (min-width: 768px) and (max-width: 1279px) {
        .car-card-container .subtext .autobiography {
          font-size: 14px; } }
      @media only screen and (max-width: 767px) {
        .car-card-container .subtext .autobiography {
          font-size: 12px;
          flex-direction: column;
          height: 42px;
          align-items: flex-start; } }
      .car-card-container .subtext .autobiography .info {
        max-width: 30ch;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 0; }
      .car-card-container .subtext .autobiography .miles {
        margin-bottom: 0; }
    .car-card-container .subtext .price-id {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-top: 6px; }
      @media only screen and (max-width: 1023px) {
        .car-card-container .subtext .price-id {
          flex-direction: row;
          justify-content: flex-start;
          align-items: center; } }
      @media only screen and (max-width: 767px) {
        .car-card-container .subtext .price-id {
          height: 14px;
          position: relative;
          bottom: -19px; } }
      .car-card-container .subtext .price-id .price {
        font-family: "Calibre-Semibold";
        color: #041022;
        font-size: 24px;
        margin-bottom: 0; }
        @media only screen and (min-width: 768px) and (max-width: 1279px) {
          .car-card-container .subtext .price-id .price {
            font-size: 18px; } }
        @media only screen and (max-width: 767px) {
          .car-card-container .subtext .price-id .price {
            font-family: "Calibre-Regular";
            font-size: 16px; } }
      .car-card-container .subtext .price-id .stock {
        font-size: 16px; }
        @media only screen and (max-width: 1023px) {
          .car-card-container .subtext .price-id .stock {
            margin-bottom: 0; } }
        @media only screen and (max-width: 767px) {
          .car-card-container .subtext .price-id .stock {
            font-size: 14px; } }

.vertical-divider {
  width: 1px;
  height: 14px;
  background-color: #e0e0e0;
  margin: 0 6px 0 6px; }
  @media only screen and (max-width: 767px) {
    .vertical-divider {
      display: none; } }

.credit-section {
  background-color: white;
  margin-top: -1px; }
  .credit-section .title-container {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    font-family: "Calibre-Semibold";
    padding: 15px 0px;
    border-top: 1px solid #dddddd; }
    @media only screen and (max-width: 767px) {
      .credit-section .title-container {
        justify-content: space-between;
        border-top: 0px; } }
    .credit-section .title-container .time-estimate {
      font-family: "Calibre-Regular";
      color: #999da3;
      font-size: 18px;
      line-height: 1.39;
      letter-spacing: 0.3px;
      display: inline;
      margin-left: 5px; }
      @media only screen and (max-width: 767px) {
        .credit-section .title-container .time-estimate {
          display: none; } }
    .credit-section .title-container .credit-section-edit-text {
      margin-left: 10px;
      font-family: "Calibre-Regular";
      font-size: 16px;
      line-height: 1.38;
      letter-spacing: 0.3px;
      color: #e7131a; }
      .credit-section .title-container .credit-section-edit-text:hover {
        color: #e7131a;
        text-decoration: underline; }
  .credit-section:last-child {
    border-bottom: 0; }
    .credit-section:last-child .credit-section-content {
      border-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .credit-section {
      padding: 0 20px; } }
  .credit-section__footer {
    padding-bottom: 15px; }
    .credit-section__footer .yes-no {
      margin-bottom: 15px; }
      .credit-section__footer .yes-no-text {
        margin-bottom: 0px; }

.credit-section-title {
  font-family: "Calibre-Semibold";
  font-size: 20px;
  line-height: 1.3;
  color: #041022;
  letter-spacing: 0.3px;
  display: inline;
  margin-bottom: 0px; }
  @media only screen and (max-width: 767px) {
    .credit-section-title {
      font-size: 18px; } }
  .credit-section-title.done {
    color: #6c717a; }
  .credit-section-title.to-do {
    color: #999da3; }

.finish-section-btn {
  text-align: center;
  width: 150px;
  height: 40px;
  font-family: "Calibre-Semibold";
  font-size: 16px;
  font-weight: normal;
  margin-top: 10px;
  line-height: 1;
  letter-spacing: 1.8px; }
  .finish-section-btn-container {
    margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .finish-section-btn {
      margin-left: 50%;
      -webkit-transform: translate(-50%);
              transform: translate(-50%); } }
  .finish-section-btn.disabled {
    background-color: #d6d7da;
    cursor: not-allowed; }
  .finish-section-btn.submitting {
    background-color: #e7131a !important; }

.credit-review-page .credit-review-page__grid {
  display: flex;
  flex-direction: column; }
  .credit-review-page .credit-review-page__grid .credit-review-page__row {
    display: flex; }
    @media only screen and (min-width: 768px) {
      .credit-review-page .credit-review-page__grid .credit-review-page__row {
        margin-bottom: 10px; } }
    @media only screen and (max-width: 767px) {
      .credit-review-page .credit-review-page__grid .credit-review-page__row {
        display: block; } }
  .credit-review-page .credit-review-page__grid .credit-review-page__col {
    flex: 1;
    max-width: 33%; }
    @media only screen and (max-width: 767px) {
      .credit-review-page .credit-review-page__grid .credit-review-page__col {
        max-width: 100%;
        padding-bottom: 10px; } }
    .credit-review-page .credit-review-page__grid .credit-review-page__col ul {
      list-style-type: none; }

.credit-review-page .credit-section {
  border-top: none;
  margin-top: -1px; }
  @media only screen and (max-width: 767px) {
    .credit-review-page .credit-section {
      border-top: 1px solid #dddddd;
      border-bottom: 0px; } }
  .credit-review-page .credit-section .credit-section-edit-text {
    margin-left: 7px; }
  .credit-review-page .credit-section.finance-review-section {
    margin-bottom: 5px;
    padding-bottom: 0; }
    .credit-review-page .credit-section.finance-review-section .credit-section-content {
      border-bottom: 0;
      padding-bottom: 5px; }
  .credit-review-page .credit-section.residential-review-section .address-input {
    margin-bottom: 5px; }
  .credit-review-page .credit-section-content {
    padding-bottom: 20px; }
    @media only screen and (max-width: 1023px) {
      .credit-review-page .credit-section-content {
        padding-bottom: 15px; } }
  .credit-review-page .credit-section .title-container {
    padding: 15px 0px 10px; }

.credit-review-page .review-page-subtitle {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.43;
  color: #041022;
  padding-top: 0px;
  margin: 10px 0px; }

@media only screen and (max-width: 767px) {
  .credit-review-page .review-section-btn {
    text-align: center;
    padding: 0 20px;
    margin: 15px 0px; } }

.credit-review-page .review-section-btn input {
  height: 40px;
  background-color: #d6d7da;
  font-size: 18px; }
  .credit-review-page .review-section-btn input:not([disabled]) {
    background: #e7131a;
    color: #ffffff; }
    .credit-review-page .review-section-btn input:not([disabled]):hover {
      background: #fc4349; }

.credit-review-page ul.credit-form-data {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap; }
  .credit-review-page ul.credit-form-data li {
    width: 33%; }

.credit-review-page .input-data {
  font-family: "Calibre-Regular";
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  color: #041022;
  margin-top: -5px;
  word-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }
  .credit-review-page .input-data p {
    margin-top: -6px; }

.credit-section {
  display: flex;
  flex-flow: column;
  overflow: hidden;
  padding: 0px 5px; }
  @media only screen and (max-width: 767px) {
    .credit-section {
      padding: 0px 20px;
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd; } }
  .credit-section.section-2 select.focus:focus, .credit-section.section-2 select.focus:active {
    background-color: #ffffff !important;
    border: 1px solid #1960d0; }
  .credit-section .credit-section-content {
    opacity: 1;
    flex: 1 0 auto;
    transition: all 0.75s ease; }
    .credit-section .credit-section-content.inactive {
      opacity: 0;
      flex: 0;
      height: 0;
      max-height: 0; }
    @media only screen and (max-width: 767px) {
      .credit-section .credit-section-content {
        border-bottom: 0px; } }

.credit-page.start-purchase-page-container {
  padding-top: 0;
  width: 100%;
  background: #f5f5f5; }

.credit-page-main {
  background: #ffffff; }

.start-purchase-page .pay-option-container {
  border-radius: 0;
  background-color: white;
  border: 1px solid #e0e0e0;
  margin: 20px 0px; }
  @media only screen and (max-width: 767px) {
    .start-purchase-page .pay-option-container {
      text-align: center;
      margin: 20px; } }

.start-purchase-page .start-purchase-page-title {
  font-family: "Vroom-Sans";
  font-size: 28px;
  line-height: 1.14;
  letter-spacing: 1px;
  margin: 20px 0px; }
  @media only screen and (max-width: 767px) {
    .start-purchase-page .start-purchase-page-title {
      margin: 20px; } }

.start-purchase-page .pay-option-headline {
  background-color: #1960d0;
  font-family: "Calibre-Bold";
  font-size: 12px;
  line-height: 1;
  letter-spacing: 1.3px;
  color: white;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 29px; }
  @media only screen and (max-width: 767px) {
    .start-purchase-page .pay-option-headline {
      padding-left: 0; } }

.start-purchase-page .pay-option-content {
  padding: 30px 0 30px 29px; }
  @media only screen and (max-width: 767px) {
    .start-purchase-page .pay-option-content {
      padding: 30px 20px 25px 20px; } }
  .start-purchase-page .pay-option-content p {
    font-size: 18px;
    line-height: 1.39;
    letter-spacing: 0.3px; }
    @media only screen and (max-width: 767px) {
      .start-purchase-page .pay-option-content p {
        font-size: 16px; } }
  .start-purchase-page .pay-option-content.first {
    opacity: 0;
    -webkit-animation: fadein 0.5s 0.75s 1 forwards;
            animation: fadein 0.5s 0.75s 1 forwards; }
    @media only screen and (min-width: 768px) {
      .start-purchase-page .pay-option-content.first {
        padding-bottom: 20px; } }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .start-purchase-page .pay-option-content.second {
    opacity: 0;
    -webkit-animation: fadein 0.5s 1s 1 forwards;
            animation: fadein 0.5s 1s 1 forwards; }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .start-purchase-page .pay-option-content.third {
    opacity: 0;
    -webkit-animation: fadein 0.5s 1.25s 1 forwards;
            animation: fadein 0.5s 1.25s 1 forwards; }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.start-purchase-page .pay-option-title {
  font-family: "Calibre-Semibold";
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0.3px;
  color: #041022; }
  @media only screen and (max-width: 767px) {
    .start-purchase-page .pay-option-title {
      font-size: 20px;
      line-height: 1.3; } }

@media only screen and (max-width: 767px) {
  .start-purchase-page .finance-selling-points {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 168px;
    position: relative; } }

.start-purchase-page .finance-selling-points > li {
  font-family: "Calibre-Regular";
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 0.3px;
  color: #041022;
  margin-bottom: 10px; }

.start-purchase-page .pay-options-grid {
  display: flex;
  align-items: center; }
  .start-purchase-page .pay-options-grid p {
    margin-bottom: 0; }
  .start-purchase-page .pay-options-grid-left {
    flex-basis: 70%; }
  @media only screen and (max-width: 767px) {
    .start-purchase-page .pay-options-grid {
      display: block; }
      .start-purchase-page .pay-options-grid-left {
        margin-bottom: 10px; } }

.start-purchase-page .checkmark {
  margin-right: 7px;
  position: relative;
  top: -1px; }

.btn-pay-option {
  min-width: 142px;
  height: 40px;
  font-family: "Calibre-Semibold";
  font-size: 16px;
  line-height: 1;
  letter-spacing: 1.8px;
  padding: 12px 8px; }
  .btn-pay-option span {
    vertical-align: super; }
  @media only screen and (max-width: 767px) {
    .btn-pay-option {
      width: 142px; } }

@media only screen and (min-width: 768px) {
  .leadgen-trade-in {
    width: 475px; }
    .leadgen-trade-in .reasons {
      width: 405px; }
      .leadgen-trade-in .reasons .welcome {
        position: relative;
        left: -97px; }
    .leadgen-trade-in img {
      width: 44px;
      height: 30px; } }

.start-purchase-page {
  max-width: 780px;
  opacity: 0;
  -webkit-animation: fadein 0.5s 0.5s 1 forwards;
          animation: fadein 0.5s 0.5s 1 forwards; }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .start-purchase-page {
      padding: 30px 62px 50px 62px; } }
  @media only screen and (max-width: 767px) {
    .start-purchase-page h1 {
      text-align: center; } }
  .start-purchase-page .yes-no {
    margin: 20px auto; }

@media only screen and (min-width: 1024px) {
  .credit-page.leadgen-main {
    padding-top: 0; } }

.hold-page-footer {
  padding-bottom: 30px; }
  .hold-page-footer .finish-section-btn {
    width: auto;
    padding: 7.5px 25px;
    margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .hold-page-footer {
      padding: 0px 20px 40px 20px; }
      .hold-page-footer .finish-section-btn {
        width: 100%; } }

.hold-page .credit-page-main {
  max-width: 779px; }

.hold-page .title-container .hold-page-subtitle {
  font-size: 18px;
  line-height: 1.39;
  letter-spacing: 0.3px;
  margin-bottom: 20px; }

@media only screen and (max-width: 767px) {
  .hold-page .title-container {
    padding: 12px 20px 20px; }
    .hold-page .title-container .credit-page-title {
      margin-bottom: 0; }
    .hold-page .title-container .hold-page-subtitle {
      font-size: 16px;
      margin-bottom: 0; } }

.hold-page .credit-section {
  border-top: none;
  border-bottom: none; }
  .hold-page .credit-section .payment-title {
    position: relative; }
  .hold-page .credit-section .credit-field {
    padding-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .hold-page .credit-section .credit-field {
        margin-bottom: 0px; } }
  .hold-page .credit-section .billing-information-city-state-zip {
    display: flex;
    justify-content: space-between; }
    .hold-page .credit-section .billing-information-city-state-zip label {
      margin-bottom: 0px; }
    @media only screen and (max-width: 767px) {
      .hold-page .credit-section .billing-information-city-state-zip {
        flex-flow: column;
        justify-content: flex-start; }
        .hold-page .credit-section .billing-information-city-state-zip label:first-child {
          margin-bottom: 20px; } }
  .hold-page .credit-section .billing-information-state-zip {
    display: flex;
    justify-content: space-between;
    flex: 1; }
    .hold-page .credit-section .billing-information-state-zip label {
      display: block;
      flex: 1; }

.hold-page .stripe-element {
  position: relative;
  padding-bottom: 20px; }
  .hold-page .stripe-element .stripe-validation-icon {
    position: absolute;
    right: 10px;
    top: 13px; }
  .hold-page .stripe-element .error-msg {
    position: absolute;
    padding: 6px 0px;
    bottom: 0;
    left: 0; }

.hold-page .credit-card-brands {
  position: absolute; }
  @media only screen and (max-width: 767px) {
    .hold-page .credit-card-brands {
      margin-bottom: 10px; } }
  .hold-page .credit-card-brands img {
    opacity: 0.15; }
    .hold-page .credit-card-brands img:not(last-child) {
      margin-right: 5px; }
    .hold-page .credit-card-brands img.focus {
      opacity: 1; }

.hold-page .yes-no {
  margin-top: 12px;
  margin-bottom: 12px; }

.hold-page .reference-label {
  margin-top: -10px; }

.hold-page .finish-section-btn {
  margin-bottom: 0; }

.hold-page .credit-payment-section {
  margin-bottom: -30px; }

.credit-card-tooltip {
  position: absolute;
  margin: -26px 0 0 78px; }
  .credit-card-tooltip:hover .credit-card-tooltip-base {
    display: flex; }
  .credit-card-tooltip .credit-card-tooltip-icon img {
    width: 11px;
    height: 11px; }
  .credit-card-tooltip .credit-card-tooltip-base {
    display: none;
    position: absolute;
    bottom: 30px;
    right: -61px;
    z-index: 1;
    height: 154px;
    width: 280px;
    border-radius: 0;
    padding: 12px 10px 0 10px;
    background-color: #041022; }
    .credit-card-tooltip .credit-card-tooltip-base:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 75%;
      margin-left: -5px;
      border-width: 7px;
      border-style: solid;
      border-color: #041022 transparent transparent transparent; }
    .credit-card-tooltip .credit-card-tooltip-base .credit-card-tooltip-row {
      display: flex;
      padding-bottom: 5px; }
    .credit-card-tooltip .credit-card-tooltip-base .credit-card-tooltip-col-1,
    .credit-card-tooltip .credit-card-tooltip-base .credit-card-tooltip-col-2 {
      display: flex;
      flex-direction: column; }
    .credit-card-tooltip .credit-card-tooltip-base .credit-card-tooltip-col-1 {
      margin-right: 30px; }
      .credit-card-tooltip .credit-card-tooltip-base .credit-card-tooltip-col-1 .credit-card-security {
        margin-top: 8px;
        margin-left: 56px; }
    .credit-card-tooltip .credit-card-tooltip-base .credit-card-tooltip-col-2 .credit-card-security {
      margin-left: 51px;
      margin-top: 8px; }
    .credit-card-tooltip .credit-card-tooltip-base .credit-card-container {
      height: 60px;
      width: 90px;
      border: 1px solid #d6d7da;
      border-radius: 0; }
      .credit-card-tooltip .credit-card-tooltip-base .credit-card-container .credit-card-number {
        font-size: 10px;
        font-weight: 500;
        line-height: 12px;
        margin-top: 21px;
        text-align: center;
        color: #ffffff; }
      .credit-card-tooltip .credit-card-tooltip-base .credit-card-container .credit-card-reader {
        height: 9px;
        width: 100%;
        margin-top: 9px;
        background-color: #d6d7da; }
      .credit-card-tooltip .credit-card-tooltip-base .credit-card-container .credit-card-security {
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
        position: absolute; }
        .credit-card-tooltip .credit-card-tooltip-base .credit-card-container .credit-card-security .cc-security-outline {
          border: 1px solid #e7131a;
          height: 16px;
          width: 26px;
          padding: 0 4px; }
      .credit-card-tooltip .credit-card-tooltip-base .credit-card-container .credit-card-signature {
        height: 11px;
        width: 54px;
        margin: 12px 0 0 8px;
        background-color: #58595b; }
    .credit-card-tooltip .credit-card-tooltip-base .security-notif {
      color: #ffffff;
      font-size: 12px;
      font-weight: 500;
      line-height: 16px; }
  .credit-card-tooltip .credit-card-brand-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-top: 7px;
    color: #ffffff; }
  .credit-card-tooltip .credit-card-brand-name {
    font-size: 8px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 8px;
    text-align: center;
    margin-top: 9px;
    color: #ffffff; }

.billing-review-section .address-data {
  margin-bottom: 5px; }

.payment-review-section .credit-card-logo {
  position: absolute;
  margin-top: -2px; }

.payment-review-section .credit-card-number {
  margin-left: 36px; }

.stripe-input {
  height: 40px;
  background-color: #f5f5f5;
  border: solid 1px #e0e0e0;
  padding-left: 9px; }
  .stripe-input.activated {
    background-color: #ffffff; }
  .stripe-input.unfocused-invalid {
    border-color: #f26900; }
  .stripe-input.focused {
    border-color: #1960d0; }

.top-ten {
  margin-top: 10px; }

.neg-30-bottom {
  margin-bottom: -30px; }

.congrats-appear {
  opacity: 0.01; }

.congrats-appear.congrats-appear-active {
  opacity: 1;
  transition: opacity 0.5s ease-in; }

.card-data {
  display: flex;
  flex-direction: row; }
  .card-data img {
    margin-right: 5px;
    position: relative;
    top: -4px; }

.search-field {
  display: flex;
  flex-direction: row; }
  .search-field .search-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    position: relative;
    background: #1960d0;
    cursor: pointer; }
    .search-field .search-button:hover {
      background: #0076b3; }
    .search-field .search-button img {
      width: 16px;
      height: auto; }

.contact-form.credit-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 578px;
  background-color: #ffffff;
  margin: 0 auto;
  padding: 80px 0; }
  @media only screen and (max-width: 767px) {
    .contact-form.credit-page {
      width: 100%;
      padding: 50px 20px; } }
  .contact-form.credit-page form {
    width: 100%; }
  .contact-form.credit-page h1 {
    font-family: "Vroom-Sans";
    font-size: 42px;
    margin-bottom: 20px;
    line-height: 1.1;
    letter-spacing: 1px;
    color: #041022; }
    @media only screen and (max-width: 767px) {
      .contact-form.credit-page h1 {
        font-size: 28px;
        line-height: 1.14; } }
  .contact-form.credit-page h4 {
    font-family: "Calibre-Regular";
    text-align: center;
    font-size: 18px;
    line-height: 1.39;
    letter-spacing: 0.3px; }
    .contact-form.credit-page h4.subtitle {
      margin-bottom: 20px; }
  .contact-form.credit-page textarea {
    height: 180px;
    resize: none;
    padding: 5px 9px;
    border: 1px solid #d6d7da;
    background-color: #f5f5f5;
    color: #041022;
    outline: none; }
    .contact-form.credit-page textarea.focused {
      background-color: #ffffff; }
    .contact-form.credit-page textarea.error {
      border: 1px solid #f26900; }
    .contact-form.credit-page textarea:focus {
      border: 1px solid #1960d0; }
    .contact-form.credit-page textarea::-webkit-input-placeholder {
      color: #999da3;
      opacity: 1; }
    .contact-form.credit-page textarea:-ms-input-placeholder {
      color: #999da3;
      opacity: 1; }
    .contact-form.credit-page textarea::-ms-input-placeholder {
      color: #999da3;
      opacity: 1; }
    .contact-form.credit-page textarea::placeholder {
      color: #999da3;
      opacity: 1; }
  .contact-form.credit-page .mobile {
    display: none; }
    @media only screen and (max-width: 767px) {
      .contact-form.credit-page .mobile {
        display: block; } }
  .contact-form.credit-page .desktop {
    display: block; }
    @media only screen and (max-width: 767px) {
      .contact-form.credit-page .desktop {
        display: none; } }
  .contact-form.credit-page .textarea-error {
    margin-top: 0; }
  .contact-form.credit-page .finish-section {
    text-align: center; }
  .contact-form.credit-page .finish-section-btn-contact {
    margin-bottom: 20px;
    width: 150px;
    padding: 14px 0; }
    @media only screen and (max-width: 767px) {
      .contact-form.credit-page .finish-section-btn-contact {
        width: 100%; } }

.contact-form-page .contact-container {
  border-top: 1px solid #d6d7da; }

.contact-congrats-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 80px 0 250px;
  width: 470px;
  color: #000000;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .contact-congrats-page {
      width: 100%;
      padding: 50px 20px; } }
  .contact-congrats-page h1 {
    font-family: "Vroom-Sans";
    font-size: 42px;
    line-height: 1.1;
    letter-spacing: 1px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .contact-congrats-page h1 {
        font-size: 28px;
        line-height: 1.14; } }
  .contact-congrats-page h4 {
    font-size: 18px;
    font-family: "Calibre-Regular";
    line-height: 1.39;
    letter-spacing: 0.3px; }
    .contact-congrats-page h4.support-text {
      margin-bottom: 20px; }
    .contact-congrats-page h4 span {
      font-family: "Calibre-Semibold"; }

.walk-in-form.credit-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 578px;
  background-color: #ffffff;
  margin: 0 auto;
  padding: 80px 0; }
  @media only screen and (max-width: 767px) {
    .walk-in-form.credit-page {
      width: 100%;
      padding: 50px 20px; } }
  .walk-in-form.credit-page form {
    width: 100%; }
  .walk-in-form.credit-page h1 {
    font-family: "Vroom-Sans";
    font-size: 42px;
    margin-bottom: 20px;
    line-height: 1.1;
    letter-spacing: 1px;
    color: #041022; }
    @media only screen and (max-width: 767px) {
      .walk-in-form.credit-page h1 {
        font-size: 28px;
        line-height: 1.14; } }
  .walk-in-form.credit-page h4 {
    font-family: "Calibre-Regular";
    text-align: center;
    font-size: 18px;
    line-height: 1.39;
    letter-spacing: 0.3px; }
    .walk-in-form.credit-page h4.subtitle {
      margin-bottom: 20px; }
  .walk-in-form.credit-page textarea {
    height: 180px;
    resize: none;
    padding: 5px 9px;
    border: 1px solid #d6d7da;
    background-color: #f5f5f5;
    color: #041022;
    outline: none; }
    .walk-in-form.credit-page textarea.focused {
      background-color: #ffffff; }
    .walk-in-form.credit-page textarea.error {
      border: 1px solid #f26900; }
    .walk-in-form.credit-page textarea:focus {
      border: 1px solid #1960d0; }
    .walk-in-form.credit-page textarea::-webkit-input-placeholder {
      color: #999da3;
      opacity: 1; }
    .walk-in-form.credit-page textarea:-ms-input-placeholder {
      color: #999da3;
      opacity: 1; }
    .walk-in-form.credit-page textarea::-ms-input-placeholder {
      color: #999da3;
      opacity: 1; }
    .walk-in-form.credit-page textarea::placeholder {
      color: #999da3;
      opacity: 1; }
  .walk-in-form.credit-page .textarea-error {
    margin-top: 0; }
  .walk-in-form.credit-page .finish-section {
    text-align: center; }
  .walk-in-form.credit-page .finish-section-btn-walk {
    margin: 20px 0;
    width: 150px;
    padding: 14px 0; }
    @media only screen and (max-width: 767px) {
      .walk-in-form.credit-page .finish-section-btn-walk {
        width: 100%; } }
  @media screen and (max-width: 768px) {
    .walk-in-form.credit-page h1 {
      text-align: center; } }

.contact-form-page .contact-container {
  border-top: 1px solid #d6d7da; }

.about-page .about-space {
  margin-top: -70px; }

.about-page .top-section {
  height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/f5376970f07c2815f66934db5ae070e7.png);
  padding: 130px 50px;
  padding-bottom: 0;
  position: relative; }
  @media only screen and (max-width: 1279px) {
    .about-page .top-section {
      background-image: url(/149ca90f9fe33fe1420bff0eccc212a1.png); } }
  @media only screen and (max-width: 1023px) {
    .about-page .top-section {
      height: 400px;
      padding-top: 107px;
      padding-right: 20px;
      padding-left: 20px;
      background-image: url(/b87be3e52defa83c3719e0f82a0478f9.png); } }
  @media only screen and (max-width: 767px) {
    .about-page .top-section {
      height: 350px;
      padding-top: 85px;
      background-image: url(/2b57041867c08c951ad89c22fc39d9f2.png); } }
  .about-page .top-section .hero-content {
    max-width: 1180px;
    margin: 0 auto;
    text-align: left;
    color: #041022; }
    @media only screen and (max-width: 767px) {
      .about-page .top-section .hero-content {
        text-align: center; } }
  .about-page .top-section h5.hero-headline {
    margin-bottom: 10px; }
  .about-page .top-section h1.hero-title {
    margin-bottom: 10px; }
    @media only screen and (min-width: 768px) {
      .about-page .top-section h1.hero-title {
        margin-bottom: 20px; } }
  .about-page .top-section h4.hero-tagline {
    margin-bottom: 30px; }

.about-page .what-is-vroom {
  text-align: center;
  padding-top: 78px; }
  @media only screen and (min-width: 768px) and (max-width: 1279px) {
    .about-page .what-is-vroom {
      padding-top: 70px; } }
  @media only screen and (max-width: 767px) {
    .about-page .what-is-vroom {
      padding-top: 50px; } }
  .about-page .what-is-vroom img {
    width: 1182px;
    height: 250px;
    margin-bottom: 50px; }
    @media only screen and (min-width: 768px) and (max-width: 1279px) {
      .about-page .what-is-vroom img {
        width: 92%;
        margin-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      .about-page .what-is-vroom img {
        width: 81.25%;
        margin-bottom: 30px; } }
  .about-page .what-is-vroom ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 1182px;
    margin: 0 auto 80px auto; }
    @media only screen and (min-width: 768px) and (max-width: 1279px) {
      .about-page .what-is-vroom ul {
        width: 92%;
        margin-bottom: 70px; } }
    @media only screen and (max-width: 767px) {
      .about-page .what-is-vroom ul {
        width: 81.25%;
        flex-wrap: wrap;
        margin-bottom: 50px; } }
    .about-page .what-is-vroom ul li {
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media only screen and (max-width: 499px) {
        .about-page .what-is-vroom ul li {
          width: 50%;
          margin-bottom: 30px; } }
      .about-page .what-is-vroom ul li h3 {
        font-family: "Vroom-Sans";
        font-size: 62px;
        font-weight: 800;
        line-height: 1.06;
        letter-spacing: 1px;
        color: #e7131a;
        margin-bottom: 20px; }
        @media only screen and (min-width: 768px) and (max-width: 1279px) {
          .about-page .what-is-vroom ul li h3 {
            font-size: 46px;
            margin-bottom: 10px; } }
        @media only screen and (max-width: 767px) {
          .about-page .what-is-vroom ul li h3 {
            font-size: 36px;
            margin-bottom: 10px; } }
      .about-page .what-is-vroom ul li span {
        font-family: "Calibre-Semibold";
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: 1.3px;
        color: #041022;
        text-transform: uppercase; }
        @media only screen and (max-width: 1279px) {
          .about-page .what-is-vroom ul li span {
            font-size: 12px;
            line-height: 16px; } }

.about-page .team {
  padding-top: 80px;
  background-color: #ffffff;
  text-align: center;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .about-page .team {
      padding-top: 50px; } }
  .about-page .team h2 {
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) {
      .about-page .team h2 {
        margin-bottom: 50px; } }
  .about-page .team ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1180px;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) and (max-width: 1279px) {
      .about-page .team ul {
        width: 95%;
        justify-content: space-around; } }
    @media only screen and (max-width: 767px) {
      .about-page .team ul {
        flex-wrap: nowrap;
        width: 100%;
        position: relative;
        transition: left 1s, right 1s; } }
    .about-page .team ul li {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 330px;
      color: #041022;
      margin-bottom: 80px; }
      @media only screen and (min-width: 768px) and (max-width: 1279px) {
        .about-page .team ul li {
          margin-bottom: 70px;
          width: 50%;
          position: relative;
          padding-left: 10vw; } }
      @media only screen and (max-width: 767px) {
        .about-page .team ul li {
          align-items: center;
          min-width: 100%;
          margin-bottom: 50px; } }
      .about-page .team ul li img {
        width: 180px;
        height: auto;
        margin-bottom: 20px; }
      .about-page .team ul li h6 {
        font-family: "Calibre-Semibold";
        font-size: 20px;
        line-height: 1.3;
        letter-spacing: 0.3px;
        margin-bottom: 4px;
        color: #041022; }
      .about-page .team ul li span {
        font-family: "Calibre-Semibold";
        font-size: 14px;
        line-height: 1;
        letter-spacing: 1.3px;
        text-transform: uppercase;
        color: #e7131a;
        margin-bottom: 8px; }
      .about-page .team ul li p {
        font-family: "Calibre-Regular";
        font-size: 18px;
        line-height: 1.39;
        letter-spacing: 0.3px;
        text-align: left;
        width: 100%;
        color: #041022; }
        @media only screen and (min-width: 1024px) and (max-width: 1279px) {
          .about-page .team ul li p {
            width: 330px; } }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .about-page .team ul li p {
            width: 285px; } }
        @media only screen and (max-width: 767px) {
          .about-page .team ul li p {
            text-align: center;
            width: 260px; } }
  .about-page .team .arrow {
    height: 16px;
    width: auto;
    position: absolute;
    bottom: 504px;
    cursor: pointer;
    z-index: 10;
    fill: #e7131a; }
    .about-page .team .arrow.right {
      right: 20px; }
    .about-page .team .arrow.left {
      left: 20px;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

.about-page .backing {
  background-color: #f5f5f5;
  padding-top: 90px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .about-page .backing {
      padding-top: 50px; } }
  .about-page .backing h2 {
    margin-bottom: 25px; }
    @media only screen and (max-width: 767px) {
      .about-page .backing h2 {
        margin-bottom: 20px; } }
  .about-page .backing h5 {
    width: 852px;
    margin: 0 auto 55px auto; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .about-page .backing h5 {
        width: 712px; } }
    @media only screen and (max-width: 767px) {
      .about-page .backing h5 {
        width: 100%;
        padding: 0 30px;
        margin-bottom: 30px; } }
  .about-page .backing ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 1180px;
    margin: 0 auto; }
    @media only screen and (max-width: 1279px) {
      .about-page .backing ul {
        width: 85%;
        justify-content: center;
        align-items: center; } }
    .about-page .backing ul li {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 80px; }
      @media only screen and (min-width: 768px) and (max-width: 1279px) {
        .about-page .backing ul li {
          margin-bottom: 50px; } }
      @media only screen and (max-width: 767px) {
        .about-page .backing ul li {
          margin-bottom: 30px; } }
      .about-page .backing ul li img {
        position: relative; }
        .about-page .backing ul li img.gc {
          top: -7px; }
        .about-page .backing ul li img.lcatterton, .about-page .backing ul li img.trowprice, .about-page .backing ul li img.pico {
          top: -6px; }
        @media only screen and (max-width: 767px) {
          .about-page .backing ul li img {
            max-width: 66%;
            height: auto; } }
      .about-page .backing ul li p {
        margin-top: 20px;
        width: 195px; }
    .about-page .backing ul .logos {
      display: flex;
      flex-direction: column; }
      .about-page .backing ul .logos .logo-row {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        width: 620px; }
        @media only screen and (min-width: 768px) and (max-width: 1279px) {
          .about-page .backing ul .logos .logo-row:first-child {
            margin: 0 auto;
            width: 390px; } }
        @media only screen and (max-width: 767px) {
          .about-page .backing ul .logos .logo-row {
            margin: 0 auto;
            width: 230px;
            justify-content: space-between; }
            .about-page .backing ul .logos .logo-row:first-child {
              width: 270px; }
            .about-page .backing ul .logos .logo-row:last-child {
              justify-content: center; } }

.about-page .team h2,
.about-page .backing h2 {
  color: #041022; }

.about-page .team h5,
.about-page .backing h5 {
  font-family: "Calibre-Regular";
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0.3px;
  text-align: center;
  color: #041022; }
  @media only screen and (max-width: 767px) {
    .about-page .team h5,
    .about-page .backing h5 {
      width: 81.25%;
      font-size: 16px; } }

#container.appraisal-page-container #container-page {
  background-color: #f5f5f5; }
  @media only screen and (max-width: 767px) {
    #container.appraisal-page-container #container-page {
      background-color: white; } }

.appraisal-page-main {
  width: 768px;
  background-color: white;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #e0e0e0;
  border-radius: 0;
  opacity: 0;
  -webkit-animation: fadein 0.5s 0.5s 1 forwards;
          animation: fadein 0.5s 0.5s 1 forwards; }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  @media only screen and (min-width: 1024px) {
    .appraisal-page-main {
      padding: 30px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .appraisal-page-main {
      min-width: 610px;
      max-width: 610px;
      margin-left: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .appraisal-page-main {
      padding: 50px 62px; } }
  @media only screen and (max-width: 1023px) {
    .appraisal-page-main {
      min-width: 0;
      min-width: initial;
      width: 100%;
      order: 1;
      border-top: 0; } }
  .appraisal-page-main > div:first-child {
    position: relative; }
    .appraisal-page-main > div:first-child .restart-appraisal-btn {
      position: absolute;
      top: 10px;
      right: 20px;
      font-family: "Calibre-Semibold";
      font-size: 16px;
      line-height: 20px;
      color: #e7131a; }
      .appraisal-page-main > div:first-child .restart-appraisal-btn:hover {
        cursor: pointer; }
        @media only screen and (min-width: 1024px) {
          .appraisal-page-main > div:first-child .restart-appraisal-btn:hover {
            text-decoration: underline; } }
      @media only screen and (max-width: 767px) {
        .appraisal-page-main > div:first-child .restart-appraisal-btn {
          top: 20px; } }

.appraisal-page-title {
  font-size: 36px;
  font-family: "Vroom-Sans";
  line-height: 1.11;
  line-height: 1.11;
  letter-spacing: 1px;
  color: #041022;
  padding-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .appraisal-page-title {
      margin-bottom: 0;
      padding: 15px 0;
      font-size: 24px;
      line-height: 1.17;
      letter-spacing: 1px;
      text-align: center; } }

.appraisal-section-subtitle {
  font-family: "Calibre-Regular";
  font-size: 18px;
  line-height: 1.39;
  letter-spacing: 0.3px; }
  @media only screen and (max-width: 767px) {
    .appraisal-section-subtitle {
      font-size: 16px; } }

.appraisal-page {
  background-color: #f5f5f5;
  padding-top: 20px;
  padding-bottom: 50px;
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 767px) {
    .appraisal-page .appraisal-section__submit-btn {
      text-align: center; } }
  .appraisal-page .appraisal-section__submit-btn input {
    width: 150px;
    height: 40px;
    background-color: #e7131a;
    cursor: pointer;
    margin-top: 12px;
    font-weight: 600; }
  .appraisal-page .width-30 {
    width: 30%; }
    @media only screen and (max-width: 767px) {
      .appraisal-page .width-30 {
        max-width: 100%;
        width: 100%;
        padding-right: 0; } }
  .appraisal-page .no-pad {
    padding-right: 0; }
  @media only screen and (max-width: 767px) {
    .appraisal-page .shift-down {
      margin-top: 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .appraisal-page .appraisal-page-main {
      margin: 20px; } }
  @media only screen and (max-width: 1023px) {
    .appraisal-page {
      padding-top: 0;
      padding-bottom: 0;
      flex-wrap: wrap; }
      .appraisal-page .appraisal-page-main {
        min-width: 0;
        min-width: initial;
        width: 100%;
        order: 1; } }
  @media only screen and (max-width: 767px) {
    .appraisal-page .appraisal-page-main {
      padding-bottom: 20px;
      border: none;
      box-shadow: none; } }

.field__checkboxes {
  margin-top: 3px; }
  .field__checkboxes .field__checkboxes__value {
    line-height: 1.5;
    margin-bottom: 0; }
    .field__checkboxes .field__checkboxes__value:last-child {
      margin-bottom: 0; }
    .field__checkboxes .field__checkboxes__value label {
      margin-bottom: 0; }
      .field__checkboxes .field__checkboxes__value label:hover:before {
        border-color: #d6d7da !important; }
      .field__checkboxes .field__checkboxes__value label h2 {
        font-size: 18px;
        line-height: 1.39;
        letter-spacing: 0.3px;
        text-align: left;
        color: #041022;
        margin-bottom: 2px; }
        @media only screen and (max-width: 767px) {
          .field__checkboxes .field__checkboxes__value label h2 {
            font-size: 16px; } }
        @media only screen and (min-width: 1024px) {
          .field__checkboxes .field__checkboxes__value label h2 {
            margin-bottom: 0; } }
      .field__checkboxes .field__checkboxes__value label p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: left;
        color: #041022; }
        @media only screen and (min-width: 768px) {
          .field__checkboxes .field__checkboxes__value label p {
            line-height: 1.71;
            width: 355px; } }

.input-help {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.33;
  color: #979797;
  margin-top: 6px;
  position: absolute;
  font-family: "Calibre-Regular"; }

.car-description {
  font-size: 18px;
  font-family: "Calibre-Medium";
  line-height: 1.39;
  letter-spacing: 0.3px;
  text-align: left;
  color: #041022; }
  @media only screen and (max-width: 767px) {
    .car-description {
      font-size: 16px; } }
  @media only screen and (min-width: 1024px) {
    .car-description {
      margin-bottom: 0; } }

.field-tooltip-prompt {
  display: flex;
  flex-direction: row;
  position: relative; }
  .field-tooltip-prompt img {
    position: relative;
    top: -2px;
    margin-left: 6px;
    width: 13px;
    cursor: pointer; }

.width-50.select.trims select.unactivated {
  border: 0.5px solid #1960d0; }

.vin-info {
  margin-bottom: 25px; }
  @media only screen and (min-width: 1024px) {
    .vin-info {
      display: flex;
      align-items: center; } }
  .vin-info .error-msg {
    line-height: 14px; }
  @media only screen and (max-width: 767px) {
    .vin-info.decoded {
      margin-bottom: 0; }
      .vin-info.decoded .width-50:first-child {
        margin-bottom: 5px; }
      .vin-info.decoded .width-50.car-description {
        margin-bottom: 10px; }
      .vin-info.decoded .vin-input-help {
        display: none; } }
  @media only screen and (min-width: 768px) {
    .vin-info {
      margin-bottom: 20px; } }
  .vin-info .width-50 {
    position: relative; }

.key-amount .tab {
  width: 50%; }

.tooltip.vehicle-info-tooltip {
  top: -102px;
  left: 86px;
  width: 220px;
  height: 75px; }
  @media only screen and (max-width: 384px) {
    .tooltip.vehicle-info-tooltip {
      left: 20px; }
      .tooltip.vehicle-info-tooltip::after {
        left: 80%; } }
  .tooltip.vehicle-info-tooltip a {
    color: white;
    text-decoration: none;
    border-bottom: 1px solid white; }

.tooltip.mileage-tooltip {
  top: -102px;
  left: 0;
  width: 238px;
  height: 90px; }
  .tooltip.mileage-tooltip::after {
    left: 84px; }

.vehicle-options-ul {
  -webkit-column-count: 1;
          column-count: 1;
  grid-column-gap: 0;
  -webkit-column-gap: 0;
          column-gap: 0;
  margin-left: 0; }
  @media only screen and (min-width: 768px) {
    .vehicle-options-ul {
      -webkit-column-count: 2;
              column-count: 2; } }

.vehicle-options-li {
  display: inline-block;
  margin-bottom: 10px;
  text-align: left;
  width: 291px; }

.vin-input-help {
  font-family: "Calibre-Bold";
  font-size: 12px;
  line-height: 1;
  letter-spacing: 1.3px;
  margin-top: 6px;
  text-align: left;
  color: #979797;
  position: absolute;
  text-transform: uppercase; }

.vehicle-info-fields {
  font-family: "Calibre-Regular";
  font-size: 18px;
  line-height: 1.39;
  letter-spacing: 0.3px; }

.vehicle-history-fields .note {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 22px;
  letter-spacing: normal;
  text-align: left;
  color: #041022; }
  @media only screen and (min-width: 768px) {
    .vehicle-history-fields .note {
      width: 397px; } }

.vehicle-history-fields .has-accident .tab {
  width: 50%; }

.vehicle-history-fields .tooltip.vehicle-history-tooltip {
  width: 220px;
  top: -152px;
  left: 172px; }
  @media only screen and (max-width: 767px) {
    .vehicle-history-fields .tooltip.vehicle-history-tooltip {
      left: 60px; }
      .vehicle-history-fields .tooltip.vehicle-history-tooltip::after {
        left: 191px; } }

.vehicle-history-fields .tooltip-question {
  position: relative; }
  .vehicle-history-fields .tooltip-question img {
    width: 16px;
    margin-left: 5px;
    position: relative;
    top: -2px; }
    .vehicle-history-fields .tooltip-question img:hover {
      cursor: pointer; }

.interior-condition-fields {
  margin-bottom: 10px; }
  .interior-condition-fields .seats .tab {
    width: 50%; }
  .interior-condition-fields .smokedIn .tab {
    width: 50%; }

.exterior-condition-fields .hail-damage .tab {
  width: 50%; }

.exterior-condition-fields .after-market h3 {
  margin-bottom: 5px; }

.exterior-condition-fields .after-market .field__checkboxes {
  margin-bottom: 20px; }

.exterior-condition-fields .tires-and-wheels .appraisal-section-subtitle span > br {
  display: none; }
  @media only screen and (max-width: 499px) {
    .exterior-condition-fields .tires-and-wheels .appraisal-section-subtitle span > br {
      display: inline; } }

.exterior-condition-fields .tires-and-wheels .tooltip-container {
  width: 16px;
  display: inline-block;
  position: relative; }
  .exterior-condition-fields .tires-and-wheels .tooltip-container img {
    width: 16px;
    margin-left: 5px;
    position: relative;
    top: -2px; }
    .exterior-condition-fields .tires-and-wheels .tooltip-container img:hover {
      cursor: pointer; }
  .exterior-condition-fields .tires-and-wheels .tooltip-container .tooltip {
    width: 220px;
    top: -62px;
    left: -97px; }

.exterior-condition-fields .tires-and-wheels .field__checkboxes, .exterior-condition-fields .after-market .field__checkboxes {
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .exterior-condition-fields .tires-and-wheels .field__checkboxes, .exterior-condition-fields .after-market .field__checkboxes {
      width: 500px; } }
  .exterior-condition-fields .tires-and-wheels .field__checkboxes .field__checkboxes__value, .exterior-condition-fields .after-market .field__checkboxes .field__checkboxes__value {
    width: 50%;
    flex-grow: 1; }
    @media only screen and (max-width: 767px) {
      .exterior-condition-fields .tires-and-wheels .field__checkboxes .field__checkboxes__value, .exterior-condition-fields .after-market .field__checkboxes .field__checkboxes__value {
        width: 100%; } }

.exterior-condition-fields .field__checkboxes__value.aftermarket-item {
  margin-bottom: 0.5rem; }

.exterior-condition-fields .field__checkboxes__value.tires-and-wheels {
  margin-bottom: 0.5rem; }

.exterior-condition-fields .detail-text {
  font-size: 14px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    .exterior-condition-fields .detail-text {
      font-size: 12px;
      line-height: 16px; } }

.exterior-condition-fields textarea {
  margin-top: 0.5rem;
  resize: none;
  padding: 5px 9px;
  border: 1px solid #d6d7da;
  background-color: #ffffff;
  color: #041022;
  outline: none;
  border-radius: 0; }
  .exterior-condition-fields textarea.error {
    border: 1px solid #f26900; }
  .exterior-condition-fields textarea:focus {
    border: 1px solid #e7131a; }
  .exterior-condition-fields textarea::-webkit-input-placeholder {
    color: #999da3;
    opacity: 1; }
  .exterior-condition-fields textarea:-ms-input-placeholder {
    color: #999da3;
    opacity: 1; }
  .exterior-condition-fields textarea::-ms-input-placeholder {
    color: #999da3;
    opacity: 1; }
  .exterior-condition-fields textarea::placeholder {
    color: #999da3;
    opacity: 1; }

.exterior-condition-fields .other-field {
  display: none;
  height: 60px;
  width: 250px;
  margin-left: -1.6rem; }
  .exterior-condition-fields .other-field.active {
    display: block; }

.mechanical-condition-fields .runnable .tab {
  width: 50%; }

.mechanical-condition-fields .mechanical-condition {
  margin-bottom: 15px; }
  .mechanical-condition-fields .mechanical-condition .error-msg {
    margin-top: 0; }

.mechanical-condition-fields .warning-lights-flood-fire-container {
  display: flex; }
  @media only screen and (max-width: 767px) {
    .mechanical-condition-fields .warning-lights-flood-fire-container {
      flex-direction: column; } }

.mechanical-condition-fields .warning-lights-container {
  margin-bottom: 20px; }
  .mechanical-condition-fields .warning-lights-container .tab {
    width: 50%; }
  .mechanical-condition-fields .warning-lights-container .select-boxes {
    justify-content: left; }

.mechanical-condition-fields .flood-fire-damage {
  vertical-align: top; }
  .mechanical-condition-fields .flood-fire-damage .tab {
    width: 50%; }

.mechanical-condition-fields .field__checkboxes.warning-lights-checkboxes {
  display: none; }
  .mechanical-condition-fields .field__checkboxes.warning-lights-checkboxes.active {
    display: block; }
  @media only screen and (max-width: 767px) {
    .mechanical-condition-fields .field__checkboxes.warning-lights-checkboxes p {
      font-size: 14px; } }

.mechanical-condition-fields textarea {
  height: 5.625rem;
  resize: none;
  padding: 5px 9px;
  border: 1px solid #d6d7da;
  background-color: #ffffff;
  color: #041022;
  outline: none;
  border-radius: 0; }
  .mechanical-condition-fields textarea.error {
    border: 1px solid #f26900; }
  .mechanical-condition-fields textarea:focus {
    border: 1px solid #1960d0; }
  .mechanical-condition-fields textarea::-webkit-input-placeholder {
    color: #999da3;
    opacity: 1; }
  .mechanical-condition-fields textarea:-ms-input-placeholder {
    color: #999da3;
    opacity: 1; }
  .mechanical-condition-fields textarea::-ms-input-placeholder {
    color: #999da3;
    opacity: 1; }
  .mechanical-condition-fields textarea::placeholder {
    color: #999da3;
    opacity: 1; }

.mechanical-condition-fields .other-field {
  display: none;
  height: 60px;
  width: 280px;
  margin-left: -1.6rem; }
  .mechanical-condition-fields .other-field.active {
    display: block; }

.mechanical-condition-fields .warning-icon {
  height: 1.375rem;
  width: 0.9375rem;
  float: left; }

.mechanical-condition-fields .warning-icon-text {
  float: right;
  margin-left: 0.5rem; }

.mechanical-condition-fields #abs-icon {
  width: 22px;
  height: 17px;
  margin-top: 3px; }

.mechanical-condition-fields #airbag-icon {
  width: 22px;
  height: 22px; }

.mechanical-condition-fields #check-engine-icon {
  width: 22px;
  height: 16px;
  margin-top: 3px; }

.mechanical-condition-fields #transmission-icon {
  width: 22px;
  height: 22px; }

.mechanical-condition-fields #air-conditioner-icon {
  width: 22px;
  height: 10px;
  margin-top: 8px; }

.mechanical-condition-fields #fluid-icon {
  width: 22px;
  height: 10px;
  margin-top: 8px; }

.mechanical-condition-fields #service-engine-icon {
  width: 22px;
  height: 18px;
  margin-top: 5px; }

.mechanical-condition-fields #low-coolant-icon {
  width: 22px;
  height: 21px; }

.appraisal-section {
  margin-top: -1px;
  padding: 0px 5px; }
  @media only screen and (max-width: 767px) {
    .appraisal-section {
      padding: 0px 20px;
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd; } }
  .appraisal-section:last-child {
    border-bottom: 0; }
    .appraisal-section:last-child .appraisal-section-content {
      border-bottom: 0; }
  .appraisal-section .title-container {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    padding: 15px 0px;
    border-top: 1px solid #dddddd; }
    @media only screen and (max-width: 767px) {
      .appraisal-section .title-container {
        justify-content: space-between;
        border-top: 0px; } }
    .appraisal-section .title-container .appraisal-step {
      margin-left: 5px;
      font-family: "Calibre-Regular";
      font-size: 18px;
      line-height: 1.39;
      letter-spacing: 0.3px;
      color: #999da3; }
      @media only screen and (max-width: 767px) {
        .appraisal-section .title-container .appraisal-step {
          font-size: 16px;
          line-height: 1.38;
          letter-spacing: 0.3px;
          color: #041022; } }
    .appraisal-section .title-container .appraisal-section-edit-text {
      margin-left: 10px;
      font-family: "Calibre-Regular";
      font-size: 16px;
      line-height: 1.38;
      letter-spacing: 0.3px;
      color: #e7131a; }
      .appraisal-section .title-container .appraisal-section-edit-text:hover {
        color: #e7131a;
        text-decoration: underline; }
  .appraisal-section .field__checkboxes__value label p {
    margin-bottom: 10px; }
  .appraisal-section p {
    font-family: "Calibre-Regular"; }

.width-50,
width-100 {
  position: relative; }

.appraisal-section-title {
  font-family: "Calibre-Semibold";
  font-size: 20px;
  line-height: 1.33;
  color: #041022;
  display: inline;
  letter-spacing: 0.3px; }
  @media only screen and (max-width: 767px) {
    .appraisal-section-title {
      font-size: 18px; } }
  .appraisal-section-title.done {
    color: #58595b; }
  .appraisal-section-title.to-do {
    color: #979797; }

.incomplete-tooltip {
  display: none;
  position: relative;
  padding: 10px;
  background: #0b2c37;
  border-radius: 0;
  width: 9.375rem;
  margin-bottom: 0.5rem; }
  @media only screen and (max-width: 767px) {
    .incomplete-tooltip {
      width: auto;
      text-align: center; } }
  .incomplete-tooltip p {
    font-family: "Calibre-Regular";
    font-size: 13px;
    line-height: 1.23;
    letter-spacing: 0.3px;
    color: #ffffff;
    margin-bottom: 0; }
  .incomplete-tooltip::after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: #0b2c37 transparent transparent transparent; }

.tooltip {
  padding: 10px;
  position: absolute;
  top: -100px;
  background: #0b2c37;
  border-radius: 0; }
  .tooltip p {
    font-family: "Calibre-Regular";
    font-size: 13px;
    line-height: 1.23;
    letter-spacing: 0.3px;
    font-size: 12px;
    line-height: 1.55;
    color: #ffffff;
    margin-bottom: 0; }
  .tooltip::after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: #0b2c37 transparent transparent transparent; }

.select-boxes .tab {
  background-color: #ffffff; }

.select-boxes.highlighted .tab {
  border: 1px solid #d6d7da; }

.select-boxes.error .tab {
  border: 1px solid #f26900; }

.field__checkboxes {
  position: relative; }
  .field__checkboxes .error-msg {
    position: absolute;
    bottom: 0; }
  .field__checkboxes.required {
    margin-bottom: 10px; }
  .field__checkboxes.highlighted .field__checkboxes__value label::before {
    border-color: #d6d7da; }
  .field__checkboxes.error .field__checkboxes__value label::before {
    border-color: #f26900; }

.appraisal-review-page .appraisal-review-page__grid {
  display: flex;
  flex-direction: column; }
  .appraisal-review-page .appraisal-review-page__grid .appraisal-review-page__row {
    display: flex; }
    @media only screen and (min-width: 768px) {
      .appraisal-review-page .appraisal-review-page__grid .appraisal-review-page__row {
        margin-bottom: 10px; } }
    @media only screen and (max-width: 767px) {
      .appraisal-review-page .appraisal-review-page__grid .appraisal-review-page__row {
        display: block; } }
  .appraisal-review-page .appraisal-review-page__grid .appraisal-review-page__col {
    flex: 1;
    max-width: 33%; }
    @media only screen and (max-width: 767px) {
      .appraisal-review-page .appraisal-review-page__grid .appraisal-review-page__col {
        max-width: 100%;
        margin-bottom: 10px; } }
    .appraisal-review-page .appraisal-review-page__grid .appraisal-review-page__col ul {
      list-style-type: none; }
  .appraisal-review-page .appraisal-review-page__grid .appraisal-review-page__col100pct {
    flex: 1;
    max-width: 100%; }
    @media only screen and (max-width: 767px) {
      .appraisal-review-page .appraisal-review-page__grid .appraisal-review-page__col100pct {
        max-width: 100%; } }
    .appraisal-review-page .appraisal-review-page__grid .appraisal-review-page__col100pct ul {
      list-style-type: none; }

.appraisal-review-page .appraisal-section {
  border-top: none;
  margin-top: -1px; }
  @media only screen and (max-width: 767px) {
    .appraisal-review-page .appraisal-section {
      padding: 0 20px;
      border-top: 1px solid #dddddd;
      border-bottom: 0px; } }
  .appraisal-review-page .appraisal-section .title-container {
    padding: 15px 0px 10px; }
    @media only screen and (max-width: 767px) {
      .appraisal-review-page .appraisal-section .title-container {
        display: flex;
        justify-content: space-between; } }
    .appraisal-review-page .appraisal-section .title-container .appraisal-section-edit-text {
      margin-left: 7px; }
  .appraisal-review-page .appraisal-section.finance-review-section {
    margin-bottom: 30px; }
  .appraisal-review-page .appraisal-section.residential-review-section .address-input {
    margin-bottom: 5px; }
  .appraisal-review-page .appraisal-section-content {
    padding-bottom: 20px; }
    @media only screen and (max-width: 1023px) {
      .appraisal-review-page .appraisal-section-content {
        padding-bottom: 15px; } }
    .appraisal-review-page .appraisal-section-content .checkbox-legal-copy label {
      margin-bottom: 0; }

.appraisal-review-page .review-page-subtitle {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.43;
  color: #041022;
  margin-top: 10px; }

.appraisal-review-page .review-section-btn input.finish-section-btn {
  width: 150px;
  height: 40px;
  margin: 0;
  background-color: #d6d7da;
  font-size: 18px;
  margin: 10px 0 20px 0; }
  .appraisal-review-page .review-section-btn input.finish-section-btn:not([disabled]) {
    background: #e7131a;
    color: #ffffff; }
    .appraisal-review-page .review-section-btn input.finish-section-btn:not([disabled]):hover {
      background: #fc4349; }
  @media only screen and (max-width: 767px) {
    .appraisal-review-page .review-section-btn input.finish-section-btn {
      width: 100%;
      -webkit-transform: none;
              transform: none; } }

.appraisal-review-page .review-section-btn input.top-right {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .appraisal-review-page .review-section-btn input.top-right {
      height: 0;
      visibility: hidden; } }

.appraisal-review-page ul.appraisal-form-data {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap; }
  .appraisal-review-page ul.appraisal-form-data li {
    width: 33%; }

.appraisal-review-page .input-data {
  font-size: 18px;
  line-height: 1.39;
  letter-spacing: 0.3px;
  text-align: left;
  color: #041022;
  margin-top: -5px;
  overflow: hidden;
  word-wrap: break-word; }
  .appraisal-review-page .input-data p {
    margin-top: -6px; }

.appraisal-review-page .car-description-small {
  visibility: collapse;
  height: 0; }
  @media only screen and (max-width: 767px) {
    .appraisal-review-page .car-description-small {
      visibility: visible;
      height: 19px; } }

.appraisal-review-page .car-description-normal {
  visibility: visible;
  height: 19px; }
  @media only screen and (max-width: 767px) {
    .appraisal-review-page .car-description-normal {
      visibility: collapse;
      height: 0; } }

.appraisal-review-page > div:first-child {
  position: relative; }
  .appraisal-review-page > div:first-child .top-submit-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-family: "Calibre-Semibold";
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1.8px;
    color: #1960d0; }
    .appraisal-review-page > div:first-child .top-submit-btn:hover {
      cursor: pointer; }
    @media only screen and (min-width: 768px) {
      .appraisal-review-page > div:first-child .top-submit-btn {
        top: 12px;
        right: 0; } }

.appraisal-section {
  display: flex;
  flex-flow: column;
  overflow: hidden; }
  .appraisal-section.overflow-visible {
    overflow: visible; }
  .appraisal-section .appraisal-section-content {
    flex: 1;
    -ms-flex: 1 0 auto;
    opacity: 1;
    transition: all 0.75s ease; }
    .appraisal-section .appraisal-section-content.inactive {
      height: 0;
      max-height: 0;
      flex: 0;
      opacity: 0; }

#container #container-page .sell-congrats-page .banner-disclaimer {
  margin: 0 auto;
  padding: 10px 20px 0;
  font-family: "Calibre-Regular";
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: 0.3px;
  text-align: center;
  color: #999da3; }

#container #container-page .sell-congrats-page .contact-container {
  margin-top: 0;
  border-top: solid 1px #d6d7da; }

#container #container-page .sell-congrats-page .congrats-banner-section {
  background-color: #308406;
  box-sizing: content-box; }
  #container #container-page .sell-congrats-page .congrats-banner-section .congrats-banner-content {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media only screen and (min-width: 1024px) {
      #container #container-page .sell-congrats-page .congrats-banner-section .congrats-banner-content {
        flex-direction: row;
        align-items: center; } }
    #container #container-page .sell-congrats-page .congrats-banner-section .congrats-banner-content .congrats-banner-text {
      margin: 15px 0 0 0;
      font-family: "Calibre-Medium";
      font-size: 18px;
      line-height: 1.39;
      letter-spacing: 0.3px;
      color: #ffffff;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        #container #container-page .sell-congrats-page .congrats-banner-section .congrats-banner-content .congrats-banner-text {
          font-size: 16px;
          max-width: 80%;
          margin: 10px auto 0 auto; } }
      #container #container-page .sell-congrats-page .congrats-banner-section .congrats-banner-content .congrats-banner-text img {
        width: 0.9375rem;
        height: 1.5rem;
        margin-right: 0.25rem;
        vertical-align: top; }
        @media only screen and (min-width: 768px) {
          #container #container-page .sell-congrats-page .congrats-banner-section .congrats-banner-content .congrats-banner-text img {
            width: 1rem; } }
      @media only screen and (max-width: 767px) {
        #container #container-page .sell-congrats-page .congrats-banner-section .congrats-banner-content .congrats-banner-text br {
          display: none; } }
    #container #container-page .sell-congrats-page .congrats-banner-section .congrats-banner-content a {
      background-color: transparent;
      margin: 0 auto 15px auto;
      font-family: "Calibre-Semibold";
      font-size: 16px;
      line-height: 1;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      text-decoration: underline; }
      @media only screen and (min-width: 1024px) {
        #container #container-page .sell-congrats-page .congrats-banner-section .congrats-banner-content a {
          margin: 0;
          margin-left: 1rem; } }

.appraisal-review-page.application-summary {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 30px 0 25px 0;
  font-family: "Calibre-Regular";
  font-size: 18px;
  line-height: 1.39;
  letter-spacing: 0.3px; }
  @media only screen and (min-width: 768px) {
    .appraisal-review-page.application-summary {
      padding-top: 50px;
      padding-bottom: 30px; } }
  .appraisal-review-page.application-summary .appraisal-section {
    padding: 0; }
  .appraisal-review-page.application-summary .truncate {
    text-overflow: ellipsis;
    overflow: hidden; }
  .appraisal-review-page.application-summary .center-column {
    max-width: 580px;
    width: 87%;
    margin: 0 auto;
    padding-top: 0; }
    @media only screen and (min-width: 768px) {
      .appraisal-review-page.application-summary .center-column {
        width: 80%; } }
    @media only screen and (min-width: 1024px) {
      .appraisal-review-page.application-summary .center-column {
        width: 60%; } }
    .appraisal-review-page.application-summary .center-column h2 {
      margin-bottom: 15px;
      font-family: "Vroom-Sans";
      font-size: 42px;
      line-height: 1.1;
      letter-spacing: 1px;
      text-align: center;
      color: #041022; }
      @media only screen and (max-width: 767px) {
        .appraisal-review-page.application-summary .center-column h2 {
          font-size: 28px; } }
    .appraisal-review-page.application-summary .center-column .receipt-id {
      width: 100%;
      display: inline-block;
      margin-bottom: 25px;
      text-align: center;
      color: #041022; }
      @media only screen and (max-width: 767px) {
        .appraisal-review-page.application-summary .center-column .receipt-id {
          margin-bottom: 30px;
          font-size: 16px;
          line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .appraisal-review-page.application-summary .center-column .title-container {
        margin-top: 18px; } }
    .appraisal-review-page.application-summary .center-column .title-container .appraisal-section-title {
      margin-bottom: 0;
      font-family: "Calibre-Semibold";
      font-size: 20px;
      line-height: 1.5;
      color: #041022;
      font-weight: normal;
      letter-spacing: 0.3px; }
    .appraisal-review-page.application-summary .center-column .appraisal-section-edit-text {
      display: none; }
    .appraisal-review-page.application-summary .center-column .appraisal-review-page__col {
      margin-bottom: 10px; }
      @media only screen and (min-width: 768px) {
        .appraisal-review-page.application-summary .center-column .appraisal-review-page__col {
          margin-bottom: 0; } }

#container:not(.header-sticky) header.offer.transparent .menu-items > li > a,
#container:not(.header-sticky) header.offer.transparent .menu-items li .dropdown-heading a {
  color: #ffffff; }
  #container:not(.header-sticky) header.offer.transparent .menu-items > li > a::before,
  #container:not(.header-sticky) header.offer.transparent .menu-items li .dropdown-heading a::before {
    background: #ffffff; }

#container:not(.header-sticky) header.offer.transparent a.logo-link,
#container:not(.header-sticky) header.offer.transparent svg.menu-hamburger {
  color: #ffffff; }

#container:not(.header-sticky) header.offer.transparent .logo-link svg,
#container:not(.header-sticky) header.offer.transparent .search-group svg {
  fill: #ffffff; }

#container:not(.header-sticky) header.offer.transparent .logo-link input[type='search']::-webkit-input-placeholder,
#container:not(.header-sticky) header.offer.transparent .search-group input[type='search']::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1; }

#container:not(.header-sticky) header.offer.transparent .logo-link input[type='search']:-ms-input-placeholder,
#container:not(.header-sticky) header.offer.transparent .search-group input[type='search']:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1; }

#container:not(.header-sticky) header.offer.transparent .logo-link input[type='search']::-ms-input-placeholder,
#container:not(.header-sticky) header.offer.transparent .search-group input[type='search']::-ms-input-placeholder {
  color: #ffffff;
  opacity: 1; }

#container:not(.header-sticky) header.offer.transparent .logo-link input[type='search']::placeholder,
#container:not(.header-sticky) header.offer.transparent .search-group input[type='search']::placeholder {
  color: #ffffff;
  opacity: 1; }

#container:not(.header-sticky) header.offer.transparent .arrow-icons > svg {
  color: #ffffff; }

.sell-offer-page {
  margin-top: -70px;
  text-align: center; }
  .sell-offer-page .bold {
    font-family: "Calibre-Semibold"; }
  .sell-offer-page .accepted-list {
    text-align: center;
    margin-top: -10px; }
    .sell-offer-page .accepted-list ul {
      display: inline-block;
      text-align: left;
      text-align: initial; }
      .sell-offer-page .accepted-list ul li {
        text-align: left;
        list-style-type: square;
        font-size: 10px; }
        .sell-offer-page .accepted-list ul li span {
          font-size: 16px; }
  .sell-offer-page h2 {
    font-family: "Calibre-Semibold";
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.5px; }
    @media only screen and (min-width: 768px) {
      .sell-offer-page h2 {
        font-size: 36px;
        line-height: 40px; } }
  .sell-offer-page h3 {
    font-size: 18px;
    line-height: 20px;
    color: #041022; }
  .sell-offer-page hr {
    margin: 20px 0; }
    @media only screen and (min-width: 768px) {
      .sell-offer-page hr {
        margin: 30px 0; } }
  .sell-offer-page br.break-not-mobile {
    display: none; }
    @media only screen and (min-width: 768px) {
      .sell-offer-page br.break-not-mobile {
        display: inline; } }
  .sell-offer-page br.break-mobile {
    display: inline; }
    @media only screen and (min-width: 768px) {
      .sell-offer-page br.break-mobile {
        display: none; } }
  .sell-offer-page .offer-hero-section {
    width: 100%;
    height: 230px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/2d2c9491997b08e17eefbbf7df575ba7.png); }
    @media only screen and (min-width: 768px) {
      .sell-offer-page .offer-hero-section {
        height: 318px;
        background-image: url(/cd4fff4996fbb4828423f6e5937a7d07.png); } }
    @media only screen and (min-width: 1024px) {
      .sell-offer-page .offer-hero-section {
        background-image: url(/e656b26af4ae35f02ba23971dde9b095.png); } }
  .sell-offer-page .offer-content-section {
    font-family: "Calibre-Regular";
    width: calc(100% - 40px);
    max-width: 580px;
    margin: 0 auto;
    padding: 40px 46px;
    position: absolute;
    top: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #ffffff;
    border-radius: 0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    color: #041022; }
    @media only screen and (max-width: 767px) {
      .sell-offer-page .offer-content-section {
        padding: 40px 22px; } }
    .sell-offer-page .offer-content-section h2 {
      font-family: "Vroom-Sans";
      font-size: 42px;
      line-height: 1.1;
      letter-spacing: 1px;
      margin-bottom: 10px; }
      @media only screen and (max-width: 767px) {
        .sell-offer-page .offer-content-section h2 {
          font-size: 28px; } }
    .sell-offer-page .offer-content-section .offer-vehicle {
      margin-bottom: 10px;
      font-size: 20px;
      line-height: 1.3;
      letter-spacing: 0.3px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .sell-offer-page .offer-content-section .offer-vehicle {
          font-size: 16px; } }
    .sell-offer-page .offer-content-section .offer-price {
      margin-bottom: 15px;
      font-family: "Vroom-Sans";
      font-size: 62px;
      line-height: 1.06;
      letter-spacing: 1px;
      color: #041022; }
      @media only screen and (max-width: 767px) {
        .sell-offer-page .offer-content-section .offer-price {
          margin-bottom: 15px;
          font-size: 42px;
          line-height: 1.1;
          letter-spacing: -0.8px; } }
    .sell-offer-page .offer-content-section .offer-expiration,
    .sell-offer-page .offer-content-section .reference-id {
      font-size: 16px;
      line-height: 1.38;
      letter-spacing: 0.3px; }
      @media only screen and (max-width: 767px) {
        .sell-offer-page .offer-content-section .offer-expiration,
        .sell-offer-page .offer-content-section .reference-id {
          font-size: 14px; } }
    .sell-offer-page .offer-content-section .accepted-finalize {
      margin-bottom: 20px;
      padding: 0 10px; }
      @media only screen and (max-width: 767px) {
        .sell-offer-page .offer-content-section .accepted-finalize {
          margin-bottom: 25px; } }
    .sell-offer-page .offer-content-section .reference-id {
      margin-bottom: 20px; }
      @media only screen and (max-width: 767px) {
        .sell-offer-page .offer-content-section .reference-id {
          margin-bottom: 25px; } }
    .sell-offer-page .offer-content-section .btn-container {
      margin-top: 20px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .sell-offer-page .offer-content-section .btn-container .btn.btn-primary {
        width: 180px; }
        @media only screen and (max-width: 767px) {
          .sell-offer-page .offer-content-section .btn-container .btn.btn-primary.mobile-full-width {
            width: 100%; } }
      .sell-offer-page .offer-content-section .btn-container .accept-offer {
        margin-bottom: 15px;
        border-radius: 0; }
        @media only screen and (max-width: 767px) {
          .sell-offer-page .offer-content-section .btn-container .accept-offer {
            width: 100%; } }
      .sell-offer-page .offer-content-section .btn-container .reject-offer {
        font-size: 18px;
        line-height: 1.39;
        letter-spacing: 0.3px;
        color: #6c717a; }
        @media only screen and (max-width: 767px) {
          .sell-offer-page .offer-content-section .btn-container .reject-offer {
            font-size: 16px; } }
  .sell-offer-page.initial .offer-gray-section {
    padding: 280px 20px 52px; }
    .sell-offer-page.initial .offer-gray-section h2 {
      font-family: "Vroom-Sans";
      font-size: 36px;
      line-height: 1.11;
      letter-spacing: 1px; }
      @media only screen and (min-width: 768px) {
        .sell-offer-page.initial .offer-gray-section h2 {
          font-size: 32px; } }
    @media only screen and (min-width: 768px) {
      .sell-offer-page.initial .offer-gray-section {
        padding: 268px 23px 63px; } }
    @media only screen and (min-width: 1024px) {
      .sell-offer-page.initial .offer-gray-section {
        padding: 298px 72px 89px; } }
    @media only screen and (min-width: 1280px) {
      .sell-offer-page.initial .offer-gray-section {
        padding: 298px 78.5px 95px; } }
  @media only screen and (max-width: 767px) {
    .sell-offer-page.accepted .offer-content-section {
      padding: 30px 15px; } }
  .sell-offer-page.accepted hr {
    margin: 20px 0; }
    @media only screen and (min-width: 768px) {
      .sell-offer-page.accepted hr {
        margin: 30px 0; } }
  @media only screen and (max-width: 767px) {
    .sell-offer-page.accepted .btn-container {
      padding: 0 5px; } }
  .sell-offer-page.accepted .offer-gray-section {
    height: 444px; }
    @media only screen and (min-width: 1024px) {
      .sell-offer-page.accepted .offer-gray-section {
        height: 436px; } }
  .sell-offer-page.rejected h3 {
    margin-bottom: 16px;
    line-height: 24px; }
  .sell-offer-page.rejected a:hover {
    text-decoration: underline; }
  .sell-offer-page.rejected .field__checkboxes__value p {
    width: 250px;
    margin-bottom: 16px;
    font-family: "Calibre-Regular";
    font-size: 16px;
    line-height: 24px; }
  .sell-offer-page.rejected .field__checkboxes__value textarea {
    width: 200px;
    height: 80px;
    margin: 0;
    position: absolute;
    left: 26px; }
    @media only screen and (min-width: 768px) {
      .sell-offer-page.rejected .field__checkboxes__value textarea {
        width: 270px;
        height: 60px; } }
    .sell-offer-page.rejected .field__checkboxes__value textarea::-webkit-input-placeholder {
      color: #999da3;
      opacity: 1; }
    .sell-offer-page.rejected .field__checkboxes__value textarea:-ms-input-placeholder {
      color: #999da3;
      opacity: 1; }
    .sell-offer-page.rejected .field__checkboxes__value textarea::-ms-input-placeholder {
      color: #999da3;
      opacity: 1; }
    .sell-offer-page.rejected .field__checkboxes__value textarea::placeholder {
      color: #999da3;
      opacity: 1; }
  .sell-offer-page.rejected .field__checkboxes__value:last-child p {
    margin-bottom: 0; }
  .sell-offer-page.rejected .field__checkboxes__value:last-child .show-input {
    padding-bottom: 80px; }
    @media only screen and (min-width: 768px) {
      .sell-offer-page.rejected .field__checkboxes__value:last-child .show-input {
        padding-bottom: 60px; } }
    .sell-offer-page.rejected .field__checkboxes__value:last-child .show-input p {
      margin-bottom: 10px;
      position: relative; }
  .sell-offer-page.rejected .offer-gray-section {
    height: 692px; }
    @media only screen and (min-width: 768px) {
      .sell-offer-page.rejected .offer-gray-section {
        height: 590px; } }
    @media only screen and (min-width: 1024px) {
      .sell-offer-page.rejected .offer-gray-section {
        height: 620px; } }
  .sell-offer-page.reason-submitted .offer-gray-section {
    height: 245px; }
    @media only screen and (min-width: 768px) {
      .sell-offer-page.reason-submitted .offer-gray-section {
        height: 292px; } }
    @media only screen and (min-width: 1024px) {
      .sell-offer-page.reason-submitted .offer-gray-section {
        height: 206px; } }
  .sell-offer-page.expired .offer-content-section h2 {
    color: #e9443c; }
  .sell-offer-page.expired .offer-content-section p {
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .sell-offer-page.expired .offer-content-section p {
        padding: 0 10px; } }
  .sell-offer-page.expired .offer-content-section h3 {
    margin-bottom: 5px; }
  @media only screen and (max-width: 767px) {
    .sell-offer-page.expired .btn-container {
      margin-top: 15px; } }
  .sell-offer-page.expired .offer-gray-section {
    height: 289px; }
    @media only screen and (min-width: 768px) {
      .sell-offer-page.expired .offer-gray-section {
        height: 292px; } }
    @media only screen and (min-width: 1024px) {
      .sell-offer-page.expired .offer-gray-section {
        height: 252px; } }
  .sell-offer-page .offer-gray-section {
    background-color: #f5f5f5; }
    .sell-offer-page .offer-gray-section h2 {
      margin-bottom: 31px; }
      @media only screen and (min-width: 768px) {
        .sell-offer-page .offer-gray-section h2 {
          margin-bottom: 50px; } }
    .sell-offer-page .offer-gray-section p {
      margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
      .sell-offer-page .offer-gray-section ul {
        max-width: 722px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; } }
    @media only screen and (min-width: 1024px) {
      .sell-offer-page .offer-gray-section ul {
        max-width: 952px; } }
    @media only screen and (min-width: 1280px) {
      .sell-offer-page .offer-gray-section ul {
        max-width: 1123px; } }
    .sell-offer-page .offer-gray-section ul li {
      display: flex;
      flex-direction: column; }
      @media only screen and (min-width: 768px) {
        .sell-offer-page .offer-gray-section ul li {
          max-width: 230px; } }
      @media only screen and (min-width: 1024px) {
        .sell-offer-page .offer-gray-section ul li {
          max-width: 250px; } }
      @media only screen and (min-width: 1280px) {
        .sell-offer-page .offer-gray-section ul li {
          max-width: 320px; } }
      .sell-offer-page .offer-gray-section ul li:not(:last-child) {
        margin-bottom: 30px; }
      .sell-offer-page .offer-gray-section ul li .steps-image {
        height: 80px;
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .sell-offer-page .offer-gray-section ul li .steps-image {
            display: none; } }
      .sell-offer-page .offer-gray-section ul li h3 {
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        line-height: 1.3;
        letter-spacing: 0.3px; }
        @media only screen and (max-width: 767px) {
          .sell-offer-page .offer-gray-section ul li h3 {
            font-size: 18px; } }
        .sell-offer-page .offer-gray-section ul li h3 .number-icon {
          margin-right: 5px; }
      .sell-offer-page .offer-gray-section ul li p {
        font-size: 18px;
        line-height: 1.39;
        letter-spacing: 0.3px; }
        @media only screen and (max-width: 767px) {
          .sell-offer-page .offer-gray-section ul li p {
            font-size: 16px; } }
      .sell-offer-page .offer-gray-section ul li .disclaimer {
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.23;
        letter-spacing: 0.3px; }

#container header.header-sticky {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

#container #container-page .marketing-page {
  margin-top: -70px; }
  #container #container-page .marketing-page p {
    margin-bottom: 0; }
  #container #container-page .marketing-page .list-unstyled {
    margin-left: 0; }

#container #container-page .marketing-page {
  margin-top: -70px; }
  #container #container-page .marketing-page .hero-section {
    min-height: 21.875rem;
    padding: 100px 20px;
    padding-bottom: 135px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 768px) {
      #container #container-page .marketing-page .hero-section {
        padding-top: 95px;
        padding-bottom: 64px; } }
    @media only screen and (min-width: 1024px) {
      #container #container-page .marketing-page .hero-section {
        height: 500px;
        padding: 150px 50px;
        padding-bottom: 133px; } }
    #container #container-page .marketing-page .hero-section.sell {
      background-image: url(/88f3cebd43edb887320dcbdd1bb7bc5a.png); }
      @media only screen and (min-width: 768px) {
        #container #container-page .marketing-page .hero-section.sell {
          background-image: url(/70b9511f708577fb848dc0551848bf5e.png); } }
      @media only screen and (min-width: 1024px) {
        #container #container-page .marketing-page .hero-section.sell {
          background-image: url(/8b4b82cde8e576e11c24ee7ee995ccb3.png); } }
      @media only screen and (min-width: 1280px) {
        #container #container-page .marketing-page .hero-section.sell {
          background-image: url(/545e779b7a8c8740ad972379e216040e.png); } }
    #container #container-page .marketing-page .hero-section.finance {
      background-image: url(/570fbb6d73c1b181d0f712261a0eab34.png); }
      @media only screen and (min-width: 768px) {
        #container #container-page .marketing-page .hero-section.finance {
          background-image: url(/66d9e074e415bb3e527e611154221589.png); } }
      @media only screen and (min-width: 1024px) {
        #container #container-page .marketing-page .hero-section.finance {
          background-image: url(/0709e98471006d76f2adbf018ebae4a8.png); } }
      @media only screen and (min-width: 1280px) {
        #container #container-page .marketing-page .hero-section.finance {
          background-image: url(/f0a20e23c97007c6a106f20643ea0270.png); } }
    #container #container-page .marketing-page .hero-section .hero-content {
      width: 100%;
      max-width: 1180px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      color: #041022;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        #container #container-page .marketing-page .hero-section .hero-content {
          align-items: center;
          text-align: center; } }
      #container #container-page .marketing-page .hero-section .hero-content p.hero-headline {
        margin-bottom: 10px;
        padding-bottom: 2px; }
        @media only screen and (min-width: 1024px) {
          #container #container-page .marketing-page .hero-section .hero-content p.hero-headline {
            margin-bottom: 15px; } }
      #container #container-page .marketing-page .hero-section .hero-content h1.hero-title {
        margin-bottom: 10px; }
        @media only screen and (max-width: 449px) {
          #container #container-page .marketing-page .hero-section .hero-content h1.hero-title {
            max-width: 330px; } }
        @media only screen and (min-width: 1024px) {
          #container #container-page .marketing-page .hero-section .hero-content h1.hero-title {
            margin-bottom: 20px; } }
      @media only screen and (max-width: 1023px) {
        #container #container-page .marketing-page .hero-section .hero-content p.hero-tagline {
          margin-bottom: 20px;
          max-width: 300px; } }
      @media only screen and (max-width: 767px) {
        #container #container-page .marketing-page .hero-section .hero-content p.hero-tagline {
          font-size: 18px;
          line-height: 25px;
          letter-spacing: 0.25px;
          max-width: none;
          margin-bottom: 1.5625rem; } }
      @media only screen and (min-width: 1024px) {
        #container #container-page .marketing-page .hero-section .hero-content p.hero-tagline {
          margin-bottom: 30px; } }
    #container #container-page .marketing-page .hero-section ul {
      width: 17.625rem;
      bottom: 1.25rem;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      @media only screen and (min-width: 768px) {
        #container #container-page .marketing-page .hero-section ul {
          width: 21.4375rem; } }
      #container #container-page .marketing-page .hero-section ul li a {
        font-family: "Calibre-Semibold";
        font-size: 0.8125rem;
        line-height: 0.8125rem;
        letter-spacing: 0.0625rem;
        color: #ffffff;
        text-transform: uppercase; }
        #container #container-page .marketing-page .hero-section ul li a:hover {
          text-decoration: underline; }

.marketing-page .marketing-press-quotes {
  background-color: #f5f5f5;
  display: flex;
  justify-content: center; }
  .marketing-page .marketing-press-quotes .quotes-container {
    width: 100%;
    max-width: 1280px;
    padding: 40px 75px;
    color: #041022; }
    @media only screen and (max-width: 1023px) {
      .marketing-page .marketing-press-quotes .quotes-container {
        padding: 40px 45px; } }
    @media only screen and (max-width: 629px) {
      .marketing-page .marketing-press-quotes .quotes-container {
        padding: 25px 40px 40px; } }
  .marketing-page .marketing-press-quotes .slick-track {
    height: 100%;
    display: flex;
    align-items: center; }
  .marketing-page .marketing-press-quotes .quote {
    font-family: "Calibre-Regular";
    font-style: italic;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.25px;
    text-align: center;
    padding: 0 0 10px;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .marketing-page .marketing-press-quotes .quote {
        font-size: 24px;
        line-height: 30px; } }
  .marketing-page .marketing-press-quotes .detail {
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px; }
    .marketing-page .marketing-press-quotes .detail .logo {
      margin: 0 auto; }
    .marketing-page .marketing-press-quotes .detail .logo#forbes,
    .marketing-page .marketing-press-quotes .detail .logo#car-driver {
      height: 1.25rem; }
    .marketing-page .marketing-press-quotes .detail .logo#usa-today {
      height: 1.5625rem; }
      @media only screen and (max-width: 629px) {
        .marketing-page .marketing-press-quotes .detail .logo#usa-today {
          margin-top: 1rem; } }
    .marketing-page .marketing-press-quotes .detail .logo#business-insider {
      height: 1.875rem; }
  .marketing-page .marketing-press-quotes .name {
    font-family: "Calibre-Semibold"; }
  .marketing-page .marketing-press-quotes .date {
    position: relative; }
  .marketing-page .marketing-press-quotes .slick-arrow {
    fill: #6c717a; }
  .marketing-page .marketing-press-quotes .slick-next {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    margin-top: -0.5rem; }
  .marketing-page .marketing-press-quotes .slick-prev {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    margin-top: -0.5rem; }

@media only screen and (max-width: 419px) {
  #container .slick-dots {
    margin-left: 0.5rem; } }

@media only screen and (max-width: 767px) {
  #container .slick-dots li {
    margin-left: -0.5rem; } }

#container .slick-dots button::before {
  font-size: 10px;
  margin-top: 0.5rem; }

@media only screen and (max-width: 629px) {
  #container .slick-dots li:nth-of-type(n + 5) {
    display: none; } }

#container .slick-dots .slick-active button::before {
  color: #e7131a; }

#container .slick-dots button::before {
  color: #d6d7da;
  opacity: 1; }

#container #container-page .marketing-page .values-section {
  padding: 50px 20px;
  max-width: 1180px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff; }
  @media only screen and (min-width: 1024px) {
    #container #container-page .marketing-page .values-section {
      max-width: 1280px;
      margin: 0 auto;
      padding: 100px 50px; } }
  #container #container-page .marketing-page .values-section ul {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-around; }
    @media only screen and (min-width: 768px) {
      #container #container-page .marketing-page .values-section ul {
        flex-direction: row; } }
    #container #container-page .marketing-page .values-section ul li {
      color: #041022; }
      @media only screen and (min-width: 768px) {
        #container #container-page .marketing-page .values-section ul li {
          margin-right: 35px;
          display: flex;
          flex: 1 0 0;
          flex-direction: column;
          align-items: center; } }
      @media only screen and (min-width: 1024px) {
        #container #container-page .marketing-page .values-section ul li {
          flex-direction: row;
          align-items: flex-start; } }
      @media only screen and (max-width: 767px) {
        #container #container-page .marketing-page .values-section ul li:not(:last-child) {
          margin-bottom: 20px; } }
      #container #container-page .marketing-page .values-section ul li .img-copy-container {
        width: 100%;
        display: flex;
        flex-direction: row; }
      #container #container-page .marketing-page .values-section ul li .value-image {
        width: 22px;
        min-width: 22px;
        max-width: 22px;
        height: 22px;
        min-height: 22px;
        max-height: 22px;
        margin-right: 10px;
        margin-top: 4px; }
      #container #container-page .marketing-page .values-section ul li .value-copy {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 100%;
        letter-spacing: 0.25px; }
        #container #container-page .marketing-page .values-section ul li .value-copy h6 {
          margin-bottom: 5px;
          font-family: "Calibre-Semibold";
          font-size: 20px;
          line-height: 26px; }
          @media only screen and (min-width: 1024px) {
            #container #container-page .marketing-page .values-section ul li .value-copy h6 {
              font-size: 24px;
              line-height: 30px; } }
        #container #container-page .marketing-page .values-section ul li .value-copy span {
          font-family: "Calibre-Regular";
          font-size: 18px;
          line-height: 25px; }

#container #container-page .marketing-page .steps-section {
  display: flex;
  justify-content: flex-start; }
  @media only screen and (min-width: 1024px) {
    #container #container-page .marketing-page .steps-section {
      position: relative;
      max-width: 1280px;
      height: 600px;
      margin: 0 auto; }
      #container #container-page .marketing-page .steps-section.finance {
        margin-bottom: 100px; } }
  #container #container-page .marketing-page .steps-section .steps-content {
    position: relative;
    padding: 50px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f5f5f5; }
    @media only screen and (max-width: 1023px) {
      #container #container-page .marketing-page .steps-section .steps-content {
        width: 100%; } }
    @media only screen and (min-width: 1024px) {
      #container #container-page .marketing-page .steps-section .steps-content {
        left: 50px;
        width: 67.3%;
        /* 690px / 1024px */
        max-width: 880px;
        height: 100%;
        padding-right: 22%;
        padding-left: 50px;
        align-items: flex-start; }
        #container #container-page .marketing-page .steps-section .steps-content::before {
          content: '';
          width: 0;
          height: 100%;
          position: absolute;
          bottom: 0;
          right: 0;
          padding-left: 50px;
          border-bottom: 600px solid #ffffff;
          border-left: 70px solid #f5f5f5; } }
    @media only screen and (min-width: 1280px) {
      #container #container-page .marketing-page .steps-section .steps-content {
        padding-right: 300px;
        padding-left: 100px; } }
    #container #container-page .marketing-page .steps-section .steps-content .parallax {
      display: none;
      top: 0; }
      @media only screen and (min-width: 1024px) {
        #container #container-page .marketing-page .steps-section .steps-content .parallax {
          position: absolute;
          right: -33%;
          z-index: 1;
          width: 60%;
          display: inline-block; } }
      @media only screen and (min-width: 1280px) {
        #container #container-page .marketing-page .steps-section .steps-content .parallax {
          right: -300px;
          width: 507px;
          height: 380px; } }
    #container #container-page .marketing-page .steps-section .steps-content h5 {
      margin-bottom: 20px;
      text-align: center;
      color: #041022;
      font-family: "Vroom-Sans";
      font-size: 42px;
      line-height: 46px;
      letter-spacing: 1px; }
      @media only screen and (min-width: 768px) {
        #container #container-page .marketing-page .steps-section .steps-content h5 {
          margin-bottom: 30px; } }
      @media only screen and (max-width: 1023px) {
        #container #container-page .marketing-page .steps-section .steps-content h5 {
          margin-bottom: 38px; } }
      @media only screen and (max-width: 767px) {
        #container #container-page .marketing-page .steps-section .steps-content h5 {
          font-size: 36px; } }
    #container #container-page .marketing-page .steps-section .steps-content > ul {
      width: 100%;
      display: flex;
      flex-direction: column;
      letter-spacing: 0.25px; }
      #container #container-page .marketing-page .steps-section .steps-content > ul > li {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 26px; }
        #container #container-page .marketing-page .steps-section .steps-content > ul > li:not(:last-child) {
          margin-bottom: 20px; }
          @media only screen and (min-width: 1024px) {
            #container #container-page .marketing-page .steps-section .steps-content > ul > li:not(:last-child) {
              margin-bottom: 28px; } }
        #container #container-page .marketing-page .steps-section .steps-content > ul > li .steps-title {
          position: relative; }
          #container #container-page .marketing-page .steps-section .steps-content > ul > li .steps-title img {
            position: absolute;
            left: -26px;
            margin-top: 5px; }
            @media only screen and (max-width: 1023px) {
              #container #container-page .marketing-page .steps-section .steps-content > ul > li .steps-title img {
                left: -21px; } }
          #container #container-page .marketing-page .steps-section .steps-content > ul > li .steps-title h6 {
            margin-bottom: 5px;
            font-family: "Calibre-Semibold";
            font-size: 20px;
            line-height: 26px;
            color: #041022; }
        #container #container-page .marketing-page .steps-section .steps-content > ul > li .description {
          font-family: "Calibre-Regular";
          font-size: 18px;
          line-height: 25px;
          color: #041022;
          width: 100%; }
          #container #container-page .marketing-page .steps-section .steps-content > ul > li .description a:hover {
            text-decoration: underline; }
          #container #container-page .marketing-page .steps-section .steps-content > ul > li .description ul.vehicle-info-list {
            display: flex;
            flex-direction: column;
            align-items: center; }
            @media only screen and (min-width: 1024px) {
              #container #container-page .marketing-page .steps-section .steps-content > ul > li .description ul.vehicle-info-list {
                height: 100px;
                margin-left: 16px;
                flex-wrap: wrap;
                align-items: flex-start; } }
            @media only screen and (min-width: 768px) and (max-width: 1023px) {
              #container #container-page .marketing-page .steps-section .steps-content > ul > li .description ul.vehicle-info-list {
                margin-left: 0; } }
            #container #container-page .marketing-page .steps-section .steps-content > ul > li .description ul.vehicle-info-list li {
              margin: 3px 0 0 0;
              display: flex;
              flex-direction: row; }
              #container #container-page .marketing-page .steps-section .steps-content > ul > li .description ul.vehicle-info-list li::before {
                content: '\2022 ';
                margin-right: 5px; }
          @media only screen and (max-width: 767px) {
            #container #container-page .marketing-page .steps-section .steps-content > ul > li .description br {
              display: none; } }
        #container #container-page .marketing-page .steps-section .steps-content > ul > li .footnote {
          width: 100%;
          margin-top: 10px;
          font-family: "Calibre-Regular";
          font-size: 13px;
          line-height: 16px;
          letter-spacing: 0.35px;
          color: #6c717a; }
          @media only screen and (max-width: 767px) {
            #container #container-page .marketing-page .steps-section .steps-content > ul > li .footnote {
              padding: 0 10px; } }
    @media only screen and (min-width: 1024px) {
      #container #container-page .marketing-page .steps-section .steps-content.sell {
        padding-top: 65px;
        padding-bottom: 75px; } }
    @media only screen and (max-width: 1023px) {
      #container #container-page .marketing-page .steps-section .steps-content.sell ul {
        align-items: center;
        text-align: center; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #container #container-page .marketing-page .steps-section .steps-content.sell ul {
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start; } }
    @media only screen and (max-width: 767px) {
      #container #container-page .marketing-page .steps-section .steps-content.sell ul li {
        align-items: center;
        padding-left: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #container #container-page .marketing-page .steps-section .steps-content.sell ul li {
        width: 100%;
        margin-right: 20px;
        text-align: left;
        align-items: flex-start; } }
    @media only screen and (min-width: 1024px) {
      #container #container-page .marketing-page .steps-section .steps-content.finance {
        padding-top: 90px;
        padding-bottom: 90px; } }
    #container #container-page .marketing-page .steps-section .steps-content.finance .parallax {
      top: -50px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #container #container-page .marketing-page .steps-section .steps-content.finance ul {
        width: 450px; } }

#container #container-page .marketing-page .sell-tradein-section {
  width: 100%;
  padding: 50px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff; }
  @media only screen and (min-width: 768px) {
    #container #container-page .marketing-page .sell-tradein-section {
      padding-right: 20px;
      padding-left: 20px; } }
  @media only screen and (min-width: 1024px) {
    #container #container-page .marketing-page .sell-tradein-section {
      padding: 90px 50px; } }
  @media only screen and (min-width: 1280px) {
    #container #container-page .marketing-page .sell-tradein-section {
      max-width: 1280px;
      margin: 0 auto; } }
  #container #container-page .marketing-page .sell-tradein-section h5 {
    margin-bottom: 30px;
    color: #041022;
    text-align: center;
    font-family: "Vroom-Sans";
    font-size: 42px;
    line-height: 46px;
    letter-spacing: 1px; }
    @media only screen and (max-width: 1023px) {
      #container #container-page .marketing-page .sell-tradein-section h5 {
        margin-bottom: 38px;
        font-size: 36px; } }
  #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content {
    width: 100%;
    margin-bottom: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    letter-spacing: 0.25px; }
    #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content > * {
      flex: 1 0 0; }
    @media only screen and (max-width: 767px) {
      #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content {
        max-width: 400px; } }
    @media only screen and (min-width: 768px) {
      #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between; } }
    @media only screen and (min-width: 1024px) {
      #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content {
        max-width: 980px;
        margin-bottom: 34px;
        align-items: flex-start;
        justify-content: space-around; } }
    #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content h6 {
      margin-bottom: 10px;
      font-family: "Calibre-Semibold";
      font-size: 20px;
      line-height: 26px;
      color: #041022;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content h6 {
          text-align: left; } }
      @media only screen and (min-width: 1024px) {
        #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content h6 {
          margin-bottom: 20px; } }
    #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content p {
      font-family: "Calibre-Regular";
      font-size: 18px;
      line-height: 25px;
      text-align: center;
      color: #041022; }
    #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-trading-works {
      margin-bottom: 25px; }
      @media only screen and (min-width: 768px) {
        #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-trading-works {
          margin-right: 38px;
          margin-bottom: 0;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: flex-start; } }
      @media only screen and (min-width: 1024px) {
        #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-trading-works {
          margin-right: 70px; } }
      @media only screen and (min-width: 768px) {
        #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-trading-works h5 {
          margin-bottom: 10px; } }
      #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-trading-works ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-trading-works ul {
            max-width: 250px; } }
        @media only screen and (min-width: 768px) {
          #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-trading-works ul {
            align-items: flex-start; } }
        #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-trading-works ul li {
          width: 100%;
          display: flex;
          align-items: flex-start; }
          #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-trading-works ul li:not(:last-child) {
            margin-bottom: 5px; }
          #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-trading-works ul li img {
            width: 16px;
            margin: 4px 5px 0 0; }
            @media only screen and (min-width: 768px) {
              #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-trading-works ul li img {
                margin-right: 8px; } }
          #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-trading-works ul li p {
            width: 100%; }
            @media only screen and (min-width: 768px) {
              #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-trading-works ul li p {
                text-align: left; } }
    @media only screen and (max-width: 767px) {
      #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save h6 {
        margin-bottom: 4px; } }
    #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save .description {
      margin: 0 auto 20px auto;
      text-align: center;
      color: #041022; }
      @media only screen and (min-width: 768px) {
        #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save .description {
          margin-bottom: 15px;
          text-align: left; } }
    #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul {
      width: 100%;
      display: flex;
      align-items: flex-start; }
      @media only screen and (max-width: 767px) {
        #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul {
          margin: 0 auto; } }
      @media only screen and (min-width: 1024px) {
        #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul {
          align-items: center; } }
      #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center; }
        @media only screen and (min-width: 1024px) {
          #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li {
            justify-content: center; } }
        #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li:nth-child(even) {
          margin: 0 10px; }
        @media only screen and (min-width: 1024px) {
          #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li p {
            text-align: left; } }
        #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one {
          display: flex;
          flex-direction: column;
          align-items: center; }
          @media only screen and (min-width: 1024px) {
            #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one {
              flex-direction: row;
              font-size: 24px; } }
          @media only screen and (min-width: 1024px) {
            #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one svg {
              height: 30px;
              min-height: 30px;
              max-height: 30px;
              margin-right: 10px; } }
          #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one .trade {
            width: 33px;
            min-width: 33px;
            max-width: 33px; }
          #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one .ny {
            width: 37px;
            min-width: 37px;
            max-width: 37px; }
          #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one .pig {
            width: 35px;
            min-width: 37px;
            max-width: 37px; }
          @media only screen and (max-width: 1023px) {
            #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one .trade,
            #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one .ny,
            #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one .pig {
              width: 40px;
              min-width: 40px;
              max-width: 40px;
              height: 35px;
              min-height: 35px;
              max-height: 35px; } }
          #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one .no-text {
            width: 15px;
            min-width: 15px;
            max-width: 15px;
            height: 15px;
            min-height: 15px;
            max-height: 15px;
            margin-top: 10px;
            margin-right: 0;
            color: #041022; }
            @media only screen and (min-width: 1024px) {
              #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one .no-text {
                margin-top: 0;
                margin-bottom: 16px; } }
            @media only screen and (max-width: 1023px) {
              #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one .no-text {
                margin-top: 42px;
                margin-left: 3px; } }
          #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one span {
            color: #041022;
            font-family: "Vroom-Sans";
            font-size: 24px;
            line-height: 28px;
            letter-spacing: 1px; }
            @media only screen and (min-width: 1024px) {
              #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-one span {
                font-size: 24px; } }
        #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-two {
          font-family: "Calibre-Bold";
          font-size: 10px;
          line-height: 14px;
          letter-spacing: 1px;
          color: #041022;
          text-transform: uppercase; }
          @media only screen and (min-width: 1024px) {
            #container #container-page .marketing-page .sell-tradein-section .sell-tradein-content .how-you-save ul li .row-two {
              margin-top: 10px; } }
  #container #container-page .marketing-page .sell-tradein-section .btn.btn-primary {
    width: 230px; }

.faq-section {
  display: flex;
  flex-direction: column;
  width: 962px;
  margin: 90px auto 0 auto;
  color: #041022;
  max-height: 520px; }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .faq-section {
      width: calc(100% - 120px); } }
  @media only screen and (max-width: 1023px) {
    .faq-section {
      width: calc(100% - 40px);
      max-height: 560px; } }
  @media only screen and (max-width: 767px) {
    .faq-section {
      max-height: 825px; } }
  .faq-section h3 {
    text-align: center;
    margin-bottom: 35px;
    font-size: 36px;
    font-family: "Calibre-Regular"; }
  .faq-section .faqs {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    list-style: none; }
    @media only screen and (max-width: 767px) {
      .faq-section .faqs {
        flex-wrap: nowrap; } }
  .faq-section .faq {
    width: 50%;
    margin-bottom: 20px;
    font-size: 16px;
    padding-right: 40px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .faq-section .faq {
        padding-right: 25px; } }
    @media only screen and (max-width: 767px) {
      .faq-section .faq {
        padding: 0;
        width: 100%;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 767px) {
      .faq-section .faq.unfocused .answer {
        max-height: 0; } }
    .faq-section .faq.focused .arrow {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    @media only screen and (max-width: 767px) {
      .faq-section .faq.focused .answer {
        max-height: 150px; } }
    .faq-section .faq hr,
    .faq-section .faq .arrow {
      margin-top: 0; }
      @media only screen and (min-width: 768px) {
        .faq-section .faq hr,
        .faq-section .faq .arrow {
          display: none; } }
    .faq-section .faq .arrow {
      width: 13px;
      height: 13px;
      margin-top: 12px;
      transition: -webkit-transform 0.5s;
      transition: transform 0.5s;
      transition: transform 0.5s, -webkit-transform 0.5s; }
    @media only screen and (max-width: 767px) {
      .faq-section .faq .hidden-faq {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .faq-section .faq .question-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between; } }
    .faq-section .faq .question {
      font-family: "Calibre-Semibold";
      margin-bottom: 10px; }
    .faq-section .faq .answer {
      line-height: 24px;
      transition: max-height 0.5s ease;
      overflow: hidden; }

.partners-marketing {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center; }
  .partners-marketing .divider {
    background-color: #e0e0e0;
    width: 1180px;
    margin-top: 0;
    margin-bottom: 90px; }
    @media only screen and (max-width: 1279px) {
      .partners-marketing .divider {
        width: calc(100% - 100px); } }
    @media only screen and (max-width: 1023px) {
      .partners-marketing .divider {
        width: calc(100% - 40px); } }
    @media only screen and (max-width: 767px) {
      .partners-marketing .divider {
        margin-bottom: 50px; } }
  .partners-marketing h3 {
    font-family: "Vroom-Sans";
    font-size: 42px;
    line-height: 46px;
    letter-spacing: 1px;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .partners-marketing h3 {
        margin-bottom: 15px;
        font-family: "Vroom-Sans";
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 1px; } }
    @media only screen and (max-width: 1023px) {
      .partners-marketing h3 {
        font-family: "Vroom-Sans";
        font-size: 36px;
        line-height: 40px;
        letter-spacing: 1px; } }
  .partners-marketing p {
    width: 900px;
    margin: 0 auto;
    font-family: "Calibre-Regular";
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.25px; }
    @media only screen and (max-width: 1439px) {
      .partners-marketing p {
        width: 740px; } }
    @media only screen and (max-width: 1023px) {
      .partners-marketing p {
        width: 620px;
        font-size: 16px;
        line-height: 1.5; } }
    @media only screen and (max-width: 767px) {
      .partners-marketing p {
        width: calc(100% - 40px);
        font-size: 18px;
        line-height: 25px; } }
  .partners-marketing .logos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 725px;
    margin: 45px auto 90px; }
    @media only screen and (max-width: 767px) {
      .partners-marketing .logos {
        width: 100%;
        padding: 0 20px;
        flex-wrap: wrap;
        margin-bottom: 50px; } }
  .partners-marketing li {
    display: flex;
    justify-content: center;
    list-style: none; }
    .partners-marketing li img {
      height: 50px;
      width: auto; }
      @media only screen and (max-width: 1023px) {
        .partners-marketing li img {
          height: 40px; } }
    @media only screen and (max-width: 767px) {
      .partners-marketing li {
        width: 50%;
        margin-bottom: 40px; } }

#coverage-page .coverage {
  position: relative; }
  #coverage-page .coverage .superscript--coverage-list-top, #coverage-page .coverage .superscript--coverage-section {
    font-size: 14px; }
    #coverage-page .coverage .superscript--coverage-list-top sup, #coverage-page .coverage .superscript--coverage-section sup {
      line-height: 1.33; }
  @media only screen and (max-width: 767px) {
    #coverage-page .coverage-mobile {
      display: none; } }
  #coverage-page .coverage__hero {
    background-image: url(/f359a1d4f8ee4fbdc4f2dba66c96e673.png); }
    @media only screen and (max-width: 1279px) {
      #coverage-page .coverage__hero {
        background-image: url(/5f4b6c2fb07f5a44fb8a0540eaa02cee.png); } }
    @media only screen and (max-width: 1023px) {
      #coverage-page .coverage__hero {
        background-image: url(/726428df900f816ce07fec7612df791e.png); } }
    @media only screen and (max-width: 767px) {
      #coverage-page .coverage__hero {
        background-image: url(/eb83e4157d8dee728c463927ca2372d6.png); } }
  #coverage-page .coverage__nav {
    position: absolute;
    top: -50px;
    left: 50px;
    width: calc(100% - 100px); }
    @media only screen and (max-width: 1023px) {
      #coverage-page .coverage__nav {
        left: 20px; } }
    @media only screen and (max-width: 767px) {
      #coverage-page .coverage__nav {
        display: none; } }
  #coverage-page .coverage-badge {
    width: 170px;
    background-color: #041022;
    border-radius: 0;
    padding: 6px 0px;
    text-align: center;
    font-family: "Calibre-Bold";
    font-size: 12px;
    line-height: 1.16;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #ffffff; }
    #coverage-page .coverage-badge__container {
      margin: 30px 0px 10px; }
      @media only screen and (max-width: 767px) {
        #coverage-page .coverage-badge__container {
          display: flex;
          justify-content: center;
          margin: 25px 0px 10px; } }
  #coverage-page .coverage-footer {
    padding-top: 20px;
    margin-top: 35px;
    border-top: 1px solid #d6d7da; }
    #coverage-page .coverage-footer__list {
      padding-top: 10px; }
    #coverage-page .coverage-footer__disclaimer {
      padding-top: 10px; }
      #coverage-page .coverage-footer__disclaimer strong {
        margin-right: 0.25em; }
    @media only screen and (max-width: 1023px) {
      #coverage-page .coverage-footer {
        margin-top: 25px; } }
    @media only screen and (max-width: 767px) {
      #coverage-page .coverage-footer {
        padding-top: 10px;
        margin-top: 15px; } }
  #coverage-page .coverage-list-top {
    margin-bottom: 30px;
    padding: 20px 0px 30px;
    border-bottom: 1px solid #d6d7da;
    color: #041022; }
    #coverage-page .coverage-list-top__title {
      margin: 0;
      font-family: "Calibre-Semibold";
      font-size: 18px;
      line-height: 1.39;
      letter-spacing: 0.3px; }
    #coverage-page .coverage-list-top__body {
      margin: 20px 0px 0px;
      font-size: 18px; }
    #coverage-page .coverage-list-top--complimentary .coverage-list-top__title {
      font-size: 18px; }
  @media only screen and (max-width: 1023px) {
    #coverage-page .coverage-list-top--complimentary .coverage-list-top__title {
      font-size: 16px; } }
  @media only screen and (max-width: 767px) {
    #coverage-page .coverage-list {
      padding-bottom: 10px; }
      #coverage-page .coverage-list-top {
        display: flex;
        flex-flow: column;
        align-items: center; }
        #coverage-page .coverage-list-top__body {
          text-align: center; }
      #coverage-page .coverage-list:last-child {
        margin-bottom: 25px; } }
  #coverage-page .coverage-section {
    display: flex;
    justify-content: center;
    align-items: center; }
    #coverage-page .coverage-section--gray {
      background-color: #f5f5f5; }
    #coverage-page .coverage-section__outer {
      padding: 90px 0px;
      margin: 0px 25px;
      width: 100%;
      max-width: 1210px; }
      @media only screen and (max-width: 1023px) {
        #coverage-page .coverage-section__outer {
          padding: 50px 0px;
          margin: 0px 20px; } }
    #coverage-page .coverage-section__content {
      display: flex; }
      @media only screen and (max-width: 1023px) {
        #coverage-page .coverage-section__content {
          flex-flow: column; } }
    #coverage-page .coverage-section-top {
      color: #041022; }
      #coverage-page .coverage-section-top__title {
        font-family: "Vroom-Sans";
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 1px; }
        @media only screen and (min-width: 768px) {
          #coverage-page .coverage-section-top__title {
            font-family: "Vroom-Sans";
            font-size: 36px;
            line-height: 40px;
            letter-spacing: 1px; } }
        @media only screen and (min-width: 1024px) {
          #coverage-page .coverage-section-top__title {
            font-family: "Vroom-Sans";
            font-size: 42px;
            line-height: 46px;
            letter-spacing: 1px; } }
      #coverage-page .coverage-section-top__body {
        font-family: "Calibre-Regular";
        font-size: 20px;
        line-height: 1.4;
        margin: 20px 0px; }
        @media only screen and (max-width: 767px) {
          #coverage-page .coverage-section-top__body {
            font-size: 18px; } }
      #coverage-page .coverage-section-top--center {
        display: flex;
        flex-flow: column;
        align-items: center;
        text-align: center; }
        #coverage-page .coverage-section-top--center .coverage-section-top__body {
          max-width: 890px; }
      @media only screen and (max-width: 1023px) {
        #coverage-page .coverage-section-top--center {
          display: inline;
          display: initial;
          text-align: left; } }
      @media only screen and (max-width: 767px) {
        #coverage-page .coverage-section-top {
          text-align: center; }
          #coverage-page .coverage-section-top--center {
            text-align: center; } }
    #coverage-page .coverage-section-col {
      margin: 0px 15px;
      flex: 1; }
      #coverage-page .coverage-section-col__content {
        width: 100%; }
      @media only screen and (max-width: 1023px) {
        #coverage-page .coverage-section-col {
          display: flex;
          flex-flow: column;
          margin: 0px 0px 5px; }
          #coverage-page .coverage-section-col--last {
            order: 2;
            margin: 30px 0px 15px; } }
      @media only screen and (max-width: 767px) {
        #coverage-page .coverage-section-col {
          margin: 0px 0px 15px; }
          #coverage-page .coverage-section-col--last {
            margin: 30px 0px 15px; } }
  #coverage-page .coverage .gap-table {
    background-color: #ffffff; }
  #coverage-page .coverage .parallax-protect {
    min-width: 600px;
    height: 720px; }
    #coverage-page .coverage .parallax-protect__table {
      margin: 0px 20px;
      width: 480px;
      min-width: 480px; }
    #coverage-page .coverage .parallax-protect__image {
      width: 525px; }
    #coverage-page .coverage .parallax-protect__left {
      left: 0; }
    #coverage-page .coverage .parallax-protect__right {
      right: 0;
      bottom: 0; }
  #coverage-page .coverage .parallax-gap {
    min-width: 600px;
    height: 440px; }
    #coverage-page .coverage .parallax-gap__table {
      margin: 0px 20px; }
    #coverage-page .coverage .parallax-gap__image {
      width: 525px; }
    #coverage-page .coverage .parallax-gap__left {
      left: 0;
      bottom: 0;
      z-index: 2; }
    #coverage-page .coverage .parallax-gap__right {
      right: 0; }
  #coverage-page .coverage .static-coverage {
    display: flex;
    justify-content: center;
    padding-bottom: 170px; }
    #coverage-page .coverage .static-coverage__content {
      position: relative;
      display: flex;
      justify-content: center;
      width: 100%;
      max-width: 520px; }
    #coverage-page .coverage .static-coverage__image {
      position: absolute;
      width: 100%;
      top: 530px;
      left: 0; }
    #coverage-page .coverage .static-coverage--gap {
      padding-bottom: 175px; }
      #coverage-page .coverage .static-coverage--gap .static-coverage__image {
        top: 255px; }
    @media only screen and (max-width: 1023px) {
      #coverage-page .coverage .static-coverage__content {
        max-width: 600px; }
      #coverage-page .coverage .static-coverage--gap {
        padding-bottom: 200px; } }
    @media only screen and (max-width: 767px) {
      #coverage-page .coverage .static-coverage {
        padding-bottom: 15px; }
        #coverage-page .coverage .static-coverage__content {
          padding-bottom: 190px; }
        #coverage-page .coverage .static-coverage__image {
          top: 520px; }
        #coverage-page .coverage .static-coverage--gap .static-coverage__image {
          top: auto;
          top: initial;
          bottom: 0; } }
    @media only screen and (max-width: 634px) {
      #coverage-page .coverage .static-coverage__content {
        padding-bottom: 32%; }
      #coverage-page .coverage .static-coverage__image {
        top: auto;
        top: initial;
        bottom: 0; }
      #coverage-page .coverage .static-coverage--gap .static-coverage__content {
        padding-bottom: 34%; } }
  #coverage-page .coverage .warranty-table {
    min-width: 300px;
    width: 100%;
    max-width: 480px;
    margin: 40px 0px 10px;
    overflow: visible;
    overflow: initial; }
    #coverage-page .coverage .warranty-table__title {
      background-color: #041022;
      color: #ffffff;
      padding: 10px 20px 7px;
      font-family: "Calibre-Semibold";
      font-size: 13px;
      line-height: 1;
      letter-spacing: 1px;
      text-transform: uppercase;
      border: 1px solid #041022; }
      #coverage-page .coverage .warranty-table__title .superscript--warranty-table {
        font-family: "Calibre-Medium";
        font-size: 10px;
        line-height: 14px; }
    #coverage-page .coverage .warranty-table__table {
      text-transform: capitalize;
      color: #041022;
      border: 1px solid #d6d7da;
      border-radius: 0; }
    #coverage-page .coverage .warranty-table .rt-thead {
      font-family: "Calibre-Semibold";
      line-height: 18px;
      box-shadow: none; }
    #coverage-page .coverage .warranty-table .rt-th {
      border-right: 1px solid #d6d7da;
      text-overflow: inherit;
      white-space: normal; }
      #coverage-page .coverage .warranty-table .rt-th:last-child {
        border-right: none; }
    #coverage-page .coverage .warranty-table .rt-td {
      border-right: 1px solid #d6d7da;
      text-overflow: inherit;
      white-space: normal; }
      #coverage-page .coverage .warranty-table .rt-td:last-child {
        border-right: none; }
    #coverage-page .coverage .warranty-table .rt-tbody {
      font-family: "Calibre-Regular";
      font-size: 18px;
      line-height: 16px; }
    #coverage-page .coverage .warranty-table .rt-tr {
      min-height: 40px; }
      #coverage-page .coverage .warranty-table .rt-tr.-odd {
        background-color: #f5f5f5; }
    #coverage-page .coverage .warranty-table-cell {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%; }
      #coverage-page .coverage .warranty-table-cell__name {
        padding-left: 20px;
        display: flex;
        align-items: center; }
      #coverage-page .coverage .warranty-table-cell__image {
        width: 16px;
        height: 16px; }
      #coverage-page .coverage .warranty-table-cell__protect {
        max-width: 100px;
        padding: 12px 10px; }
        #coverage-page .coverage .warranty-table-cell__protect svg {
          fill: #e7131a; }
      #coverage-page .coverage .warranty-table-cell__manufacturer {
        max-width: 100px;
        padding: 12px 6px; }
        #coverage-page .coverage .warranty-table-cell__manufacturer svg {
          fill: #6c717a; }
        #coverage-page .coverage .warranty-table-cell__manufacturer div {
          overflow: visible; }
    @media only screen and (max-width: 767px) {
      #coverage-page .coverage .warranty-table__table {
        font-size: 12px;
        width: 100%; }
      #coverage-page .coverage .warranty-table .rt-thead {
        line-height: 16px; }
      #coverage-page .coverage .warranty-table .rt-tbody {
        font-size: 12px; }
      #coverage-page .coverage .warranty-table-cell__protect {
        max-width: 90px;
        padding: 9px 10px; }
      #coverage-page .coverage .warranty-table-cell__manufacturer {
        max-width: 90px;
        padding: 9px 3px; } }