@charset "UTF-8";
html {
  box-sizing: border-box;
}

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

/* AutoScore Colors */
/* SPRITES                                                                        */
/* 1. Enable sprite (use it to set parameters so icon_sprites.png can be used)    */
/* 2. Include the "sprite" mixin, with the following parameters:                  */
/*      $rect           : being the clipping rectangle for the sprite             */
/*      $rect2          : optional rectangle for the "hover" state                */
/*      $offX, $offY    : the positional offset of the sprite in the element      */
/*    Example usage:                                                              */
/*    @include sprite()                                                              */
/* 3. Adjust the clipping of a sprite if needed in another context                */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table td, table th, table tr, table thead, table tbody {
  vertical-align: middle;
}

body {
  background-color: #fff;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size: 12px;
  color: #515c5e;
}

/********************************************/
/*            TYPEFACES & FONTS             */
/********************************************/
textarea {
  font-family: Verdana, Helvetica, Arial;
}

h1, h2, h3 {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-weight: bold;
}

.button, input[type="submit"], .qtip-title {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

h1 {
  font-size: 2em;
  margin-bottom: 10px;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.2em;
}

/********************************************/
.lead {
  font-size: 1.5em;
  font-style: italic;
}

.icon_inline {
  display: inline-block;
  vertical-align: middle;
}

.icon_inline + span {
  margin-left: 5px;
}

a.link_with_icon {
  text-decoration: none;
}

a.link_with_icon span {
  text-decoration: underline;
}

.test_autouncle_cta {
  border: 1px solid #edeae6;
  padding: 18px;
  display: block;
  text-decoration: none;
  background-color: #FFF;
  overflow: hidden;
}

.test_autouncle_cta a {
  display: block;
}

.test_autouncle_cta:hover {
  background-color: #f6f3ef;
}

.test_autouncle_cta .icon {
  float: left;
  margin-right: 20px;
}

.test_autouncle_cta .text {
  overflow: hidden;
  display: block;
}

.test_autouncle_cta .heading {
  font-size: 18px;
  font-weight: bold;
}

.test_autouncle_cta + .test_autouncle_cta {
  margin-top: 18px;
}

.test_autouncle_cta > * {
  display: inline-block;
  vertical-align: middle;
}

.test_autouncle_cta .buying_icon {
  display: inline-block;
  background: url(//assets.autouncle.com/assets/front_page/category_icons-bb893ed532fee7e9ffcbbcd64682d0d93e1d8cc220ffa3f18e804769ad1722ca.png) no-repeat 0 0;
  width: 144px;
  height: 96px;
  margin-right: 20px;
  vertical-align: middle;
}

.test_autouncle_cta h3 {
  margin: 0 !important;
}

#alternative-searches-section + #alternative-searches-section {
  border-top: 1px solid rgba(91, 112, 112, 0.25);
}

#alternative-searches-section {
  display: block;
  padding: 24px;
  color: rgba(49, 51, 61, 0.75);
}

#alternative-searches-section .alternative-searches-title h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

#alternative-searches-section .alternative-searches-content {
  font-size: 14px;
  font-weight: 400;
}

#alternative-searches-section .alternative-searches-content li {
  display: inline-block;
  padding: 12px 8px 0 0;
}

#alternative-searches-section .alternative-searches-content a {
  color: rgba(49, 51, 61, 0.75);
}

img[src=''] {
  visibility: hidden;
}

