.pageWrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1296px;
  padding: 0 12px; }


@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;
  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: rgba(0, 0, 0, 0); }
  .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: "\F386"; }
  .image-gallery-fullscreen-button.active::before {
    content: "\F37D"; }
  .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: "\F488"; }
  .image-gallery-play-button.active::before {
    content: "\F478"; }

.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: "\F3D2"; }

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

.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; } }

.form-step {
  padding: 24px; }
  .form-step .title {
    margin-bottom: 24px; }
  .form-step hr {
    margin-right: -24px;
    margin-left: -24px; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 0 7px rgba(42, 211, 69, 0); }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(42, 211, 69, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 0 7px rgba(42, 211, 69, 0); }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(42, 211, 69, 0); } }

.headerHolder {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); }

.headerPanel {
  background: #fff;
  height: 72px; }
  .headerPanel > .logo {
    display: inline-block; }
    .headerPanel > .logo:after {
      content: "";
      width: 1px;
      height: 40px;
      background: #dcdcdc;
      display: inline-block;
      vertical-align: middle;
      margin: 0 24px; }
  .headerPanel > svg {
    fill: #9e9e9e;
    font-size: 14px;
    margin-right: 8px; }
  .headerPanel .select-container {
    border-bottom: none;
    color: #54607D;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase; }
    .headerPanel .select-container:before, .headerPanel .select-container:after {
      display: none; }
    .headerPanel .select-container .select {
      padding-right: 16px; }
      .headerPanel .select-container .select:focus {
        background: transparent; }
    .headerPanel .select-container .select-icon {
      display: block;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0;
      position: absolute;
      pointer-events: none; }
      .headerPanel .select-container .select-icon img {
        display: block; }
      .headerPanel .select-container .select-icon.open {
        -webkit-transform: rotate(180deg) translateY(50%);
                transform: rotate(180deg) translateY(50%); }
  @media only screen and (max-width: 1025px) {
    .headerPanel > .menu {
      display: none; } }
  .headerPanel > .menu > button {
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 8px 12px; }
  .headerPanel > .menu span {
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize; }
  @media only screen and (min-width: 1025px) {
    .headerPanel > .menu-burger {
      display: none; } }

.drawer-menu {
  width: 250px; }

.country-menu-container {
  margin-top: 42px;
  margin-left: -22px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px; }
  .country-menu-container [class*="MuiMenuItem-root-"] {
    min-width: 160px;
    padding: 12px 22px;
    color: #54607D;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 250ms; }
    .country-menu-container [class*="MuiMenuItem-root-"]:hover {
      background: transparent;
      color: #3994DE; }
  .country-menu-container [class*="MuiListItem-selected-"],
  .country-menu-container [class*="MuiMenuItem-selected-"] {
    background: transparent;
    color: #3994DE; }

.dropdown {
  min-width: 160px;
  margin-left: -22px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.footerHolder {
  margin-top: 24px;
  padding: 22px 0;
  background: #031728;
  font-size: 14px;
  line-height: 28px;
  text-align: center; }
  .footerHolder.noMargin {
    margin: 0; }
  .footerHolder p {
    margin: 0;
    padding: 0;
    color: #D8E1F8; }
  .footerHolder a {
    display: block;
    color: #D8E1F8;
    text-decoration: none;
    transition: linear 0.2s; }
    .footerHolder a:hover {
      color: #3994DE; }
  .footerHolder .socialContainer {
    display: flex;
    justify-content: center;
    padding-top: 10px; }
    .footerHolder .socialContainer .socialItem {
      display: block;
      margin: 0 5px; }
  @media only screen and (min-width: 1026px) {
    .footerHolder {
      line-height: 16px; }
      .footerHolder .footerInner {
        display: flex;
        align-items: center;
        justify-content: space-between; }
      .footerHolder .contentHolder,
      .footerHolder .footerLinksHolder {
        display: flex;
        align-items: center; }
      .footerHolder .footerLinksHolder {
        padding: 0 15px; }
        .footerHolder .footerLinksHolder:first-child {
          border-right: 1px solid #fff; }
      .footerHolder .footerLink {
        margin: 0 15px; }
      .footerHolder .socialContainer {
        height: 28px;
        padding: 0;
        margin-left: 30px; } }

body {
  background: #fafafa;
  color: #212121;
  margin: 0;
  padding: 0;
  font-family: 'Roboto'; }

.layout-holder {
  padding-top: 72px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: #eeeeee; }

.layout-body {
  flex-grow: 1; }

.car-card {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); }
  .car-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16), 0 0 16px 0 rgba(0, 0, 0, 0.08);
    transition: 0.5s ease; }
  .car-card .slider-container {
    cursor: pointer;
    height: 210px;
    width: 100%; }
    @media only screen and (max-width: 1025px) {
      .car-card .slider-container {
        max-width: none; } }
  .car-card.list-view {
    align-items: center; }
    .car-card.list-view .slider-container {
      min-width: 306px;
      height: 100%;
      max-width: 306px; }
      @media only screen and (max-width: 1025px) {
        .car-card.list-view .slider-container {
          max-width: none; } }
    .car-card.list-view .current-bid h3:first-child {
      margin: 12px 62px 12px 0; }
  .car-card .lot-info {
    flex: auto; }
  .car-card .list-blue-book {
    max-width: 70%;
    white-space: normal; }
  .car-card .car-card-image {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 210px; }
    .car-card .car-card-image.listView {
      min-height: 230px; }
  .car-card .current-bid h3 {
    color: #212121;
    font-weight: 500;
    margin: 10px 0;
    display: inline-flex; }
    .car-card .current-bid h3.value {
      padding: 1px 8px 0;
      background: #3994DE;
      border-radius: 3px;
      color: #fff; }

.slick-prev,
.slick-next {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  width: auto;
  height: auto; }

.slick-prev {
  left: 0; }
  .slick-prev:before {
    content: ''; }

.slick-next {
  right: 0; }
  .slick-next:before {
    content: ''; }

.slick-slide img:not(.slick-arrow) {
  width: 100%;
  height: auto; }

ul.slick-dots {
  bottom: 10px; }
  ul.slick-dots li button:before {
    color: white;
    opacity: .4; }
  ul.slick-dots li.slick-active button:before {
    color: white;
    opacity: 1; }

.quotes {
  padding-bottom: 76px; }
  @media only screen and (min-width: 1026px) {
    .quotes {
      padding-bottom: 106px; }
      .quotes .slick-prev,
      .quotes .slick-next {
        text-shadow: none !important;
        bottom: -74px;
        top: auto;
        width: auto;
        height: auto;
        -webkit-transform: none;
                transform: none;
        z-index: 1; }
      .quotes .slick-prev {
        left: 40%; }
      .quotes .slick-next {
        right: 40%; } }

.vehicles ul.slick-dots,
.quotes ul.slick-dots,
.vehicles-images ul.slick-dots,
.vehicles ul.slick-dots {
  bottom: -52px;
  display: flex; }
  .vehicles ul.slick-dots li,
  .quotes ul.slick-dots li,
  .vehicles-images ul.slick-dots li,
  .vehicles ul.slick-dots li {
    width: 16px;
    height: 10px;
    margin: 0 2px; }
    .vehicles ul.slick-dots li button,
    .quotes ul.slick-dots li button,
    .vehicles-images ul.slick-dots li button,
    .vehicles ul.slick-dots li button {
      display: block;
      width: 16px;
      height: 10px;
      padding: 3px 0; }
      .vehicles ul.slick-dots li button::before,
      .quotes ul.slick-dots li button::before,
      .vehicles-images ul.slick-dots li button::before,
      .vehicles ul.slick-dots li button::before {
        display: block;
        content: '';
        width: 16px;
        height: 4px;
        background: linear-gradient(0deg, #CAE7F9, #CAE7F9), #CAE7F9;
        opacity: 1; }
    .vehicles ul.slick-dots li.slick-active button::before,
    .quotes ul.slick-dots li.slick-active button::before,
    .vehicles-images ul.slick-dots li.slick-active button::before,
    .vehicles ul.slick-dots li.slick-active button::before {
      background: linear-gradient(0deg, #3994DE, #3994DE), #CAE7F9; }

@media only screen and (min-width: 1026px) {
  .vehicles ul.slick-dots,
  .quotes ul.slick-dots,
  .vehicles-images ul.slick-dots,
  .vehicles ul.slick-dots {
    bottom: -70px; } }

.vehicles-images ul.slick-dots {
  bottom: 22px; }
  .vehicles-images ul.slick-dots li button::before {
    background: #fff; }

.vehicles-images .slick-prev,
.vehicles-images .slick-next {
  text-shadow: none !important;
  z-index: 1; }

.vehicles-images .slick-prev {
  left: 8px; }

.vehicles-images .slick-next {
  right: 8px; }

.vehicles .slick-arrow {
  width: 34px;
  height: 34px; }

.vehicles .car-card {
  margin: 12px; }

@media only screen and (min-width: 1126px) {
  .vehicles .slick-slide {
    max-width: 300px; }
  .vehicles .slick-track {
    display: flex;
    justify-content: center; } }

@media only screen and (min-width: 1026px) {
  .partners .slick-track {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .partners .slick-track .slick-slide {
      margin: 0 51px 24px; } }

.slick-slider .slick-arrow, .slick-slider .slick-dots {
  display: none;
  visibility: hidden; }

.banner-slider {
  margin-bottom: 32px; }

.breadcrumbs-holder {
  margin-bottom: 16px; }

td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

td:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px; }

tr > td:last-child,
tr > th:last-child {
  padding: 12px !important; }

.table-buttons button:not(:first-child) {
  margin-left: 8px; }

.locations-list-filters {
  align-items: flex-end;
  padding: 0 24px; }

.delimiter-holder {
  display: flex;
  justify-content: space-between;
  padding: 0 8px; }

.delimiter-item {
  display: inline-block;
  width: 1px;
  height: 4px;
  background: #DCDCDC; }

.delimiter-text {
  padding: 4px 8px;
  display: flex;
  justify-content: space-between; }
  .delimiter-text .delimiter-text-item {
    flex-basis: calc(100% / 3);
    text-align: center;
    font-size: 12px; }
  .delimiter-text .delimiter-text-item:first-child,
  .delimiter-text .delimiter-text-item:last-child {
    flex-basis: calc(100% / 6); }
  .delimiter-text .delimiter-text-item:first-child {
    text-align: left; }
  .delimiter-text .delimiter-text-item:last-child {
    text-align: right; }

.credit_card_container .is-invalid {
  border: 0; }

@media screen and (max-width: 400px) {
  .credit_card_container #field-wrapper {
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
    width: 100%; }
    .credit_card_container #field-wrapper img {
      display: none; }
    .credit_card_container #field-wrapper label {
      margin: 5px 0 0 0;
      min-height: 20px; } }

.vehicle-add {
  margin-top: 79px; }
  .vehicle-add .form-step {
    width: 100%;
    position: relative; }
  .vehicle-add header {
    background: #fff;
    top: 72px; }
  .vehicle-add .actions button {
    margin-right: 12px; }
    @media only screen and (max-width: 600px) {
      .vehicle-add .actions button span > span {
        display: none; } }
    @media only screen and (min-width: 600px) {
      .vehicle-add .actions button .material-icons {
        display: none; } }
  .vehicle-add .actions button:last-child {
    margin-right: 0; }
  .vehicle-add .form {
    margin-top: 24px; }
    .vehicle-add .form #vin-form {
      display: flex;
      align-items: baseline; }
      .vehicle-add .form #vin-form > * {
        margin-right: 12px; }
    .vehicle-add .form #info-form {
      display: flex;
      flex-wrap: wrap; }
      .vehicle-add .form #info-form .text-field {
        padding-right: 12px;
        margin-bottom: 0; }
      .vehicle-add .form #info-form fieldset {
        margin-top: 24px; }
    .vehicle-add .form #more-info {
      display: flex;
      flex-wrap: wrap; }
    .vehicle-add .form #bluebook-form {
      display: flex;
      width: 100%;
      align-items: flex-end; }
    .vehicle-add .form #pictures {
      display: flex;
      flex-wrap: wrap; }
      .vehicle-add .form #pictures h3 {
        margin-top: 24px; }
      .vehicle-add .form #pictures .picture img {
        width: 100%;
        height: 100%; }
    .vehicle-add .form #confirmation {
      margin-top: 24px; }
      .vehicle-add .form #confirmation div button:first-child {
        margin-right: 16px; }
  @media only screen and (min-width: 600px) {
    .vehicle-add .mobile-show {
      display: none; } }
  @media only screen and (max-width: 600px) {
    .vehicle-add .mobile-hide {
      display: none; } }