.navbar-ic-arrow-left {
  background: url(//assets.autouncle.com/assets/mobile/back_arrow-5a37b370b0aa44eca160322d8801fe82bf551b8dacdb127444f271eddb9273c2.svg);
  background-size: contain;
}

.navbar-ic-menu {
  background: url(//assets.autouncle.com/assets/icons/uds_blue-900/uds_menu_icon-25c74214722a54d660fcc288d00e5d49cadb8ba2528a933e081979b3ff93b42e.svg);
  background-size: contain;
}

.navbar-ic-help {
  background: url(//assets.autouncle.com/assets/mobile/help_icon-ad39f90aa153affa9f82a4bf4888c113c4ac78c9e15f72a6201447e622cae048.svg);
  background-size: contain;
}

.navbar-actions-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  line-height: initial;
  padding: 16px 16px 13px 16px;
}

.navbar-actions-left {
  display: flex;
  align-items: center;
}

.navbar-actions-left .navbar-button .icon {
  display: inline-block;
  height: 24px;
  width: 24px;
}

.navbar-actions-left .navbar-button .icon--small {
  width: 15px;
  height: 15px;
}

.navbar-actions-left .navbar-button.reset-button {
  padding-right: 5px;
}

.back-to-results {
  height: 48px;
  display: flex;
  align-items: center;
  text-decoration: none;
  min-width: 0;
  margin-right: 10px;
  width: fit-content;
}

.back-to-results .back-arrow {
  height: 12px;
  width: 15px;
  margin-left: 12px;
  background: url(//assets.autouncle.com/assets/mobile/action_bar_back_arrow-3151de60f6cad5a7e3ed566e91ef50728ff305860d20f2f3a86ee11359dee41e.svg) no-repeat;
}

.back-to-results .back-text {
  color: #02234C;
  font-size: 14px;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@keyframes ball-scale-ripple-multiple {
  0% {
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    opacity: 0.0;
  }
}

.ball-scale-ripple-multiple {
  position: relative;
  transform: translateY(-25px);
}

.ball-scale-ripple-multiple > div:nth-child(0) {
  animation-delay: -800ms;
}

.ball-scale-ripple-multiple > div:nth-child(1) {
  animation-delay: -600ms;
}

.ball-scale-ripple-multiple > div:nth-child(2) {
  animation-delay: -400ms;
}

.ball-scale-ripple-multiple > div:nth-child(3) {
  animation-delay: -200ms;
}

.ball-scale-ripple-multiple > div {
  animation-fill-mode: both;
  position: absolute;
  top: -2px;
  left: -26px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #1BADD5;
  animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}

.featured-cars-slider-placeholder {
  height: 317px;
  overflow: hidden;
  white-space: nowrap;
}

.featured-cars-slider-placeholder .featured-car-wrapper-placeholder {
  height: 302px;
  width: 282px;
  margin-right: 10px;
  display: inline-block;
  background: #fff;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #F4F1EF;
}

.featured-cars-slider-placeholder .featured-car-wrapper-placeholder .featured-car-top-placeholder {
  height: 182px;
  width: inherit;
  background: #F4F1EF;
}

.featured-cars-slider-placeholder .featured-car-wrapper-placeholder .featured-car-bottom-placeholder {
  background: #fff;
  height: 118px;
  width: inherit;
}

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

.featured-slider-headline-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 15px;
}

@media screen and (max-width: 415px) {
  .featured-slider-headline-container {
    margin-bottom: 0;
    background-color: #f5f5f5;
    flex-direction: column;
    align-items: flex-start;
  }
}

.featured-slider-headline-container .search-results-section__heading {
  font-weight: normal;
  font-size: 1.5em;
}

@media screen and (max-width: 415px) {
  .featured-slider-headline-container .search-results-section__heading {
    font-size: 1.2em;
  }
}

.featured-slider-headline-container .align-right {
  margin-left: 10px;
}

.loader-hidden {
  display: none;
}

.loader-active {
  display: block;
}

.featured-cars-slider:hover .featured-cars-slider__prev,
.featured-cars-slider:hover .featured-cars-slider__next {
  visibility: visible;
  opacity: 1;
}

.featured-cars-slider {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.featured-cars-slider a {
  text-decoration: none;
}

.featured-cars-slider__prev, .featured-cars-slider__next {
  display: none;
}

.featured-cars-slider__frame {
  position: relative;
}

.featured-cars-slider__car {
  overflow: hidden;
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-decoration: none;
}

.featured-cars-slider__image {
  position: relative;
  z-index: 1;
}

.featured-cars-slider__image .featured-cars-no-image {
  width: 100%;
  height: 100%;
  background-color: #E9E6E0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.featured-cars-slider__image, .featured-cars-slider__image img {
  width: 100%;
  height: auto;
  display: block;
}

.featured-cars-slider__image.no_picture, .featured-cars-slider__image img.no_picture {
  width: 40%;
  height: auto;
}

.featured-cars-slider__bottom {
  background-color: white;
}

.featured-cars-slider__bottom::after {
  clear: both;
  content: "";
  display: block;
}

.featured-cars-slider__bottom .car_trade_cta_link {
  display: inline-block;
  max-width: 220px;
}

.featured-cars-slider__rating {
  overflow: hidden;
  text-align: right;
  line-height: 18px;
}

.featured-cars-slider__rating .score_label_img {
  display: inline-block;
  vertical-align: middle;
}

.featured-cars-slider--simple {
  padding-top: 12px;
  padding-bottom: 12px;
}

.featured-cars-slider--simple .featured-cars-slider__car {
  width: 236px;
  height: auto;
  margin-right: 12px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  box-shadow: 0 0 1px 0 rgba(2, 35, 76, 0.1), 0 1px 3px 1px rgba(2, 35, 76, 0.1);
  transition: 200ms all cubic-bezier(0.4, 0, 0.2, 1);
}

.featured-cars-slider--simple .featured-cars-slider__car img {
  transition: 200ms all cubic-bezier(0.4, 0, 0.2, 1);
}

.featured-cars-slider--simple .featured-cars-slider__car:hover {
  border-color: rgba(27, 173, 213, 0.4);
  box-shadow: 0 4px 5px 0 rgba(2, 35, 76, 0.1), 0 1px 10px 0 rgba(2, 35, 76, 0.16), 0 2px 4px -1px rgba(2, 35, 76, 0.1);
}

.featured-cars-slider--simple .featured-cars-slider__car:hover img {
  transform: scale(1.08);
}

.featured-cars-slider--simple .featured-cars-slider__car:hover .moving-link-indicator {
  opacity: 1;
  transform: translate(0, 0);
}

.featured-cars-slider--simple .featured-cars-slider__car:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1200px) {
  .featured-cars-slider--simple .featured-cars-slider__car {
    border: 1px solid #F4F1EF;
  }
}

.featured-cars-slider--simple .featured-cars-slider__image {
  width: 236px;
  height: 154px;
  overflow: hidden;
}

.featured-cars-slider--simple .featured-cars-slider__headline {
  font-size: 12px;
  font-weight: 500;
  color: #02234C;
}

.featured-cars-slider--simple .featured-cars-slider__bottom {
  padding: 0 8px 8px;
}

.featured-cars-slider--simple .featured-cars-slider__bottom > div {
  padding-top: 8px;
}

.featured-cars-slider--simple .featured-cars-slider__bottom .fuel-efficiency {
  font-size: 11px;
  font-weight: 400;
  color: #424242;
}

.featured-cars-slider--simple .featured-cars-slider__bottom .fuel-efficiency .no-emission-info {
  color: #FFF;
}

.featured-cars-slider--simple .featured-cars-slider__bottom .car-comparison-checkbox {
  padding: 8px 0;
  font-size: 13px;
  font-weight: 500;
}

.featured-cars-slider--simple .featured-cars-slider__bottom .featured-cars-savings {
  font-size: 10px;
  border-radius: 4px;
  padding: 4px 8px;
  color: #fff;
  display: inline-block;
}

.featured-cars-slider--simple .featured-cars-slider__bottom .featured-cars-savings.no-savings {
  color: rgba(49, 51, 61, 0.5);
  border: 1px solid #EEEEEE;
}

.featured-cars-slider--simple .featured-cars-slider__rating-container .new-car-label {
  background-image: url(//assets.autouncle.com/assets/new_listing/new-car-edf4f93df71c59fe47f96924d09494ff85c01ebe5f8fa7bdba9f14ac23a69a50.png);
  background-size: 100%;
  width: 100px;
  height: 20px;
  margin: 15px 0;
}

.featured-cars-slider--simple .featured-cars-slider__rating-container .au-rating-label-flat {
  font-size: 12px !important;
  font-weight: 600;
  margin-bottom: 3px;
  margin-left: 1px;
}

.featured-cars-slider--simple .featured-cars-slider__rating-container .car-price-rating {
  margin-bottom: 3px;
}

.featured-cars-slider--simple .featured-cars-slider__rating-container .price-difference-text {
  font-size: 12px;
}

.featured-cars-slider--simple .featured-cars-slider__price-container {
  font-size: 18px;
  color: #02234C;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

.featured-cars-slider--simple .featured-cars-slider__source-name-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 4px 8px;
  background: #02234C;
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
}

.featured-cars-slider--simple .featured-cars-slider__source-name-label .source-name {
  padding-right: 4px;
  max-width: calc(100% - 12px);
}

.featured-cars-slider--simple .featured-cars-slider__source-name-label i {
  background-image: url(//assets.autouncle.com/assets/icons/uds_white/uds_outgoing_icon-f3ad679ec88200a826ead6baf01becaee35c6e801cd14117a6bb5a6b6c857699.svg);
  background-size: contain;
  width: 12px;
  height: 12px;
}

body:not(.mobile_layout) .moving-link-indicator {
  transition: transform 200ms, opacity 200ms;
  opacity: 0;
  transform: translate(-10px, 0);
}

.featured-cars-slider--simple .featured-cars-slider__trade-in-simulator {
  background-color: #1BADD5;
  color: white;
  padding: 5px 15px;
  border-radius: 5px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1199px) {
  .featured-cars-slider--simple.page-navigation .featured-cars-slider__car {
    margin-right: 10px;
  }
}

@media screen and (min-width: 1200px) {
  .featured-cars-slider--simple.page-navigation .featured-cars-slider__car {
    margin-right: 7px;
  }
}

.featured-carousel-section {
  background: #EBF9FD !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  margin: 16px 0;
}

.section-headline {
  padding-bottom: 0 !important;
  font-size: 16px;
  font-weight: 500;
  color: #02234C;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.sticky.sticky-fixed.is-sticky {
  margin-top: 0;
  margin-bottom: 0;
  position: fixed;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sticky.sticky-fixed.is-sticky:not([style*="margin-top"]) {
  margin-top: 0 !important;
}

.sticky.sticky-fixed.is-sticky:not([style*="margin-bottom"]) {
  margin-bottom: 0 !important;
}

.sticky.sticky-fixed.is-absolute {
  position: absolute;
}

.distance-and-location {
  max-width: 100%;
}

.distance-and-location > div {
  display: none;
  max-width: 100%;
  background: #EBF9FD;
  color: #02234C;
  text-align: center;
  padding: 0 8px;
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
  border-radius: 2px;
}

.distance-and-location > div.visible {
  display: inline-block;
}

.distance-and-location > div:before {
  content: '';
  display: inline-block;
  position: relative;
  top: 3px;
  height: 16px;
  width: 16px;
  margin-right: 4px;
  background-image: url(//assets.autouncle.com/assets/icons/uds_location_icon-807866a7f756f6ba0405414d500f01ac03b3b49fd2810732e2e192c940d813da.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.car-search-filters-link-button {
  display: block;
  margin: 5px 0;
  padding: 5px 0;
}

.ecommerce-label {
  display: flex;
  position: relative;
  width: 100%;
  margin-top: 8px;
  padding: 8px 16px;
  border-radius: 4px;
  text-align: left;
  background: #EBF9FC;
  color: #424242;
}

.ecommerce-label .ecommerce-highlight {
  align-self: center;
}

.ecommerce-label .ecommerce-tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 284px;
  width: 70%;
  padding: 8px 12px;
  border-radius: 8px;
  color: #FFFFFF;
  background: #003C7D;
  transition: opacity 0.2s ease-in-out;
  z-index: 1;
}

.ecommerce-label .ecommerce-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: #003C7D transparent transparent transparent;
}

.ecommerce-label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  align-self: center;
  flex-shrink: 0;
  background-image: url(//assets.autouncle.com/assets/icons/uds_gray-800/uds_basket_icon-f47fe11bf96019a31157e903eb3fdd27175a1769d51638ec497f3402e8a76976.svg);
  background-size: contain;
}

@media (hover: hover) {
  .ecommerce-label:hover .ecommerce-tooltip {
    display: block;
  }
}

.page_nav {
  overflow: hidden;
  height: 45px;
  text-align: center;
}

.page_nav.bottom td {
  padding: 18px;
}

.page_nav a, .page_nav .current, .page_nav span.disabled {
  height: 40px;
  line-height: 40px;
  color: #686868;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
  text-align: center;
}

.page_nav a:hover, .page_nav .current:hover, .page_nav span.disabled:hover {
  background-position: left -29px;
}

.page_nav a.disabled, .page_nav .current.disabled, .page_nav span.disabled.disabled {
  color: #bebebe;
}

.page_nav a:hover {
  background-color: #f2f2f2;
}

.page_nav .page {
  display: inline-block;
  background-image: none;
  width: auto;
}

.page_nav .page a {
  width: auto;
  display: inline;
  padding: 5px;
  text-decoration: none;
}

.page_nav .prev, .page_nav .next, .page_nav .pages {
  float: none;
  display: inline-block;
  width: auto;
  font-size: 12px;
}

.page_nav .prev.disabled, .page_nav .next.disabled, .page_nav .pages.disabled {
  padding: 0px 10px;
}

.page_nav .prev a, .page_nav .next a, .page_nav .pages a {
  display: block;
  width: auto;
  padding: 0 2em;
}

.page_nav .page_info {
  line-height: 30px;
  text-align: center;
}

.page_nav .pagination {
  display: table;
  margin: 0 auto;
}

.page_nav .pagination .pagination-container {
  font-size: 0;
  border: 1px solid #F4F1EF;
  border-radius: 5px;
  background-color: #FFFFFF;
}

.page_nav .pagination .pagination-container .disabled {
  padding: 0 2em;
}

.page_nav .pagination .pagination-container .prev, .page_nav .pagination .pagination-container .pages {
  border-right: 1px solid #F4F1EF;
}

.page_nav .pagination .pagination-container .nav-dots, .page_nav .pagination .pagination-container .current, .page_nav .pagination .pagination-container .prev_page_number, .page_nav .pagination .pagination-container .next_page_number {
  padding: 0 1.3em;
  line-height: 40px;
}

.page_nav .pagination .pagination-container .current {
  background-color: #f2f2f2;
}

.page_nav .pagination .pagination-container .prev a, .page_nav .pagination .pagination-container .next a {
  color: #1BADD5;
}

@media screen and (max-width: 801px) {
  .page_nav .pagination .pagination-container {
    border: 1px solid #edeae6;
    border-radius: 3px;
  }
  .page_nav .pagination .pagination-container .prev, .page_nav .pagination .pagination-container .pages {
    border-right: 1px solid #edeae6;
  }
  .page_nav .pagination .pagination-container .prev, .page_nav .pagination .pagination-container .next {
    font-size: 16px;
  }
  .page_nav .pagination .pagination-container .prev a, .page_nav .pagination .pagination-container .next a {
    padding: 0 1.1em;
    color: #1BADD5;
  }
  .page_nav .pagination .pagination-container .prev a:hover, .page_nav .pagination .pagination-container .next a:hover {
    background: none;
  }
  .page_nav .pagination .pagination-container .disabled {
    padding: 0 1.1em;
  }
  .page_nav .pagination .pagination-container .nav-dots {
    padding: 0 0.9em;
  }
  .page_nav .pagination .pagination-container .pages {
    font-size: 16px;
  }
  .page_nav .pagination .pagination-container .pages a, .page_nav .pagination .pagination-container .pages .current {
    padding: 0 1.1em;
  }
  .page_nav .pagination .pagination-container .pages a:hover, .page_nav .pagination .pagination-container .pages .current:hover {
    background: none;
  }
  .page_nav .pagination .pagination-container .pages .current {
    background-color: #F7F7F7;
  }
}

.model_text {
  font-size: 16px;
  text-align: left;
  line-height: 1.625;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.model_text p {
  margin-bottom: 13px;
}

.model_text h1, .model_text h2, .model_text h3, .model_text h4, .model_text h5, .model_text h6 {
  margin-bottom: 13px;
}

.model_text ul {
  list-style-type: disc;
  margin-bottom: 13px;
  padding-left: 26px;
}

.model_text > h2, .model_text .pros_and_cons h3 {
  cursor: pointer;
}

.model_text .pros_and_cons {
  position: relative;
}

@media screen and (min-width: 600px) {
  .model_text .pros_and_cons {
    width: 36%;
    float: right;
    margin-left: 18px;
    margin-top: -42px;
  }
}

.model_text .pros_and_cons > article {
  display: block;
  margin: 0;
}

.model_text .pros_and_cons > article h3 {
  margin: 0;
  padding: 0;
  width: 50%;
  position: absolute;
  top: 0;
  line-height: 1.8;
  height: 32.4px;
  font-size: 18px;
  font-weight: normal;
  box-sizing: border-box;
  padding: 0 18px;
}

@media screen and (min-width: 600px) {
  .model_text .pros_and_cons > article h3 {
    line-height: 1.8;
    height: 43.2px;
    font-size: 24px;
  }
}

.model_text .pros_and_cons > article ul {
  display: none;
  background-color: #FFF;
  border: 1px solid #edeae6;
  padding: 13px 18px;
}

.model_text .pros_and_cons > article ul li {
  margin-left: 18px;
}

.model_text .pros_and_cons > article.active {
  padding-top: 31.4px;
  height: auto;
}

@media screen and (min-width: 600px) {
  .model_text .pros_and_cons > article.active {
    padding-top: 42.2px;
  }
}

.model_text .pros_and_cons > article.active h3 {
  background-color: #FFF;
  border-style: solid;
  border-color: #edeae6;
  border-width: 1px 1px 0 1px;
}

.model_text .pros_and_cons > article.active ul {
  display: block;
}

.model_text .pros_and_cons > article.cons h3 {
  left: 50%;
}

.other-car-model-links.boxed,
.similar-cars-links.boxed,
.display-regions.boxed {
  border-radius: 5px;
  padding: 9px 0 9px 9px;
  border: 1px solid #F4F1EF;
  background: #fff;
}

.other-car-model-links h3,
.similar-cars-links h3,
.display-regions h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.car-model-links li,
.display-regions li {
  list-style-type: none;
  margin: 5px 0;
}

@media screen and (min-width: 1000px) {
  .car-model-links::after,
.display-regions::after {
    clear: both;
    content: "";
    display: block;
  }
  .car-model-links li,
.display-regions li {
    float: left;
    width: 25%;
  }
}

@media screen and (max-width: 1000px) {
  .car-model-links::after,
.display-regions::after {
    clear: both;
    content: "";
    display: block;
  }
  .car-model-links li,
.display-regions li {
    float: left;
    width: 30%;
  }
}

@media screen and (max-width: 640px) {
  .car-model-links li,
.display-regions li {
    float: left;
    width: 45%;
    margin-right: 10px;
    border-bottom: 1px solid #E0E0E0;
  }
  .car-model-links li a,
.display-regions li a {
    text-decoration: none;
    color: #1BADD5;
  }
}

*[data-variant] {
  display: none;
}

*.variant-visible[data-variant] {
  display: inline-block;
}

*.variant-visible[data-variant][data-block] {
  display: block;
}

*.variant-visible[data-variant][data-inline] {
  display: inline;
}

.search-agent-form-wrapper {
  padding: 7px 10px;
}

.search-agent-form-wrapper form {
  display: flex;
  align-items: center;
}

.search-agent-form-wrapper input[type="text"] {
  display: flex;
  flex-grow: 3;
  color: #686868;
  background-color: white;
  padding: 0px 10px;
  border: 1px solid #edeae6;
  border-radius: 3px 0 0 3px;
  margin: 0;
  box-shadow: none;
  height: 35px;
  box-sizing: border-box;
  -webkit-appearance: none;
}

.search-agent-form-wrapper input[type="text"]:focus {
  outline: none;
}

.search-agent-form-wrapper input[type="text"]::placeholder, .search-agent-form-wrapper input[type="text"]:-ms-input-placeholder {
  color: #B8B8B8;
}

.search-agent-form-wrapper input[type="submit"] {
  display: flex;
  flex: 1;
  background: #1BADD5;
  border: 1px solid white;
  padding: 8px 14px;
  color: white;
  font-size: 14px;
  font-weight: 300;
  border-radius: 0 3px 3px 0;
  border: 1px solid #1BADD5;
  border-left: none;
  text-transform: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -spec-appearance: none;
  appearance: none;
}

.search-agent-form-wrapper input[type="submit"]:focus, .search-agent-form-wrapper input[type="submit"]:active {
  outline: none;
}

.search-agent-form-wrapper input[type="submit"][disabled] {
  border-color: #dadada;
  background-color: #dadada;
}

.search_agent_form.form_bottom {
  display: block;
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  line-height: 40px;
  background-image: url(//assets.autouncle.com/assets/search_results/personal_au_invitation-b1de4b3eff01be6cca94f794e59ca5bc43b207c0c50ce70f0eca3939f04c6bb1.png);
  background-repeat: no-repeat;
  background-position: 30% 50%;
  margin-top: 0;
  margin-bottom: 18px;
  background-color: #f6f3ef;
}

.js-search-agent-form .agent_added_message_container {
  display: none;
}

.js-search-agent-form #listing-item-app-banner {
  line-height: 1.5;
  border-top: none;
}

article.js-search-agent-form.desktop {
  width: 100%;
}

article.js-search-agent-form.desktop.bottom_of_search_results .search-agent-form-wrapper, article.js-search-agent-form.desktop.no_results_page .search-agent-form-wrapper {
  width: 50%;
  margin: 0 auto;
}

article.js-search-agent-form.desktop.bottom_of_search_results .agent_added.message, article.js-search-agent-form.desktop.no_results_page .agent_added.message {
  justify-content: center;
}

article.js-search-agent-form.desktop .search-agent-form-wrapper {
  width: 75%;
}

article.js-search-agent-form.desktop .agent_added.message {
  font-size: 16px;
  height: 49px;
}

article.js-search-agent-form.mobile .agent_added.message {
  font-size: 14px;
  line-height: 1.5;
}

.agent_added.message {
  display: flex;
  align-items: center;
  padding: 6px 12px;
}

.agent_added.message img {
  margin-right: 12px;
}

.mobile-breadcrumbs .breadcrumbs {
  padding: 0;
  line-height: 12px;
}

.mobile-breadcrumbs .breadcrumbs .breadcrumb-item {
  position: relative;
  margin-right: 15px;
  display: inline-block;
  font-size: 12px;
  text-decoration: none;
  line-height: 30px;
  padding: 0 3px;
}

.mobile-breadcrumbs .breadcrumbs .breadcrumb-item::after {
  content: "›";
  position: absolute;
  top: 0;
  right: -13px;
}

.mobile-breadcrumbs .breadcrumbs .breadcrumb-item.last span {
  margin-right: 5px;
}

.mobile-breadcrumbs .breadcrumbs .breadcrumb-item.last::after {
  display: none;
}

.mobile-breadcrumbs .breadcrumbs span:last-child a {
  color: #91A6AD;
}

.mobile-breadcrumbs .breadcrumbs span:last-child a::after {
  color: #1f94b6;
}

.search-actions {
  height: 56px;
  padding: 12px 16px;
  display: flex;
}

.search-actions a {
  text-decoration: none;
}

.search-actions .search-action {
  display: flex;
  align-items: center;
  padding: 8px 16px 8px 12px;
  border-radius: 5px;
  border: 1px solid #02234C;
  font-size: 12px;
  font-weight: 500;
}

.search-actions .search-action:not(:last-child) {
  margin-right: 8px;
}

.search-actions .search-action:last-child {
  margin-left: auto;
}

.search-actions .search-action img {
  margin-right: 8px;
}

.search-actions .search-action.primary {
  color: #FFF;
  background: #02234C;
}

.search-actions .search-action.secondary {
  color: #02234C;
}

.search-actions .search-action.tretiary {
  color: #02234C;
  background: #EBF9FD;
  border-color: #EBF9FD;
}

.search-actions .change-sorting {
  position: relative;
}

.search-actions .change-sorting select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -spec-appearance: none;
  appearance: none;
  background: transparent;
  opacity: 0;
  color: #fff;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

.hide {
  display: none;
}

.centered {
  text-align: center;
}

.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

.strong {
  font-weight: bold;
}

.helptip {
  border-bottom: .1em dotted;
  cursor: help;
}

.small_info_box {
  background-color: #f6f3ef;
  padding: 10px;
  border-radius: 10px;
  margin: 10px 0;
}

.odd {
  background-color: #f6f3ef;
}

.even {
  background-color: white;
}

hr {
  border: 0 none;
  height: 1px;
  margin: 0;
}

.elevate-4 {
  box-shadow: 0 4px 5px 0 rgba(2, 35, 76, 0.1), 0 1px 10px 0 rgba(2, 35, 76, 0.16), 0 2px 4px -1px rgba(2, 35, 76, 0.1);
}

.elevate-2 {
  box-shadow: 0 2px 2px 0 rgba(2, 35, 76, 0.1), 0 3px 1px -2px rgba(2, 35, 76, 0.16), 0 1px 5px 0 rgba(2, 35, 76, 0.1);
}

.pr-4 {
  padding-right: 16px;
}

.rating-background-5 {
  background: #0a8020;
}

.rating-color-5 {
  color: #0a8020;
}

.rating-5 {
  background: rgba(10, 128, 32, 0.1);
  color: #0a8020;
}

.no-savings {
  background: #FAFAFA;
  color: #9E9E9E;
}

.rating-background-4 {
  background: #4d7d00;
}

.rating-color-4 {
  color: #4d7d00;
}

.rating-4 {
  background: rgba(77, 125, 0, 0.1);
  color: #4d7d00;
}

.no-savings {
  background: #FAFAFA;
  color: #9E9E9E;
}

.rating-background-3 {
  background: #00838a;
}

.rating-color-3 {
  color: #00838a;
}

.rating-3 {
  background: rgba(0, 131, 138, 0.1);
  color: #00838a;
}

.no-savings {
  background: #FAFAFA;
  color: #9E9E9E;
}

.rating-background-2 {
  background: #9a6700;
}

.rating-color-2 {
  color: #9a6700;
}

.rating-2 {
  background: rgba(154, 103, 0, 0.1);
  color: #9a6700;
}

.no-savings {
  background: #FAFAFA;
  color: #9E9E9E;
}

.rating-background-1 {
  background: #a50600;
}

.rating-color-1 {
  color: #a50600;
}

.rating-1 {
  background: rgba(165, 6, 0, 0.1);
  color: #a50600;
}

.no-savings {
  background: #FAFAFA;
  color: #9E9E9E;
}

.rating-background-0 {
  background: #d4e3f5;
}

.rating-color-0 {
  color: #d4e3f5;
}

.rating-0 {
  background: rgba(212, 227, 245, 0.1);
  color: #d4e3f5;
}

.no-savings {
  background: #FAFAFA;
  color: #9E9E9E;
}

.rating-border-3 {
  border-color: rgba(0, 131, 138, 0.3);
}

.rating-border-4 {
  border-color: rgba(77, 125, 0, 0.3);
}

.rating-border-5 {
  border-color: rgba(10, 128, 32, 0.3);
}

.rating-border-0 {
  border-color: #BDBDBD;
}

.rating-border-1 {
  border-color: #BDBDBD;
}

.rating-border-2 {
  border-color: #BDBDBD;
}

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

body {
  width: 100%;
  height: 100%;
}

#slide-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

#content-panel {
  position: relative;
  z-index: 1;
  /*will-change: transform;*/
  /* Disable this in favour of sticky-state */
}

.slideout-open,
.slideout-open body,
.slideout-open #content-panel {
  overflow: hidden;
}

.slideout-open #slide-menu {
  display: block;
}

#slide-menu {
  left: 0;
}

/* AutoScore Colors */
/* SPRITES                                                                        */
/* 1. Enable sprite (use it to set parameters so icon_sprites.png can be used)    */
/* 2. Include the "sprite" mixin, with the following parameters:                  */
/*      $rect           : being the clipping rectangle for the sprite             */
/*      $rect2          : optional rectangle for the "hover" state                */
/*      $offX, $offY    : the positional offset of the sprite in the element      */
/*    Example usage:                                                              */
/*    @include sprite()                                                              */
/* 3. Adjust the clipping of a sprite if needed in another context                */
/* AutoScore Colors */
/* SPRITES                                                                        */
/* 1. Enable sprite (use it to set parameters so icon_sprites.png can be used)    */
/* 2. Include the "sprite" mixin, with the following parameters:                  */
/*      $rect           : being the clipping rectangle for the sprite             */
/*      $rect2          : optional rectangle for the "hover" state                */
/*      $offX, $offY    : the positional offset of the sprite in the element      */
/*    Example usage:                                                              */
/*    @include sprite()                                                              */
/* 3. Adjust the clipping of a sprite if needed in another context                */
@keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

.uds-overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  padding: 12px;
  display: none;
  box-sizing: border-box;
}

.uds-overlay.with-floating-header-and-footer .uds-overlay-content-header, .uds-overlay.with-floating-header-and-footer .uds-overlay-content-footer {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 25px);
  z-index: 9;
}

.uds-overlay.with-floating-header-and-footer .uds-overlay-content-footer {
  bottom: 12px;
}

.uds-overlay.with-floating-header-and-footer .uds-overlay-content-body {
  margin-top: 75px;
}

.uds-overlay-content {
  background: #ffffff;
  height: auto;
  border-radius: 4px;
  overflow-y: scroll;
  position: relative;
  margin: auto;
  max-width: 80%;
  max-height: 100%;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (min-width: 767px) {
  .uds-overlay-content {
    max-width: 600px;
  }
}

.uds-overlay-content.full-width {
  max-width: 100%;
  top: 0;
  transform: none;
  height: 100%;
}

.uds-overlay-content-header, .uds-overlay-content-footer {
  padding: 20px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #02234C;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  box-sizing: border-box;
  position: relative;
}

.uds-overlay-content-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 1px solid #EFEFEF;
}

.uds-overlay-content-footer {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #EFEFEF;
}

.uds-overlay-content-header-title {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  color: #02234C;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.uds-overlay-close {
  padding: 8px 16px;
  cursor: pointer;
  position: relative;
}

.uds-overlay-close::before {
  position: absolute;
  top: 0;
  content: '';
  height: 18px;
  width: 2px;
  background-color: #02234C;
  transform: rotate(45deg);
  z-index: 1;
}