.hidden {
  display: none; }

.select-container {
  overflow: initial; }

.select-container-root > div:last-child {
  overflow: initial; }

*:focus {
  outline: none; }

.home-page {
  background: #fff; }

.carousel.carousel-slider {
  margin-bottom: 32px; }

.section-title {
  margin: 0 0 52px;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  text-align: center; }
  @media only screen and (min-width: 1026px) {
    .section-title {
      margin: 0 0 62px;
      font-size: 34px;
      line-height: 40px; } }

.vehicles-holder .all-auctions {
  margin-bottom: 1rem; }

.vehicles-holder .view-changer {
  cursor: pointer; }
  .vehicles-holder .view-changer .material-icons:not(.active) {
    color: rgba(0, 0, 0, 0.26); }
  @media only screen and (max-width: 1279px) {
    .vehicles-holder .view-changer {
      display: none; } }

.button-primary {
  display: inline-block;
  width: 100%;
  padding: 15px 22px 14px;
  background: #225A91;
  border-radius: 3px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-align: center; }
  .button-primary:hover, .button-primary:active {
    background: #003e69; }
  @media only screen and (min-width: 768px) {
    .button-primary {
      max-width: 226px; } }

.sign-up-section {
  padding: 49px 0 61px;
  background: rgba(57, 148, 222, 0.05);
  text-align: center; }
  .sign-up-section .description {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500; }
  .sign-up-section .text {
    margin: 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px; }
  .sign-up-section .accent {
    color: #3994DE; }
  .sign-up-section .button-primary {
    margin-top: 38px; }
  @media only screen and (min-width: 1026px) {
    .sign-up-section {
      padding: 44px 0 47px; }
      .sign-up-section .description {
        font-size: 26px;
        line-height: 48px; }
      .sign-up-section .text {
        font-size: 34px;
        line-height: 48px; }
      .sign-up-section.bottom-button .button-primary {
        margin-top: 32px; } }

.auction-button {
  display: none;
  align-items: center;
  text-decoration: none;
  position: fixed;
  top: 308px;
  right: -38px;
  padding: 14px 18px;
  text-transform: uppercase;
  border: 2px solid #167E13;
  border-radius: 50px;
  background: #fff;
  color: #167E13;
  font-size: 14px;
  font-weight: 500;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  transition: box-shadow 250ms; }
  .auction-button .pulse {
    box-sizing: border-box;
    display: block;
    width: 14px;
    height: 14px;
    margin-right: 12px;
    border: 4px solid #2AD345;
    border-radius: 50%;
    background: #167E13;
    box-shadow: 0 0 0 0 rgba(42, 211, 69, 0.5);
    -webkit-animation: pulse 1.5s infinite;
            animation: pulse 1.5s infinite; }
  .auction-button:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
  @media only screen and (min-width: 1350px) {
    .auction-button {
      display: flex; } }

.contact-us {
  padding: 22px 12px 0;
  background: #031728; }
  .contact-us .text {
    margin: 0;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 16px;
    text-align: center; }
    .contact-us .text .link {
      display: inline;
      color: #FFFFFF;
      font-size: 12px;
      line-height: 24px;
      text-decoration: none;
      transition: linear 0.2s; }
      .contact-us .text .link:hover {
        color: #3994DE; }
  @media only screen and (min-width: 1026px) {
    .contact-us {
      padding: 0 12px; }
      .contact-us .text {
        line-height: 24px; } }

.recently-added {
  margin-bottom: 2rem; }
  .recently-added .car-card {
    margin: 12px; }
  .recently-added > div:first-child {
    margin-bottom: 5px; }
  .recently-added .next, .recently-added .prev {
    cursor: pointer; }
  .recently-added .recently-slider {
    margin: 0 -12px; }

*:focus {
  outline: none; }

.headerFiltersPanel {
  background: #fff;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  font-size: 15px;
  color: #757575;
  margin-bottom: 24px; }
  .headerFiltersPanel button {
    text-transform: capitalize;
    border-color: #e0e0e0;
    margin-right: 12px;
    color: #757575;
    font-weight: 400; }
  .headerFiltersPanel p {
    color: #757575; }
  .headerFiltersPanel .headerFiltersToolbar {
    display: flex;
    justify-content: space-between;
    padding: 0; }
    @media (max-width: 1024px) {
      .headerFiltersPanel .headerFiltersToolbar {
        flex-wrap: wrap; } }
    .headerFiltersPanel .headerFiltersToolbar .garanteed-select {
      display: none;
      align-items: center;
      margin-right: -20px; }
      @media only screen and (max-width: 1024px) {
        .headerFiltersPanel .headerFiltersToolbar .garanteed-select {
          flex-basis: 100%; } }
      .headerFiltersPanel .headerFiltersToolbar .garanteed-select.show-filters {
        display: flex; }
    .headerFiltersPanel .headerFiltersToolbar .collapsible-container {
      display: none;
      margin: 0;
      box-shadow: none; }
      @media only screen and (max-width: 1024px) {
        .headerFiltersPanel .headerFiltersToolbar .collapsible-container {
          flex-basis: 100%; } }
      .headerFiltersPanel .headerFiltersToolbar .collapsible-container.show-filters {
        display: block; }
    .headerFiltersPanel .headerFiltersToolbar .filters {
      padding: 8px 0;
      margin-left: -10px;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 1024px) {
        .headerFiltersPanel .headerFiltersToolbar .filters {
          flex-wrap: wrap;
          padding: 4px 10px; } }
      .headerFiltersPanel .headerFiltersToolbar .filters [class*="MuiCollapse-entered-"] {
        overflow: visible; }
      @media only screen and (max-width: 1024px) {
        .headerFiltersPanel .headerFiltersToolbar .filters > * {
          flex-basis: 100%;
          margin: 4px 0; } }

.carousel.carousel-slider {
  margin-bottom: 32px; }

.vehicles-holder .all-auctions {
  margin-bottom: 1rem; }

.vehicles-holder .view-changer {
  cursor: pointer; }
  .vehicles-holder .view-changer .material-icons:not(.active) {
    color: rgba(0, 0, 0, 0.26); }
  @media only screen and (max-width: 1279px) {
    .vehicles-holder .view-changer {
      display: none; } }

.suggestions {
  margin-top: 32px; }
  .suggestions .car-card {
    margin: 12px; }
  .suggestions .next, .suggestions .prev {
    cursor: pointer; }
  .suggestions .suggestions-slider {
    margin: 0 -12px; }

.vehicle-details {
  margin-top: 79px; }
  .vehicle-details header {
    background: #fff;
    top: 72px; }
    @media only screen and (max-width: 960px) {
      .vehicle-details header .actions {
        display: none; } }
  .vehicle-details .spinner {
    text-align: center; }

.credit_card_container .is-invalid {
  border: 0; }

@media screen and (max-width: 400px) {
  .credit_card_container #field-wrapper {
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
    width: 100%; }
    .credit_card_container #field-wrapper img {
      display: none; }
    .credit_card_container #field-wrapper label {
      margin: 5px 0 0 0;
      min-height: 20px; } }

.flex-grow {
  flex-grow: 1; }

.w100 {
  width: 100%; }

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

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

.form-warning-message {
  margin: 10px 0;
  text-align: center;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #deb94c;
  background: #ffe2bb;
  width: 100%; }

.form-error-message {
  margin: 10px 0;
  text-align: center;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #f5c6cb;
  background: #f8d7da;
  width: 100%; }

a {
  color: #005A96; }

.slick-dots li button {
  text-shadow: 1px 1px 1px black; }

.notes-dialog > div:last-child {
  width: 400px; }


/*# sourceMappingURL=main.3f0f98ce8b4fb3ec16fa.css.map*/