.uds-overlay-close::after {
  position: absolute;
  top: 0;
  content: '';
  height: 18px;
  width: 2px;
  background-color: #02234C;
  transform: rotate(-45deg);
  z-index: 2;
}

.uds-overlay-close.floating-right {
  float: right;
  top: 20px;
  right: 12px;
}

.uds-overlay-content-body {
  padding: 16px;
}

.uds-overlay-content-spinner {
  animation: rotate360 2s linear infinite;
  z-index: 2;
  display: none;
  position: absolute;
  top: 100px;
  left: calc(50% - 10px);
  width: 25px;
  height: 25px;
}

.uds-overlay-content-spinner .spinner-path {
  stroke: #1BADD5;
  stroke-linecap: round;
  animation: spinner-dash 1.5s ease-in-out infinite;
}

.uds-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 100%;
  max-height: 100%;
  padding: 12px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #efefef;
  -webkit-appearance: none;
  text-shadow: none;
  transition: 400ms ease-in-out;
}

.uds-button.primary {
  background: #1BADD5;
  color: #fff !important;
  border-color: #1BADD5;
}

.uds-button.primary:hover {
  background: #26bbe3;
  border-color: #26bbe3;
}

.uds-button.primary.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: rgba(27, 173, 213, 0.32) !important;
  background-color: rgba(27, 173, 213, 0.16);
  border-color: rgba(27, 173, 213, 0.16);
}

.uds-button.secondary {
  color: #686868;
  background: #D6DCE7;
  border-color: #D6DCE7;
}

.uds-button.secondary:hover {
  background: #e6eaf0;
  border-color: #e6eaf0;
}

.uds-button.secondary-ghost {
  color: #02234C;
  border-color: #31333D;
}

.uds-button.primary-ghost {
  color: #1BADD5;
  border-color: #1BADD5;
}

.uds-button.medium {
  padding: 8px 12px;
}

.uds-button.big {
  font-size: 16px;
  height: 48px;
}

.uds-button.full-width {
  width: 100%;
}

.uds-button.with-icon {
  padding-right: 30px;
}

.uds-button.with-icon.full-width {
  padding-left: 30px;
}

.uds-button i {
  position: absolute;
  right: 12px;
}

.uds-button i img {
  max-height: 14px;
  vertical-align: middle;
}

.uds-button a {
  display: block;
  text-decoration: none;
}

/* AutoScore Colors */
/* SPRITES                                                                        */
/* 1. Enable sprite (use it to set parameters so icon_sprites.png can be used)    */
/* 2. Include the "sprite" mixin, with the following parameters:                  */
/*      $rect           : being the clipping rectangle for the sprite             */
/*      $rect2          : optional rectangle for the "hover" state                */
/*      $offX, $offY    : the positional offset of the sprite in the element      */
/*    Example usage:                                                              */
/*    @include sprite()                                                              */
/* 3. Adjust the clipping of a sprite if needed in another context                */
@keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

.uds-progress {
  background-color: #ffffff;
  border-radius: 4px;
  position: relative;
  line-height: 38px;
  padding: 0 10px;
}

.uds-progress-bar {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  background-color: rgba(27, 173, 213, 0.2);
  border-radius: 4px;
  transition: width .5s ease-out, right .5s ease-out;
}

.uds-progress-spinner {
  animation: rotate360 2s linear infinite;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.uds-progress-spinner .spinner-path {
  stroke: #1BADD5;
  stroke-linecap: round;
  animation: spinner-dash 1.5s ease-in-out infinite;
}

.uds-skinless-text-field {
  border: none;
  outline: none;
  font-size: 13px;
  padding: 0;
  color: #02234C;
}

.uds-text-field {
  color: #02234C;
  background-color: #ffffff;
  border: 1px solid rgba(91, 112, 122, 0.25);
  border-radius: 4px;
  padding: 6px 12px;
  height: 38px;
  box-sizing: border-box;
  font-size: 13px;
}

.uds-text-field::placeholder {
  color: rgba(49, 51, 61, 0.5);
}

.uds-text-field.small, .uds-text-field.small + .uds-text-field-button {
  height: 30px;
  line-height: 4px;
}

.uds-text-field + .uds-text-field-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.uds-text-field:focus, .uds-text-field.active {
  border-color: rgba(91, 112, 122, 0.5);
  outline: none;
}

.uds-text-field:focus .uds-text-field-icon, .uds-text-field.active .uds-text-field-icon {
  opacity: 1;
}

.uds-text-field:disabled, .uds-text-field.disabled {
  border-color: rgba(91, 112, 122, 0.25);
}

.uds-text-field:disabled, .uds-text-field:disabled *, .uds-text-field.disabled, .uds-text-field.disabled * {
  color: rgba(2, 35, 76, 0.25);
}

.uds-text-field:disabled .uds-text-field-icon, .uds-text-field.disabled .uds-text-field-icon {
  opacity: .25;
}

.uds-text-field.active-strong:focus, .uds-text-field.active-strong.active {
  border-color: #1BADD5;
  box-shadow: 0 0 1px 1px #1BADD5;
}

.uds-text-field-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.uds-text-field-container .uds-text-field, .uds-text-field-container .uds-skinless-text-field {
  flex: 1;
  width: -webkit-fill-available;
  width: -moz-available;
}

.uds-text-field-container .uds-text-field:focus ~ .uds-text-field-button, .uds-text-field-container .uds-text-field.active ~ .uds-text-field-button, .uds-text-field-container .uds-skinless-text-field:focus ~ .uds-text-field-button, .uds-text-field-container .uds-skinless-text-field.active ~ .uds-text-field-button {
  border-color: transparent;
  background-color: #1BADD5;
  color: #FFF;
}

.uds-text-field-container .uds-text-field:focus ~ .uds-text-field-button .uds-text-field-button-icon, .uds-text-field-container .uds-text-field.active ~ .uds-text-field-button .uds-text-field-button-icon, .uds-text-field-container .uds-skinless-text-field:focus ~ .uds-text-field-button .uds-text-field-button-icon, .uds-text-field-container .uds-skinless-text-field.active ~ .uds-text-field-button .uds-text-field-button-icon {
  fill: #FFF;
}

.uds-text-field-container.with-button-right .uds-text-field {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.uds-text-field-label {
  font-size: 14px;
  color: #02234C;
  margin-bottom: 6px;
}

.uds-text-field-button {
  background-color: #ffffff;
  color: #02234C;
  border: 1px solid rgba(91, 112, 122, 0.25);
  border-radius: 4px;
  padding: 12px;
  height: 38px;
  box-sizing: border-box;
}

.uds-text-field-button:last-child {
  margin-left: -1px;
}

.uds-text-field-button:disabled {
  color: rgba(2, 35, 76, 0.25);
}

.uds-text-field-button:disabled .uds-text-field-button-icon {
  fill: rgba(2, 35, 76, 0.25);
}

.uds-text-field-button .uds-text-field-button-icon {
  display: inline-block;
  position: relative;
  top: 1px;
  fill: #02234C;
  margin-right: 3px;
}

.uds-text-field-dropdown-control {
  color: #02234C;
  border: 1px solid rgba(91, 112, 122, 0.25);
  padding: 0 6px;
  border-radius: 36px;
  -webkit-appearance: none;
  background-color: #fff;
  height: 100%;
  outline: none;
}

.uds-text-field-dropdown-control:disabled, .uds-text-field-dropdown-control.disabled {
  border-color: rgba(91, 112, 122, 0.25);
  color: rgba(2, 35, 76, 0.25);
}

.uds-text-field-icon {
  opacity: .75;
  margin: 0 6px;
}

.uds-checkbox {
  display: flex;
  line-height: 16px;
}

.uds-checkbox.bordered {
  padding: 8px 12px;
  border: 1px solid #02234C;
  border-radius: 4px;
}

.uds-checkbox.checked {
  border-color: #1BADD5;
}

.uds-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  left: -9999px;
}

.uds-checkbox input[type="checkbox"] + .uds-checkbox-box {
  position: relative;
}

.uds-checkbox input[type="checkbox"] + .uds-checkbox-box::before {
  display: block;
  content: ' ';
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 1px solid #75909E;
  border-radius: 2px;
}

.uds-checkbox input[type="checkbox"] + .uds-checkbox-box.dark::before {
  border-color: #02234C;
}

.uds-checkbox input[type="checkbox"] + .uds-checkbox-box::after {
  opacity: 0;
  content: ' ';
  position: absolute;
  top: -10px;
  left: 3px;
  transition: all .08s ease-in-out;
  width: 10px;
  height: 6px;
  border-bottom: 2px solid #02234C;
  border-left: 2px solid #02234C;
  box-sizing: border-box;
  transform: rotate(-45deg);
  transform: rotate(-60deg) scale(1.8);
}

.uds-checkbox input[type="checkbox"]:checked + .uds-checkbox-box::before {
  border-color: #5B707A;
}

.uds-checkbox input[type="checkbox"]:checked + .uds-checkbox-box::after {
  opacity: 1;
  top: 4px;
  transform: rotate(-45deg);
}

.uds-checkbox input[type="checkbox"]:checked ~ .uds-checkbox-label {
  color: #5B707A;
}

.uds-checkbox input[type="checkbox"]:checked ~ .uds-checkbox-label.dark {
  color: #02234C;
}

.uds-checkbox .uds-checkbox-label {
  color: #75909E;
  margin-left: 6px;
  flex: 1;
}

.uds-checkbox .uds-checkbox-label.with-error {
  color: #FA2526;
}

.uds-checkbox .uds-checkbox-label.with-error .uds-checkbox-error {
  display: block;
}

.uds-checkbox .uds-checkbox-label.dark {
  color: #02234C;
}

.uds-checkbox .uds-checkbox-error {
  display: none;
  font-size: 0.8em;
}

.uds-spinner-overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}

.uds-spinner-overlay.inline {
  position: relative;
  height: 200px;
  background: rgba(0, 0, 0, 0.25);
}

.uds-spinner-overlay.active {
  display: block;
}

.uds-spinner-overlay svg {
  animation: rotate360 2s linear infinite;
  z-index: 2;
  width: 40px;
  height: 40px;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
}

.uds-spinner-overlay svg .spinner-path {
  stroke: #fff;
  stroke-linecap: round;
  animation: spinner-dash 1.5s ease-in-out infinite;
}

body {
  font-size: 14px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  line-height: 1.4;
}

body .wrapper {
  font-size: 15px;
}

h1 {
  font-size: 1.8em;
  font-weight: normal;
  color: #000;
  line-height: 1.2;
}

h1.subtle-heading {
  font-size: 1em;
  padding: 0;
  margin: 0;
}

h2 {
  font-size: 1.3em;
  font-weight: normal;
}

a {
  color: #1BADD5;
}

b, strong {
  font-weight: bold;
}

.ui-tooltip, .qtip {
  font-size: 14px;
}

.color-em {
  color: #1BADD5;
  font-weight: bold;
}

input {
  font-size: 1em;
}

.header {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 100%;
  top: 0;
  z-index: 20;
  background-color: white;
  transition: all .3s ease-in-out;
}

.header::after {
  clear: both;
  content: "";
  display: block;
}

.header.hidden {
  top: -48px;
}

.header .logo {
  display: block;
  float: left;
  height: 24px;
}

.header .logo img {
  display: inline-block;
  vertical-align: middle;
  height: 15px;
  width: auto;
}

.breadcrumbs {
  padding: 5px 10px 0 10px;
}

.wrapper {
  padding: 10px;
}

.wrapper--vertical-padding {
  padding: 10px 0;
}

.card-mobile {
  padding: 10px 0;
  border-bottom: 1px solid #edeae6;
}

.autouncle-smart-banner {
  height: 71px;
  background-color: #E1EDFF;
  width: 100%;
  z-index: 10;
  top: 0;
  display: none;
  position: relative;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.autouncle-smart-banner .autouncle-banner-content {
  height: inherit;
  top: 0;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: -1;
}

.mobile_layout #footer-links {
  margin-top: 20px;
  background: #1BADD5;
  font-size: 14px;
  text-align: center;
}

.mobile_layout #footer-links a {
  color: #fff;
  text-decoration: none;
}

.mobile_layout #footer-links .links li {
  display: inline-block;
  padding: 10px;
}

.button {
  -webkit-appearance: none;
  background-color: #97D04C;
  color: #fff;
  box-shadow: none;
  background-image: none;
  border: none;
  border-radius: 0;
  text-shadow: none;
  padding: 8px 10px;
  border-radius: 5px;
  text-decoration: none;
}

.button:hover {
  cursor: pointer;
  background-color: #89c935;
}

.button--block {
  display: block;
  padding: 8px 10px;
}

.button--block::after {
  clear: both;
  content: "";
  display: block;
}

.button--secondary, .button.grey {
  background-color: #E5E5E5;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  color: #515c5e;
}

.button__icon--right {
  float: right;
}

.button--simple-light {
  border: 1px solid #dad4cb;
  border-radius: 3px;
  padding: 0 5px;
  color: #1BADD5;
  background-color: white;
  padding: 8px 10px;
}

.button--simple-light:hover {
  background-color: white;
}

/* AutoScore Colors */
/* SPRITES                                                                        */
/* 1. Enable sprite (use it to set parameters so icon_sprites.png can be used)    */
/* 2. Include the "sprite" mixin, with the following parameters:                  */
/*      $rect           : being the clipping rectangle for the sprite             */
/*      $rect2          : optional rectangle for the "hover" state                */
/*      $offX, $offY    : the positional offset of the sprite in the element      */
/*    Example usage:                                                              */
/*    @include sprite()                                                              */
/* 3. Adjust the clipping of a sprite if needed in another context                */
.car-picture {
  flex-basis: 184px;
  transition: all 200ms;
  position: relative;
}

.car-picture img {
  max-width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all 200ms;
  left: 50%;
}

.car-picture .car-freshness-label {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
}

.car-picture .car-freshness-label--reduced {
  background: #FA2526;
  color: #fff;
  border: 0;
}

.no-picture-wrapper {
  background: #AEDFED;
  height: 100%;
  text-align: center;
}

.no-picture-wrapper img.no_picture {
  position: absolute;
  width: 40%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.car-image-count {
  position: absolute;
  color: #FFF;
  background: #212121;
  border-top-right-radius: 4px;
  font-size: 12px;
  text-align: center;
  padding: 4px 8px 4px 24px;
  bottom: 0;
  left: 0;
}

.car-image-count::before {
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  left: 4px;
  background-image: url(//assets.autouncle.com/assets/icons/uds_white/uds_zoom_in_icon-38c3c574ca3f904e4d8e5e89673126d16fe857678849c140bb1c4eead1af22ca.svg);
  background-size: contain;
}

.hidden-gallery-item:not(.shown) {
  display: none;
}

.hidden-gallery-image-background img {
  width: 100%;
  filter: contrast(0.5) grayscale(0.6) blur(4px);
  backdrop-filter: contrast(0.5);
}

.hidden-gallery-cta {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}

.hidden-gallery-cta-text {
  font-size: 16px;
  font-weight: 500;
  color: #02234C;
  margin-top: 16px;
}

.hidden-gallery-cta a {
  text-decoration: none;
}

.hidden-gallery-cta a::after {
  content: ' ';
  background-image: url(//assets.autouncle.com/assets/icons/uds_outgoing_icon-fb14554d5c63793203a2459af046d3a72e4cd3b89ac1f9e16474b10743574b46.svg);
  background-size: contain;
  position: absolute;
  right: 12px;
  top: 34%;
  width: 14px;
  height: 14px;
}

.gallery-item {
  width: 100% !important;
  height: 100% !important;
}

.gallery-item:not(.shown), .hidden-gallery-item:not(.shown) {
  display: none;
}

.gallery-image-background img {
  width: 100%;
}

.hidden-gallery-image-background img {
  width: 100%;
  filter: contrast(0.5) grayscale(0.6) blur(4px);
  backdrop-filter: contrast(0.5);
}

.gallery-cta {
  width: 100%;
  text-align: center;
  margin-top: 16px;
}

.gallery-cta-text {
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
  margin-top: 16px;
}

.gallery-cta a {
  text-decoration: none;
}

.gallery-cta a::after {
  content: ' ';
  background-image: url(//assets.autouncle.com/assets/icons/uds_outgoing_icon-fb14554d5c63793203a2459af046d3a72e4cd3b89ac1f9e16474b10743574b46.svg);
  background-size: contain;
  position: absolute;
  right: 12px;
  width: 14px;
  height: 14px;
}

.hidden-gallery-cta {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}

.hidden-gallery-cta-text {
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
  margin-top: 16px;
}

.hidden-gallery-cta a {
  text-decoration: none;
}

.hidden-gallery-cta a::after {
  content: ' ';
  background-image: url(//assets.autouncle.com/assets/icons/uds_outgoing_icon-fb14554d5c63793203a2459af046d3a72e4cd3b89ac1f9e16474b10743574b46.svg);
  background-size: contain;
  position: absolute;
  right: 12px;
  width: 14px;
  height: 14px;
}

.uds-overlay[id^='overlay-price-history-'] .pho-title {
  font-size: 16px;
  font-weight: 500;
  color: #02234C;
}

.uds-overlay[id^='overlay-price-history-'] .pho-subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #02234C;
  letter-spacing: 0.4px;
  padding-top: 8px;
  padding-bottom: 12px;
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  padding: 12px 16px;
  text-decoration: none;
  color: #02234C;
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container.pho-finance {
  border: 2px solid #E0E0E0;
  margin-top: 12px;
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-icon {
  width: 22px;
  height: 22px;
  margin-right: 12px;
  background-size: contain;
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-icon.finance[data-partner-id="verivox"] {
  background-image: url(//assets.autouncle.com/assets/icons/financing/verivox-8f04fa4f8c9afc7c0f2d20e8cb3aae9fcb44067f25cc1b7fdd3e23078da26fba.png);
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-icon.finance[data-partner-id="santander"] {
  background-image: url(//assets.autouncle.com/assets/icons/financing/santander-07f61064856510c61ed245b9af37eeca711dd720c0907dc52c4d13aefd76e3d6.png);
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-icon.finance[data-partner-id="conte"] {
  background-image: url(//assets.autouncle.com/assets/icons/financing/conte-cd472cc0991d68a3b6a216ad36548a140fba47b2d6bfb00f1c1db27bdc7de63c.png);
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-text {
  flex: 1 0;
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-action {
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 12px;
  min-height: 12px;
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-action.pho-close-alert {
  background-image: url(//assets.autouncle.com/assets/mobile/close_x-5f9a7d99504ecea25585bbc474c8cfe354d04a80aaaf22130a80a84e6c009183.svg);
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-action.pho-chevron-right {
  background-image: url(//assets.autouncle.com/assets/mobile/chevron_right_black-1f003037ed16624f74265be5263f9f043eee6387ea599bb44dfe0472d9d2f1c5.svg);
}

.uds-overlay[id^='overlay-price-history-'] .highcharts-container .highcharts-title {
  font-size: 1px !important;
  color: #fff !important;
}

.uds-overlay[id^='overlay-price-history-'] [id^='price-chart'] {
  padding-bottom: 12px;
}

.listing-item-financing {
  display: block;
  color: #686868;
  text-decoration: none;
}

.listing-item-financing img {
  height: 30px;
  padding: 4px 8px 0 0;
}

.listing-item-financing .chevron-right {
  height: 30px;
  padding: 8px 0;
}

.icon_inline {
  display: inline-block;
  vertical-align: middle;
}

.icon_inline + span {
  margin-left: 5px;
}

a.link_with_icon {
  text-decoration: none;
}

a.link_with_icon span {
  text-decoration: underline;
}

.test_autouncle_cta {
  border: 1px solid #edeae6;
  padding: 18px;
  display: block;
  text-decoration: none;
  background-color: #FFF;
  overflow: hidden;
}

.test_autouncle_cta a {
  display: block;
}

.test_autouncle_cta:hover {
  background-color: #f6f3ef;
}

.test_autouncle_cta .icon {
  float: left;
  margin-right: 20px;
}

.test_autouncle_cta .text {
  overflow: hidden;
  display: block;
}

.test_autouncle_cta .heading {
  font-size: 18px;
  font-weight: bold;
}

.test_autouncle_cta + .test_autouncle_cta {
  margin-top: 18px;
}

.test_autouncle_cta > * {
  display: inline-block;
  vertical-align: middle;
}

.test_autouncle_cta .buying_icon {
  display: inline-block;
  background: url(//assets.autouncle.com/assets/front_page/category_icons-bb893ed532fee7e9ffcbbcd64682d0d93e1d8cc220ffa3f18e804769ad1722ca.png) no-repeat 0 0;
  width: 144px;
  height: 96px;
  margin-right: 20px;
  vertical-align: middle;
}

.test_autouncle_cta h3 {
  margin: 0 !important;
}

.listing-item {
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  margin: 0 auto;
}

.listing-item .distance-and-location {
  max-width: 100%;
  margin-top: 8px;
}

.listing-item .distance-and-location > div {
  background: #FAFAFA;
  color: #424242;
}

.listing-item .distance-and-location > div::before {
  background-image: url(//assets.autouncle.com/assets/icons/uds_gray-800/uds_location_icon-d8e41967da3096c25afb560870067766b663e2d469388629c7c29805f8b01488.svg);
}

.listing-item[data-highlight-paid]:not([data-paid-click]) .listing-item-header {
  background: #999;
}

.listing-item-block {
  background: #ffffff;
  color: inherit;
  text-decoration: inherit;
  margin-bottom: 16px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}

.listing-item-content {
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 8px;
}

.listing-item-header {
  display: flex;
  justify-content: space-between;
  background: #1BADD5;
  border-radius: 4px 4px 0 0;
}

.listing-item-header .listing-item-source {
  display: inline-flex;
  flex: 1 0;
  align-items: center;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  margin-right: 8px;
  padding: 4px 8px;
  text-decoration: none;
}

.listing-item-header .listing-item-source img {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.listing-item-header .price-history {
  display: flex;
  align-items: center;
  font-weight: 700;
  padding: 6px 12px;
  color: #FFF;
}

.listing-item-header .price-history img {
  margin-left: 6px;
  width: 16px;
  height: 16px;
}

.listing-item-image {
  width: 44%;
  max-width: 200px;
  max-height: 150px;
  min-height: 115px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

.listing-item-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.listing-item-image img.no_picture {
  width: 40%;
  height: auto;
  left: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  display: block;
}

.listing-item-title {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 6px;
  margin-bottom: 12px;
}

.listing-item-title .listing-item-details-link {
  min-width: 20px;
  height: 16px;
  background-image: url(//assets.autouncle.com/assets/icons/uds_gray-600/uds_details_icon-ae7569b4e3f0408ac582301478980ea90664d68822b8ab915b36066116629f38.svg);
  background-size: cover;
  margin-right: 8px;
}

.listing-item-title .listing-item-headline {
  font-size: 16px;
  color: #31333D;
  text-decoration: none;
  font-weight: 500;
}

.listing-item-details {
  padding-left: 8px;
  width: 56%;
  color: #02234C;
}

.listing-item-details .listing-item-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 8px;
}

.listing-item-details .car-name-label .car-freshness-wrapper {
  position: relative;
}

.listing-item-details .car-name-label .car-freshness-label {
  display: inline-block;
  position: relative;
  margin-left: 8px;
  font-size: 12px;
  vertical-align: middle;
  color: #1BADD5;
  border: none;
  text-transform: uppercase;
}

.listing-item-details .car-name-label .car-freshness-label--sold {
  background-color: #F54B58;
  color: #fff;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
}

.listing-item-details .car-name-label .car-freshness-label--reduced {
  padding-left: 12px;
}

.listing-item-details .car-name-label .car-freshness-label--reduced::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  height: 24px;
  width: 8px;
  background-image: url(//assets.autouncle.com/assets/icons/uds_blue-500/uds_tiny_arrow_down-aee0540adef18b81e5e3aa56b466c84fd5dd13e0d6070843795872be0cf35cff.svg);
  background-repeat: no-repeat;
}

.listing-item-evaluation {
  display: block;
  text-decoration: none;
  margin-bottom: 10px;
}

.listing-item-evaluation .listing-item-savings {
  font-size: 10px;
  border-radius: 4px;
  padding: 4px 8px;
  color: #fff;
  display: inline-block;
  margin-top: 4px;
}

.listing-item-evaluation .listing-item-savings.no-savings {
  color: rgba(49, 51, 61, 0.5);
  border: 1px solid #EEEEEE;
}

.listing-item-evaluation .sold-car {
  text-decoration: line-through;
}

.listing-item-chips {
  width: 100%;
  background: white;
  color: #212121;
  padding: 12px 8px 0;
  line-height: 24px;
  display: flex;
  flex-wrap: wrap;
  text-decoration: inherit;
}

.listing-item-chips .listing-item-info-chip {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-right: 12px;
  white-space: nowrap;
}

.listing-item-chips .listing-item-info-chip img {
  margin-right: 8px;
}

.listing-item-chips .car-comparison-checkbox {
  font-size: 13px;
  font-weight: 500;
}

.listing-item-ecommerce {
  text-decoration: none;
}

.listing-item-addon {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 0px 18px 12px;
}

.listing-item-addon .listing-item-main-cta {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  width: 100%;
  text-align: right;
}

.listing-item-addon .listing-item-main-cta p {
  display: inline-block;
  text-decoration: underline;
  vertical-align: middle;
  width: 90%;
}

.listing-item-addon .listing-item-main-cta-icon {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  vertical-align: middle;
}

.listing-item-rating-financing {
  display: flex;
  gap: 10%;
  flex-direction: column;
}

@media screen and (min-width: 319px) {
  .listing-item {
    max-width: 539px;
  }
}

@media screen and (min-width: 767px) {
  .listing-item {
    max-width: 767px;
  }
  .listing-item-rating-financing {
    flex-direction: row;
  }
}

@media screen and (min-width: 1023px) {
  .listing-item {
    display: inline-block;
    width: calc(50% - 2px);
  }
}

.dropdown-select {
  font-size: 14px;
  cursor: pointer;
  color: #1BADD5;
  background: #fff url(//assets.autouncle.com/assets/mobile/chevron_down_@2x-f80cea53e5b8c4f5a98d9c70aaa180baad6f5dc67512de0aa950e612444ede18.svg) no-repeat 99% center;
  border: 1px solid #1BADD5;
  border-radius: 5px;
  padding: 4px 20px 5px 4px;
}

.dropdown-select[disabled] {
  background-color: #dadada;
  color: #686868;
  border-color: #dadada;
}

#content-panel {
  background-color: #FAFAFA;
}

#content-panel.contact_bar {
  background: #97D04C;
}

#slide-menu {
  background: url(//assets.autouncle.com/assets/mobile/menu_bg-d9a37998a4fb8d2bda9c71e2b1858808969f3b9973b52910bdab3b6fe2f2ff56.jpg);
}

#slide-menu .slide-menu__wrapper {
  padding: 40px 20px 0 20px;
}

#slide-menu .slide-menu__category {
  padding-top: 10px;
}

#slide-menu .slide-menu__category.category-title {
  text-transform: uppercase;
  color: #1BADD5;
}

#slide-menu .slide-menu__category .slide-menu__item {
  padding-left: 10px;
}

#slide-menu .slide-menu__item {
  padding: 10px 0;
}

#slide-menu .slide-menu__item a {
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}

#slide-menu .slide-menu__item.listing-item {
  padding: 10px;
  text-align: center;
  background: #1BADD5;
  border-radius: 5px;
  margin: 10px 0;
}

#content-background-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 2000;
  top: 0;
  background-color: rgba(0, 0, 0, 0.25);
}

.banner-wrapper {
  display: flex;
  justify-content: center;
  margin: 10px auto;
}

.smart-banner-holder {
  display: none;
}

.autouncle-smart-banner {
  position: -webkit-sticky;
  position: sticky;
  color: #515c5e;
}

.autouncle-smart-banner.front-page {
  top: 48px;
}

.autouncle-smart-banner .smart-banner-holder {
  height: inherit;
  pointer-events: none;
  display: flex;
  align-items: center;
}

.autouncle-smart-banner .banner-close {
  background: url(//assets.autouncle.com/assets/icons/notification_close_button-40f741de116fc416287f1a73ae263e6bfd52ea2c74846e4bd012ff316a44635d.svg) no-repeat center center/contain;
  height: 8px;
  width: 8px;
  display: inline-block;
  margin-left: 12px;
}

.autouncle-smart-banner .app-icon {
  background: url(//assets.autouncle.com/assets/mobile/small_app_icon_with_shadow-2be8eff1a2ff7e1c69414bb7b1fdd0998093b1755a70369c3cd63b8ff5d5ceb6.svg) no-repeat center center/contain;
  height: 56px;
  width: 56px;
  display: inline-block;
  margin-top: 2px;
  margin-left: 6px;
}

.autouncle-smart-banner .banner-close, .autouncle-smart-banner .link-to-app {
  pointer-events: auto;
}

.autouncle-smart-banner .autouncle-banner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 12px 0px 88px;
}

.autouncle-smart-banner .autouncle-banner-content .autouncle-banner-title {
  font-size: 13px;
  color: #09366D;
}

@media only screen and (min-device-width: 280px) and (max-device-width: 320px) {
  .autouncle-smart-banner .autouncle-banner-content .autouncle-banner-title {
    display: grid;
    text-transform: capitalize;
  }
}

.autouncle-smart-banner .autouncle-banner-content .autouncle-banner-title.ipad .autouncle-banner-title {
  font-size: 15px;
}

.autouncle-smart-banner .autouncle-banner-content .autouncle-banner-title.ipad .autouncle-banner-rating {
  width: 85px;
}

.autouncle-smart-banner .autouncle-banner-content .autouncle-banner-title.ipad .banner-button {
  font-size: 15px;
}

.autouncle-smart-banner .autouncle-banner-content .autouncle-banner-title .strong {
  font-weight: bold;
}

.autouncle-smart-banner .autouncle-banner-content .autouncle-banner-rating {
  background: url(//assets.autouncle.com/assets/mobile/au_rating_stars-4a1d6c3846b17f7cac88b264913518614443754d25d965d6f443ed2e684d51dc.svg) no-repeat center center/contain;
  height: 12px;
  width: 68px;
  display: inline-block;
  display: block;
  margin-top: 2px;
}

.autouncle-smart-banner .autouncle-banner-content .strong {
  font-weight: bold;
}

.autouncle-smart-banner .autouncle-banner-content .content-left {
  float: left;
}

.autouncle-smart-banner .autouncle-banner-content .content-right {
  float: right;
}

.autouncle-smart-banner .autouncle-banner-content .banner-button {
  padding: 9px 10px;
  color: white;
  background-color: #09366D;
  text-decoration: none;
  font-size: 13px;
  border-radius: 4px;
  font-weight: bold;
  display: block;
}

#listing-item-app-banner {
  border-top: 1px solid #edeae6;
  text-align: center;
  padding: 10px;
}

#listing-item-app-banner p:first-of-type {
  font-size: 16px;
  padding-bottom: 6px;
}

#listing-item-app-banner p:last-of-type {
  font-size: 14px;
}

#listing-item-app-banner a {
  text-decoration: none;
}

#listing-item-app-banner .app-store-link img {
  width: 150px;
}

#listing-item-app-banner .store-badge.iphone,
#listing-item-app-banner .store-badge.ipad {
  margin-top: 10px;
}

.srp-header {
  padding: 20px 12px 0 12px;
  background-color: #FAFAFA;
  vertical-align: middle;
  margin-bottom: 12px;
}

.srp-header h1 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #02234C;
  margin-bottom: 6px;
  display: inline-block;
}

.srp-header .total-cars {
  position: relative;
}

.srp-header .total-cars-spinner {
  animation: rotate360 2s linear infinite;
  z-index: 2;
  opacity: 0;
  position: absolute;
  top: 4px;
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
}

.srp-header .total-cars-spinner .spinner-path {
  stroke: #686868;
  stroke-linecap: round;
  animation: spinner-dash 1.5s ease-in-out infinite;
}

.srp-header h2 {
  color: #02234C;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  position: relative;
}

.srp-header .subtitle-text {
  opacity: 1;
  transition: opacity .15s linear;
}

.srp-header__searched-block {
  display: inline-block;
}

.srp-header__searched-headline, .srp-header__searched-value {
  font-weight: 500;
  line-height: 1;
}

.srp-header__searched-headline, .srp-header__searched-value {
  font-size: 15px;
}

@media screen and (min-width: 300px) {
  .srp-header__searched-headline, .srp-header__searched-value {
    font-size: calc(15px + 7 * ((100vw - 300px) / 200));
  }
}

@media screen and (min-width: 500px) {
  .srp-header__searched-headline, .srp-header__searched-value {
    font-size: 22px;
  }
}

.srp-header__searched-value {
  color: #6684AA;
  border-bottom: 1px dashed #6684AA;
}

.srp-header__add-make {
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: #366AAA;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  border: 1px solid #366AAA;
  padding: 4px 8px;
  border-radius: 100px;
  margin: 0px 0px 8px 0px;
}

.plus-icon {
  position: relative;
  width: 10px;
  height: 10px;
  margin-right: 4px;
  float: left;
}

.plus-icon::after {
  content: '';
  width: 8px;
  height: 1px;
  position: absolute;
  background-color: #366AAA;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.plus-icon::before {
  content: '';
  width: 8px;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #366AAA;
  transform: translate(-50%, -50%) rotate(90deg);
}

.search-results-progress {
  display: none;
  opacity: 0;
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  transition: opacity .15s linear;
}

.search-results-progress .all-sources {
  display: none;
}

.additional-srp-text {
  padding: 24px;
  border-top: 1px solid rgba(91, 112, 112, 0.25);
  border-bottom: 1px solid rgba(91, 112, 112, 0.25);
}

.additional-srp-text h2, .additional-srp-text h3 {
  padding-top: 2px;
  padding-bottom: 8px;
}

.additional-srp-text p {
  padding-bottom: 4px;
}

.additional-srp-text ul {
  list-style: unset;
  padding: 4px 0px 4px 18px;
}

/* AutoScore Colors */
/* SPRITES                                                                        */
/* 1. Enable sprite (use it to set parameters so icon_sprites.png can be used)    */
/* 2. Include the "sprite" mixin, with the following parameters:                  */
/*      $rect           : being the clipping rectangle for the sprite             */
/*      $rect2          : optional rectangle for the "hover" state                */
/*      $offX, $offY    : the positional offset of the sprite in the element      */
/*    Example usage:                                                              */
/*    @include sprite()                                                              */
/* 3. Adjust the clipping of a sprite if needed in another context                */
.car-picture {
  flex-basis: 184px;
  transition: all 200ms;
  position: relative;
}

.car-picture img {
  max-width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all 200ms;
  left: 50%;
}

.car-picture .car-freshness-label {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
}

.car-picture .car-freshness-label--reduced {
  background: #FA2526;
  color: #fff;
  border: 0;
}

.no-picture-wrapper {
  background: #AEDFED;
  height: 100%;
  text-align: center;
}

.no-picture-wrapper img.no_picture {
  position: absolute;
  width: 40%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.car-image-count {
  position: absolute;
  color: #FFF;
  background: #212121;
  border-top-right-radius: 4px;
  font-size: 12px;
  text-align: center;
  padding: 4px 8px 4px 24px;
  bottom: 0;
  left: 0;
}

.car-image-count::before {
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  left: 4px;
  background-image: url(//assets.autouncle.com/assets/icons/uds_white/uds_zoom_in_icon-38c3c574ca3f904e4d8e5e89673126d16fe857678849c140bb1c4eead1af22ca.svg);
  background-size: contain;
}

.hidden-gallery-item:not(.shown) {
  display: none;
}

.hidden-gallery-image-background img {
  width: 100%;
  filter: contrast(0.5) grayscale(0.6) blur(4px);
  backdrop-filter: contrast(0.5);
}

.hidden-gallery-cta {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}

.hidden-gallery-cta-text {
  font-size: 16px;
  font-weight: 500;
  color: #02234C;
  margin-top: 16px;
}

.hidden-gallery-cta a {
  text-decoration: none;
}

.hidden-gallery-cta a::after {
  content: ' ';
  background-image: url(//assets.autouncle.com/assets/icons/uds_outgoing_icon-fb14554d5c63793203a2459af046d3a72e4cd3b89ac1f9e16474b10743574b46.svg);
  background-size: contain;
  position: absolute;
  right: 12px;
  top: 34%;
  width: 14px;
  height: 14px;
}

.gallery-item {
  width: 100% !important;
  height: 100% !important;
}

.gallery-item:not(.shown), .hidden-gallery-item:not(.shown) {
  display: none;
}

.gallery-image-background img {
  width: 100%;
}

.hidden-gallery-image-background img {
  width: 100%;
  filter: contrast(0.5) grayscale(0.6) blur(4px);
  backdrop-filter: contrast(0.5);
}

.gallery-cta {
  width: 100%;
  text-align: center;
  margin-top: 16px;
}

.gallery-cta-text {
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
  margin-top: 16px;
}

.gallery-cta a {
  text-decoration: none;
}

.gallery-cta a::after {
  content: ' ';
  background-image: url(//assets.autouncle.com/assets/icons/uds_outgoing_icon-fb14554d5c63793203a2459af046d3a72e4cd3b89ac1f9e16474b10743574b46.svg);
  background-size: contain;
  position: absolute;
  right: 12px;
  width: 14px;
  height: 14px;
}

.hidden-gallery-cta {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}

.hidden-gallery-cta-text {
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
  margin-top: 16px;
}

.hidden-gallery-cta a {
  text-decoration: none;
}

.hidden-gallery-cta a::after {
  content: ' ';
  background-image: url(//assets.autouncle.com/assets/icons/uds_outgoing_icon-fb14554d5c63793203a2459af046d3a72e4cd3b89ac1f9e16474b10743574b46.svg);
  background-size: contain;
  position: absolute;
  right: 12px;
  width: 14px;
  height: 14px;
}

.uds-overlay[id^='overlay-price-history-'] .pho-title {
  font-size: 16px;
  font-weight: 500;
  color: #02234C;
}

.uds-overlay[id^='overlay-price-history-'] .pho-subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #02234C;
  letter-spacing: 0.4px;
  padding-top: 8px;
  padding-bottom: 12px;
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  padding: 12px 16px;
  text-decoration: none;
  color: #02234C;
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container.pho-finance {
  border: 2px solid #E0E0E0;
  margin-top: 12px;
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-icon {
  width: 22px;
  height: 22px;
  margin-right: 12px;
  background-size: contain;
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-icon.finance[data-partner-id="verivox"] {
  background-image: url(//assets.autouncle.com/assets/icons/financing/verivox-8f04fa4f8c9afc7c0f2d20e8cb3aae9fcb44067f25cc1b7fdd3e23078da26fba.png);
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-icon.finance[data-partner-id="santander"] {
  background-image: url(//assets.autouncle.com/assets/icons/financing/santander-07f61064856510c61ed245b9af37eeca711dd720c0907dc52c4d13aefd76e3d6.png);
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-icon.finance[data-partner-id="conte"] {
  background-image: url(//assets.autouncle.com/assets/icons/financing/conte-cd472cc0991d68a3b6a216ad36548a140fba47b2d6bfb00f1c1db27bdc7de63c.png);
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-text {
  flex: 1 0;
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-action {
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 12px;
  min-height: 12px;
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-action.pho-close-alert {
  background-image: url(//assets.autouncle.com/assets/mobile/close_x-5f9a7d99504ecea25585bbc474c8cfe354d04a80aaaf22130a80a84e6c009183.svg);
}

.uds-overlay[id^='overlay-price-history-'] .pho-notification-container .pho-notification-action.pho-chevron-right {
  background-image: url(//assets.autouncle.com/assets/mobile/chevron_right_black-1f003037ed16624f74265be5263f9f043eee6387ea599bb44dfe0472d9d2f1c5.svg);
}

.uds-overlay[id^='overlay-price-history-'] .highcharts-container .highcharts-title {
  font-size: 1px !important;
  color: #fff !important;
}

.uds-overlay[id^='overlay-price-history-'] [id^='price-chart'] {
  padding-bottom: 12px;
}

.listing-item-financing {
  display: block;
  color: #686868;
  text-decoration: none;
}

.listing-item-financing img {
  height: 30px;
  padding: 4px 8px 0 0;
}

.listing-item-financing .chevron-right {
  height: 30px;
  padding: 8px 0;
}

.icon_inline {
  display: inline-block;
  vertical-align: middle;
}

.icon_inline + span {
  margin-left: 5px;
}

a.link_with_icon {
  text-decoration: none;
}

a.link_with_icon span {
  text-decoration: underline;
}

.test_autouncle_cta {
  border: 1px solid #edeae6;
  padding: 18px;
  display: block;
  text-decoration: none;
  background-color: #FFF;
  overflow: hidden;
}

.test_autouncle_cta a {
  display: block;
}

.test_autouncle_cta:hover {
  background-color: #f6f3ef;
}

.test_autouncle_cta .icon {
  float: left;
  margin-right: 20px;
}

.test_autouncle_cta .text {
  overflow: hidden;
  display: block;
}

.test_autouncle_cta .heading {
  font-size: 18px;
  font-weight: bold;
}

.test_autouncle_cta + .test_autouncle_cta {
  margin-top: 18px;
}

.test_autouncle_cta > * {
  display: inline-block;
  vertical-align: middle;
}

.test_autouncle_cta .buying_icon {
  display: inline-block;
  background: url(//assets.autouncle.com/assets/front_page/category_icons-bb893ed532fee7e9ffcbbcd64682d0d93e1d8cc220ffa3f18e804769ad1722ca.png) no-repeat 0 0;
  width: 144px;
  height: 96px;
  margin-right: 20px;
  vertical-align: middle;
}

.test_autouncle_cta h3 {
  margin: 0 !important;
}

.listing-item {
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  margin: 0 auto;
}

.listing-item .distance-and-location {
  max-width: 100%;
  margin-top: 8px;
}

.listing-item .distance-and-location > div {
  background: #FAFAFA;
  color: #424242;
}

.listing-item .distance-and-location > div::before {
  background-image: url(//assets.autouncle.com/assets/icons/uds_gray-800/uds_location_icon-d8e41967da3096c25afb560870067766b663e2d469388629c7c29805f8b01488.svg);
}

.listing-item[data-highlight-paid]:not([data-paid-click]) .listing-item-header {
  background: #999;
}

.listing-item-block {
  background: #ffffff;
  color: inherit;
  text-decoration: inherit;
  margin-bottom: 16px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}

.listing-item-content {
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 8px;
}

.listing-item-header {
  display: flex;
  justify-content: space-between;
  background: #1BADD5;
  border-radius: 4px 4px 0 0;
}

.listing-item-header .listing-item-source {
  display: inline-flex;
  flex: 1 0;
  align-items: center;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  margin-right: 8px;
  padding: 4px 8px;
  text-decoration: none;
}

.listing-item-header .listing-item-source img {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.listing-item-header .price-history {
  display: flex;
  align-items: center;
  font-weight: 700;
  padding: 6px 12px;
  color: #FFF;
}

.listing-item-header .price-history img {
  margin-left: 6px;
  width: 16px;
  height: 16px;
}

.listing-item-image {
  width: 44%;
  max-width: 200px;
  max-height: 150px;
  min-height: 115px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

.listing-item-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.listing-item-image img.no_picture {
  width: 40%;
  height: auto;
  left: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  display: block;
}

.listing-item-title {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 6px;
  margin-bottom: 12px;
}

.listing-item-title .listing-item-details-link {
  min-width: 20px;
  height: 16px;
  background-image: url(//assets.autouncle.com/assets/icons/uds_gray-600/uds_details_icon-ae7569b4e3f0408ac582301478980ea90664d68822b8ab915b36066116629f38.svg);
  background-size: cover;
  margin-right: 8px;
}

.listing-item-title .listing-item-headline {
  font-size: 16px;
  color: #31333D;
  text-decoration: none;
  font-weight: 500;
}

.listing-item-details {
  padding-left: 8px;
  width: 56%;
  color: #02234C;
}

.listing-item-details .listing-item-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 8px;
}

.listing-item-details .car-name-label .car-freshness-wrapper {
  position: relative;
}

.listing-item-details .car-name-label .car-freshness-label {
  display: inline-block;
  position: relative;
  margin-left: 8px;
  font-size: 12px;
  vertical-align: middle;
  color: #1BADD5;
  border: none;
  text-transform: uppercase;
}

.listing-item-details .car-name-label .car-freshness-label--sold {
  background-color: #F54B58;
  color: #fff;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
}

.listing-item-details .car-name-label .car-freshness-label--reduced {
  padding-left: 12px;
}

.listing-item-details .car-name-label .car-freshness-label--reduced::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  height: 24px;
  width: 8px;
  background-image: url(//assets.autouncle.com/assets/icons/uds_blue-500/uds_tiny_arrow_down-aee0540adef18b81e5e3aa56b466c84fd5dd13e0d6070843795872be0cf35cff.svg);
  background-repeat: no-repeat;
}

.listing-item-evaluation {
  display: block;
  text-decoration: none;
  margin-bottom: 10px;
}

.listing-item-evaluation .listing-item-savings {
  font-size: 10px;
  border-radius: 4px;
  padding: 4px 8px;
  color: #fff;
  display: inline-block;
  margin-top: 4px;
}

.listing-item-evaluation .listing-item-savings.no-savings {
  color: rgba(49, 51, 61, 0.5);
  border: 1px solid #EEEEEE;
}

.listing-item-evaluation .sold-car {
  text-decoration: line-through;
}

.listing-item-chips {
  width: 100%;
  background: white;
  color: #212121;
  padding: 12px 8px 0;
  line-height: 24px;
  display: flex;
  flex-wrap: wrap;
  text-decoration: inherit;
}

.listing-item-chips .listing-item-info-chip {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-right: 12px;
  white-space: nowrap;
}

.listing-item-chips .listing-item-info-chip img {
  margin-right: 8px;
}

.listing-item-chips .car-comparison-checkbox {
  font-size: 13px;
  font-weight: 500;
}

.listing-item-ecommerce {
  text-decoration: none;
}

.listing-item-addon {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 0px 18px 12px;
}

.listing-item-addon .listing-item-main-cta {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  width: 100%;
  text-align: right;
}

.listing-item-addon .listing-item-main-cta p {
  display: inline-block;
  text-decoration: underline;
  vertical-align: middle;
  width: 90%;
}

.listing-item-addon .listing-item-main-cta-icon {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  vertical-align: middle;
}

.listing-item-rating-financing {
  display: flex;
  gap: 10%;
  flex-direction: column;
}

@media screen and (min-width: 319px) {
  .listing-item {
    max-width: 539px;
  }
}

@media screen and (min-width: 767px) {
  .listing-item {
    max-width: 767px;
  }
  .listing-item-rating-financing {
    flex-direction: row;
  }
}

@media screen and (min-width: 1023px) {
  .listing-item {
    display: inline-block;
    width: calc(50% - 2px);
  }
}

.search-price-alert-header {
  text-align: center;
  padding: 25px 0px;
  color: #02234C;
}

.search-price-alert-header img {
  margin-left: 40px;
}

.search-price-alert-header h1 {
  font-weight: 500;
  font-size: 20px;
  line-height: 18px;
  margin: 0;
  padding: 16px 0px;
  color: inherit;
}

.search-price-alert-header p {
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: inherit;
}

.search-price-alert-form {
  display: flex;
  flex-direction: column;
}

.search-price-alert-form input {
  margin-bottom: 25px;
}

.search-price-alert-consent {
  font-size: 12px;
  margin-bottom: 25px;
}

.search-price-alert-content-submitted {
  display: none;
}

.search-price-alert-content-submitted .search-price-alert-header {
  padding-bottom: 41px;
}

.search-price-alert-form-close {
  text-align: center;
  color: #75909E;
  margin-top: 6px;
  padding: 6px 0px;
}

.au-valuation-rating {
  display: flex;
  flex-direction: column;
}

.au-valuation-rating.one-line {
  flex-direction: row;
  align-items: center;
}

.au-valuation-rating.one-line .au-valuation-rating-label {
  margin-right: 4px;
}

.au-valuation-rating-label {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  text-transform: uppercase;
}

.au-valuation-rating-label.value1 {
  color: #a50600;
}

.au-valuation-rating-label.value2 {
  color: #9a6700;
}

.au-valuation-rating-label.value3 {
  color: #00838a;
}

.au-valuation-rating-label.value4 {
  color: #4d7d00;
}

.au-valuation-rating-label.value5 {
  color: #0a8020;
}

.au-valuation-rating-label.value0 {
  color: #9E9E9E;
}

.au-valuation-rating-label.medium {
  font-size: 12px;
  font-weight: 600;
}

.au-valuation-rating-label.large {
  font-size: 16px;
  font-weight: 700;
}

.au-valuation-rating-dots {
  display: flex;
  margin-bottom: 2px;
}

.au-valuation-rating-dots.align-center {
  justify-content: center;
}

.au-valuation-rating-dots.align-right {
  justify-content: flex-end;
}

.au-valuation-rating-dot {
  border-radius: 50%;
  background: #d4e3f5;
  margin-left: 2px;
}

.au-valuation-rating-dot:first-child {
  margin-left: 0px;
}

.au-valuation-rating-dot.value0 {
  background-color: #d4e3f5;
}

.au-valuation-rating-dot.value1 {
  background-color: #a50600;
}

.au-valuation-rating-dot.value2 {
  background-color: #9a6700;
}

.au-valuation-rating-dot.value3 {
  background-color: #00838a;
}

.au-valuation-rating-dot.value4 {
  background-color: #4d7d00;
}

.au-valuation-rating-dot.value5 {
  background-color: #0a8020;
}

.au-valuation-rating-dot.medium {
  width: 10px;
  height: 10px;
}

.au-valuation-rating-dot.large {
  width: 16px;
  height: 16px;
}

.pagination {
  height: auto;
  margin: 24px 0px;
  padding: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pagination .pagination-button {
  margin: 16px;
}

@media screen and (min-width: 450px) {
  .pagination {
    justify-content: center;
  }
  .pagination .pagination-button {
    margin: 16px 32px;
  }
}

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

.pagination .pagination-count .page-count {
  font-size: 16px;
  color: #02234C;
}

.pagination .pagination-count .car-count {
  font-size: 14px;
  color: rgba(49, 51, 61, 0.5);
}

body.mobile_layout #qtip-1 {
  width: 96%;
}

.filter-search-arrow-right {
  background: url(//assets.autouncle.com/assets/mobile/arrow_right_blue-b7ca281f0159b80046ddab5bc67446ed13e1ebbd295b46753202a557c4291519.png) no-repeat;
  background-size: contain;
  width: 6px;
  height: 14px;
  margin-top: 3px;
  float: right;
}

.list-your-car-arrow-right {
  background: url(//assets.autouncle.com/assets/mobile/arrow_right_white-9fff7f807885ea0bf85335f8d8abb81e15180a9b99add2b2772ec6d717c104b5.png) no-repeat;
  background-size: contain;
  width: 6px;
  height: 14px;
  margin-top: 3px;
  float: right;
}

.search-icon {
  background: url(//assets.autouncle.com/assets/mobile/blue_search_icon-c8212a2abde3dfde03a29eabaf4097e52ce04c46fabc3eb0afe60d051b18e998.png) no-repeat;
  background-size: contain;
  width: 14px;
  height: 18px;
  margin-right: 7px;
}

.add-icon {
  background: url(//assets.autouncle.com/assets/mobile/add_icon-093b3e03c9775c2ed2f3673641abf784b4477b552d6d7a4e2b10ffa0522d7a44.png) no-repeat;
  background-size: contain;
  width: 15px;
  height: 18px;
  margin-right: 8px;
}

.car-valuation-icon {
  background: url(//assets.autouncle.com/assets/api/app_icons/android/embedded_selling_reports_xhdpi-191859cc3ad02571aca6497d76e7b4a533e042af908c87a3a59c0ace3e0e8fcd.png) no-repeat;
  background-size: contain;
  width: 18px;
  height: 22px;
}

.search-filters {
  border: 0;
}

.sort-dropdown-select .dropdown-content {
  display: none;
}

.search-results-section {
  padding: 10px;
}

.search-results-section + .search-results-section.filter-search-wrapper {
  border-top: none;
}

.search-results-section + .search-results-section.list-your-car-wrapper {
  padding-bottom: 0px;
  margin-top: 15px;
}

.search-results-section--vertical-padding {
  padding: 10px 0;
}

.search-results-section--vertical-padding .search-results-section__heading {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: normal;
  color: #828283;
}

.search-results-section--vertical-padding .search-results-section__content {
  margin: 0 10px 10px 10px;
}

.search-results-section--border-top {
  border-top: 1px solid #edeae6;
}

.search-results-section--border-bottom {
  border-bottom: 1px solid #edeae6;
}

.search-results-section--white {
  background: #fff;
  margin: 10px;
  padding: 0;
}

.search-results-section__heading {
  margin: 10px 0 0 10px;
  font-size: 1.2em;
  font-weight: normal;
}

.search-results-section.breadcrumbs-section {
  padding: 12px 10px;
}

body.cars_search_controller.search_action .wrapper {
  padding: 0;
}

.similar-featured-cars .search-results-section {
  background: #FFFFFF;
}

.search-filter-button {
  margin: 5px 0 5px;
  color: #1BADD5;
  border: 1px solid #1BADD5;
  padding: 0.5em 0.9em;
  font-weight: bold;
  display: block;
  margin-top: 12px;
}

.list-your-car-btn {
  margin: 5px 0 5px;
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 0.5em 0.9em;
  font-weight: bold;
  background: #1BADD5;
  text-decoration: none;
  border-radius: 4px;
  border: none;
  margin: 0;
}

.button-search-submit {
  background-color: #1BADD5;
}

.button-search-submit:hover {
  background-color: #1BADD5;
}

.button-group.main-controls .button-fieldset-toggle {
  display: block;
}

.button-group .button-search-submit {
  font-size: 16px;
}

.emission_information {
  background-color: #F7F7F7;
}

.emission_information p {
  color: #B8B8B8;
  font-size: 12px;
}

.embedded-selling-reports .embedded-selling-reports-button {
  margin: 5px 0 5px;
  color: #1BADD5;
  border: 1px solid #1BADD5;
  padding: 0.5em 0.9em;
  font-weight: bold;
  margin: 10px 0 20px;
}

.search-results-extra-section-wrapper {
  border-top: 1px solid rgba(91, 112, 112, 0.25);
  padding-top: 20px;
}

ul.search-criteria-list {
  max-width: 75%;
  margin: 5px auto;
  line-height: 12px;
}

ul.search-criteria-list li {
  display: inline-block;
  margin-bottom: 4px;
  margin-left: 4px;
  padding: 4px;
  background-color: #26bbe3;
  border-radius: 5px;
  font-size: 12px;
  line-height: 12px;
  color: white;
}

.cars-list {
  padding-left: 10px;
  font-size: 13px;
  padding: 0;
}

.cars-list .search-results-section {
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  padding: 20px 0 20px 10px;
  border: none;
}

.cars-list .search-results-section--white {
  padding: 0;
  margin: 10px 0;
}

@media screen and (max-width: 415px) {
  .cars-list .search-results-section {
    border-top: none;
  }
}

.cars-list div[id^="div-gpt-ad-"] + .listing-item {
  padding-top: 16px;
}

.car_model_tips .tips_body {
  display: block;
}

.car_model_tips a.link .icon_double_arrow_down {
  display: none;
}

.no-search-results {
  text-align: center;
  padding: 60px 0;
  max-width: 776px;
  margin: 0 auto;
}

.no-search-results p {
  font-size: 14px;
}

.no-search-results h2 {
  font-size: 16px;
}

.no-search-results .graphic {
  margin: 16px 0;
  width: 75px;
}

.no-search-results__next-steps {
  margin-top: 12px;
  line-height: 36px;
}

.no-search-results article.search_agent_form {
  margin-top: 6px;
}

.no-search-results__new-search {
  color: #1BADD5;
  line-height: 1.5;
}

.ic-24px {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}