/*!
Core: 1.0.0
Boilerplate: 2.0.0
Author: Bluesky Interactive
Author URI: https://www.blueskyinteractive.co.uk/

Boilerplate (2.0.0) is to be used with Core (1.0.0) as the foundation for all Bluesky websites (2019).

Bootstrap v4.2 used for grid structure (https://getbootstrap.com/docs/4.2/getting-started/introduction/).
*/
/* Border Radius */
/* Opacity */
/* Text Overflow */
/* Absolute Positioning */
/* @include transition(all,2s,ease-out); */
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Common
	## Buttons
	## Lists
	## Forms
# Components
	## Header
	## Navigation
	## Footer
# Modules
	## Speedy Search
	## Finance
	## Valuation
# Pages
	## Home
	## Used Car Results
	## Used Car Details

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography - all typography defined here
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap");
@font-face {
  font-family: 'uknumberplateregular';
  src: url("/core/css/assets/fonts/UKNumberPlate/UKNumberPlate-webfont.eot");
  src: url("/core/css/assets/fonts/UKNumberPlate/UKNumberPlate-webfont.eot?#iefix") format("embedded-opentype"), url("/core/css/assets/fonts/UKNumberPlate/UKNumberPlate-webfont.woff2") format("woff2"), url("/core/css/assets/fonts/UKNumberPlate/UKNumberPlate-webfont.woff") format("woff"), url("/core/css/assets/fonts/UKNumberPlate/UKNumberPlate-webfont.ttf") format("truetype"), url("/core/css/assets/fonts/UKNumberPlate/UKNumberPlate-webfont.svg#uknumberplateregular") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  color: #55595C;
  font-family: Open Sans;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375rem; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #000;
  font-weight: bold; }

p {
  margin-bottom: 1.5em; }

a {
  color: #000;
  text-decoration: underline; }
  a:hover {
    color: #000;
    text-decoration: none; }
  a:visited {
    color: #000; }
  a:focus {
    color: #000; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

/*--------------------------------------------------------------
# Common - used throughout (button, lists, input, etc)
--------------------------------------------------------------*/
/*
// ## Layout
// --------------------------------------------------
*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }
body.body-overflow {
  overflow-y: visible;
}
@media (max-width: 1200px) {
  body.body-overflow {
    overflow-y: hidden;
  }
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

.hide {
  display: none;
}

/* Sections */
.section {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media (min-width: 992px) {
    .section {
      padding-top: 50px;
      padding-bottom: 50px; } }

.resize-padding {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }
  @media (min-width: 992px) {
    .resize-padding {
      padding-top: 50px !important;
      padding-bottom: 50px !important; } }

/* Containers */
.container {
  max-width: 1494px; }

.container_narrow {
  max-width: 1240px; }

.container_wide {
  max-width: 100rem; }

/* No X Overflow */
.no-overflow-x {
  overflow-x: hidden;
  max-width: 100%; }

.umb-grid .container {
  max-width: unset !important;
  /*padding: 0;*/ }

.container-wrapper-sm .container {
  max-width: 1240px !important; }

/* background - primary */
.bg-primary {
  background-color: #fff !important;
  color: #000; }

/* background - secondary */
.bg-secondary {
  background-color: #241E20 !important;
  color: #fff; }
  .bg-secondary a:not(.btn) {
    color: #fff !important; }

.bg-secondary__heading {
  margin-bottom: 0;
  font-size: 27px;
  width: 45%; }
  @media (max-width: 1200px) {
    .bg-secondary__heading {
      width: 100%;
      font-size: 24px; } }

/* background - regplate */
.bg_regplate,
.regplate-bg,
.form-control.bg_regplate {
  font-family: "uknumberplateregular";
  background: url("/img/valuation/numberplate-bg.gif") no-repeat scroll left center #fff;
  background-size: contain;
  text-transform: uppercase;
  font-size: 26px;
  padding-left: 45px; }

.light-grey-bg {
  background-color: #F2F2F2; }

.light-white-bg {
  background-color: #ffffff; }

/* Borders */
.border_bottom {
  border-bottom: 1px solid #ebebeb; }

.border_top {
  border-top: 1px solid #ebebeb; }

/*
// ## Grid (extension from Bootstrap)
// --------------------------------------------------
*/
/* 5th / 7th column structure */
.col-5th {
  flex: 0 0 20%;
  max-width: 20%; }

.col-7th {
  flex: 0 0 14.285%;
  max-width: 14.285%; }

@media (min-width: 576px) {
  .col-sm-5th {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-sm-7th {
    flex: 0 0 14.285%;
    max-width: 14.285%; } }

@media (min-width: 768px) {
  .col-md-5th {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-md-7th {
    flex: 0 0 14.285%;
    max-width: 14.285%; } }

@media (min-width: 992px) {
  .col-lg-5th {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-lg-7th {
    flex: 0 0 14.285%;
    max-width: 14.285%; } }

@media (min-width: 1200px) {
  .col-xl-5th {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-xl-7th {
    flex: 0 0 14.285%;
    max-width: 14.285%; } }

/*
// ## Accessibility
// --------------------------------------------------
*/
/* Hide lazyload images if no script */
.no-js img.lazyload {
  display: none; }

/* lazyload background placeholder */
.lazyload_fade {
  overflow: hidden;
  margin: 0;
  display: inline-block;
  background-color: #ebebeb; }

/* lazyload loading */
.lazyload_fade .lazyload,
.lazyload_fade .lazyloading {
  /* Safari 6.0 - 9.0 */
  filter: blur(20px);
  transform: scale(1.03);
  transition: all 100ms ease-in-out;
  opacity: 0; }

/* lazyload loaded */
.lazyload_fade .lazyloaded,
.lazyload_fade noscript img {
  /* Safari 6.0 - 9.0 */
  filter: blur(0);
  transform: scale(1);
  opacity: 1; }

#price-payment-tabContent {
  margin-top: -1px; }

.opening-times .nav-tabs .nav-item {
  width: 33.3333%;
  text-align: center; }
  .opening-times .nav-tabs .nav-item .nav-link {
    background-color: #241E20;
    color: #fff;
    border: 0px;
    padding: .5rem;
    border-radius: 0px;
    text-decoration: none; }
    .opening-times .nav-tabs .nav-item .nav-link.active, .opening-times .nav-tabs .nav-item .nav-link:hover {
      background-color: #A01D22;
      color: #ffffff; }

/*
// ## Media
// --------------------------------------------------
*/
/*
// ## Buttons
// --------------------------------------------------
*/
.btn, ._vm_btn {
  border-radius: 0;
  text-decoration: none;
  font-weight: 600;
  padding: 1.25rem;
  transition: all 0.9s ease-in-out; }

  .btn.btn-primary, ._vm_btn._vm_btn--primary {
    background-color: #fff;
    color: #241E20;
    border-color: #E5E6E6; }
    .btn.btn-primary:hover, ._vm_btn._vm_btn--primary:hover {
      background-color: #fff;
      box-shadow: inset 29em 0 0 0 #f5f5f5; }
    .btn.btn-primary:focus, ._vm_btn._vm_btn--primary:focus {
      background-color: #fff;
      box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
      box-shadow: inset 29em 0 0 0 #f5f5f5; }

    

  .btn.btn-secondary, ._vm_btn._vm_btn--secondary {
        background-color: #241E20;
        color: #fff; }
    .btn.btn-secondary:hover, ._vm_btn._vm_btn--secondary:hover {
          box-shadow: inset 29em 0 0 0 #191919;
          background-color: #241E20; }
      .btn.btn-secondary:focus, ._vm_btn._vm_btn--secondary:focus {
          background-color: #241E20;
          box-shadow: inset 29em 0 0 0 #191919; }

.btn.btn-outline {
  background-color: #fff;
  border: 1px solid #A01D22;
  box-shadow: inset 0px 0px 0px 2px #A01D22;
  color: #A01D22;
}

.btn.btn-outline:hover, .btn.btn-outline:focus {
  box-shadow: inset 0px 0px 0px 2px #A01D22,
  inset 29em 0 0 0 #a01d22;
  color: #fff;
}

.btn.btn-third, ._vm_btn._vm_btn--success {
  background-color: #A01D22;
  color: #ffffff;
}

._vm_btn._vm_btn--danger {
  background-color: #002c5f;
  color: #ffffff;
}
._vm_btn._vm_btn--warning {
  background-color: #4ba82e;
  color: #ffffff;
}
._vm_btn._vm_btn--info {
  background-color: #ff0012;
  color: #ffffff;
}
._vm_btn._vm_btn--light {
  background-color: #0182ca;
  color: #ffffff;
}
._vm_btn._vm_btn--dark {
  background-color: #56aa04;
  color: #ffffff;
}
._vm_btn._vm_btn--link {
  background-color: #ff0000;
  color: #ffffff;
}

.page_used-car-details .btn.btn-third, .page_used-car-details ._vm_btn._vm_btn--success {
  background-color: #A01D22!important;
  color: #ffffff;
}

.page_used-car-details .btn.btn-third:hover, .page_used-car-details ._vm_btn._vm_btn--success:hover {
  box-shadow: inset 29em 0 0 0 #80171b!important;
  background-color: #A01D22!important; }
  .page_used-car-details .btn.btn-third:focus, .page_used-car-details ._vm_btn._vm_btn--success:focus {
  background-color: #A01D22!important;
  box-shadow: inset 29em 0 0 0 #80171b!important; }

@media (max-width: 767px) {
  ._vm_btn--success {
    min-width: 100% !important;
  }
}

  .btn.btn-third:hover, ._vm_btn._vm_btn--success:hover {
    box-shadow: inset 29em 0 0 0 #80171b;
    background-color: #A01D22; }
  .btn.btn-third:focus, ._vm_btn._vm_btn--success:focus {
    background-color: #A01D22;
    box-shadow: inset 29em 0 0 0 #80171b; }

.btn.btn-green, #running_cost-calc {
  background-color: #00a44f;
  color: #ffffff !important;
  padding: 1.25rem 0.5rem; }
  .btn.btn-green:hover, #running_cost-calc:hover {
    box-shadow: inset 39em 0 0 0 #00843f;
    background-color: #00843f; }
  .btn.btn-green:focus, #running_cost-calc:focus {
    background-color: #00843f;
    box-shadow: inset 39em 0 0 0 #00843f; }

.btn.btn-black {
  background-color: #241E20;
  color: #fff; }
  .btn.btn-black:hover {
    box-shadow: inset 49em 0 0 0 #191919;
    background-color: #241E20; }
  .btn.btn-black:focus {
    background-color: #241E20;
    box-shadow: inset 49em 0 0 0 #191919; }

.btn.btn-link {
  text-decoration: underline; }
  .btn.btn-link:hover {
    color: #000;
    text-decoration: none; }
  .btn.btn-link:visited {
    color: #000; }

/*
// ## Forms
// --------------------------------------------------
*/

.checkbox {
  display: inline-block;
  margin-right: 1.25rem; }

select {
  background: url("/img/icons/dropdown-arrow.png") no-repeat right center #fff;
  background-color: white;
  color: #666;
  border: 1px solid #E5E6E6;
  border-radius: 0;
  color: #55595C !important;
  height: 40px;
  -webkit-appearance: none; }
  select:focus {
    color: #111; }

select.form-control:not([size]):not([multiple]) {
  -webkit-appearance: none; }

.form-control {
  color: #666;
  border: 1px solid #E5E6E6;
  border-radius: 0;
  color: #55595C !important; }
  .form-control:focus {
    color: #111; }

.custom-switch {
  padding-left: 2.25rem; }
  .custom-switch .custom-control-label::before {
    left: 0;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem; }
  .custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: 2px;
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out,
 background-color .15s ease-in-out,
 border-color .15s ease-in-out,
 box-shadow .15s ease-in-out; }
  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.75rem); }
  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #007bff; }

.quick-contact h2 {
  font-size: 27px;
  margin-bottom: 1rem; }

.quick-contact p {
  font-size: 1.125rem;
  margin-bottom: 10px; }

.quick-contact .quick-contact__consent {
  margin-bottom: 1.25rem; }

.quick-contact .form-control {
  height: 40px !important; }

.quick-contact .form-group {
  margin-bottom: 10px; }
  @media (max-width: 1200px) {
    .quick-contact .form-group {
      margin-bottom: 1.25rem; } }

.quick-contact .btn {
  margin-top: 1.25rem;
  max-width: 304px;
}
 
.quick-contact .form-check-inline .form-check-input {
  margin-right: 0.5rem; }

/* Valuation */
.page_valuation h2 {
  font-size: 24px; }

.page_valuation .light-grey-bg {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }

.page_valuation hr {
  margin: 1.25rem 0; }

.page_valuation legend {
  font-style: italic; }

.page_valuation .control-label {
  font-style: italic; }

.page_valuation .banner {
  height: 100%; }

.page_valuation .lazyload_fade {
  height: 100%; }
  .page_valuation .lazyload_fade .banner__image {
    height: 100%; }

.page_valuation .valuation-form__heading {
  font-size: 27px;
  margin-bottom: 1.25rem; }
  @media (max-width: 1200px) {
    .page_valuation .valuation-form__heading {
      font-size: 24px; } }

.reg-plate {
  background-color: #ffdf00 !important;
  background: url(/img/icons/gb-reg-plate.png) left center no-repeat #fff;
  background-color: white;
  background-size: auto;
  padding-left: 60px;
  height: 60px; }

/* Vertically Align Content */
.align-center {
  align-content: center;
  align-self: center; }

/* Colours */
.colour-red {
  background-color: #A01D22 !important; }

.text-red {
  color: #A01D22;
}

.light-grey-bg {
  background-color: #F2F2F2; }

.black-bg {
  background-color: #212121;
  color: #fff !important; }
  .black-bg h2 {
    color: #fff !important; }

.double-section-padding-top {
  padding-top: 100px; }
  @media (max-width: 576px) {
    .double-section-padding-top {
      padding-top: 50px; } }

.double-section-padding-bottom {
  padding-bottom: 100px; }
  @media (max-width: 576px) {
    .double-section-padding-bottom {
      padding-bottom: 50px; } }

.double-section-padding {
  padding: 100px 0; }
  @media (max-width: 576px) {
    .double-section-padding {
      padding: 50px 0; } }

.no-decoration {
  text-decoration: none;
  color: inherit; }
  .no-decoration:hover {
    text-decoration: none;
    color: inherit; }

/* Vertically Align Col - cogCMS */
.align-col-center .col-md-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  align-self: center; }

/* Vertically Align Col aside Block Element - cogCMS */
.align-first-col-center .col-md-6:first-of-type {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  align-self: center; }

@media (max-width: 1200px) {
  .reset-p {
    padding: 0 15px !important; } }

@media (max-width: 768px) {
  .reset-p-mobile {
    padding: 0 15px !important; } }

@media (max-width: 1200px) {
  .reset-m {
    margin: 0 !important; } }

@media (max-width: 768px) {
  .reset-m-mobile {
    margin: 0 !important; } }

@media (max-width: 1200px) {
  .mobile-justify-content-start {
    justify-content: flex-start !important; } }

@media (max-width: 1200px) {
  .pl-0-mobile {
    padding-left: 0 !important; } }

.border-none {
  border: none; }

.hr-25 {
  width: 25%;
  margin: 1.75rem 0; }

.scroll {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.flex-direction-column {
  flex-direction: column; }

.motoring-plan-link .full-image {
  width: 100%; }

.about-us .container {
  padding: 0; }
  .about-us .container .row {
    margin: 0;
    padding: 0; }
    .about-us .container .row .column {
      padding: 0; }

.card {
  border-radius: 0;
  border-color: #dee2e6;
  margin-bottom: 2rem; }
  .card .card-title {
    font-size: 27px; }
    @media (max-width: 1200px) {
      .card .card-title {
        font-size: 24px; } }
  .card .card-body {
    padding: 1.25rem; }
    .card .card-body.offer__content {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }

/* .card.offer_page .card-body.offer__content {
  flex-flow: row wrap;
} */

.inline-radios .form-control {
  background: none;
  border: none;
}

.inline-radios input {
  margin-right: 10px;
}

.inline-radios table {
  padding: 0;
}

.inline-radios table tr {
  display: inline;
  padding: 0;
}

.inline-radios table td {
  padding: 0 20px 0 0;
}


/*
// ## Accordions
// --------------------------------------------------
*/
/* Accordion -- header */
.accordion > .card {
  background-color: #fff !important;
  margin-bottom: 0.2rem; }
  .accordion > .card .card-body {
    margin-bottom: 0;
    color: #fff;
    padding: 30px; }
    .accordion > .card .card-body h1, .accordion > .card .card-body h2, .accordion > .card .card-body h3, .accordion > .card .card-body h4, .accordion > .card .card-body h5 {
      margin-bottom: 1.25rem;
      color: #fff !important; }
    .accordion > .card .card-body h3 {
      font-size: 1.25rem; }
      @media (max-width: 992px) {
        .accordion > .card .card-body h3 {
          font-size: 1.125rem; } }
    .accordion > .card .card-body table tr td {
      padding: 0.5rem; }
  .accordion > .card .card-header {
    position: relative; }
    .accordion > .card .card-header .btn-link {
      font-size: 0.9rem;
      color: #55595C !important;
      text-decoration: none;
      padding-left: 0;
      text-align: left;
      width: 100%;
      white-space: normal; }
      @media (max-width: 1200px) {
        .accordion > .card .card-header .btn-link {
          padding: 0.5rem 0;
          padding-right: 0.75rem;
        } }
    .accordion > .card .card-header .btn:after {
      content: "\ea95";
      font-family: "mbblueskyicons";
      top: 50%;
      right: 1rem;
      position: absolute;
      margin-top: -10px;
      font-size: 15px;
      transition: transform .5s ease-in-out;
      transform: translateY(0); }
    .accordion > .card .card-header .btn.collapsed:after {
      content: "\eb88"; }

/*--------------------------------------------------------------
# Components - strucutre site components (header, nav, footer)
--------------------------------------------------------------*/
/*
// ## Header
// --------------------------------------------------
*/
.page__header {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-bottom: solid 2px #E5E6E6; }
  .page__header .header__container {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    display: flex;
    flex-wrap: wrap; }
  .page__header .header__social-icons {
    list-style: none;
    z-index: 9999;
    display: flex; }
    .page__header .header__social-icons li a {
      color: #55595C;
      text-decoration: none; }
      .page__header .header__social-icons li a .icon {
        font-size: 1.25rem; }
    .page__header .header__social-icons .icon-twitter {
      color: #1da1f2; }
    .page__header .header__social-icons .icon-facebook {
      color: #3b5998; }
    .page__header .header__social-icons .icon-instagram {
      color: #833ab4; }
    .page__header .header__social-icons .icon-youtube {
      color: #FF0000; }
  .page__header .header__tel, .page__header .header__logo {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .page__header .franchise__logo {
    position: absolute;
    z-index: 99;
    top: 50%;
    transform: translateY(-50%);
    left: 70px;
    border: 1px solid #ccc;
    height: 70%;
    width: 90px; }
    @media (min-width: 576px) {
      .page__header .franchise__logo {
        width: 120px; } }
    @media (min-width: 1200px) {
      .page__header .franchise__logo {
        left: 120px; } }
    .page__header .franchise__logo img {
      width: 100%;
      top: 50%;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%); }
  .page__header .header__tel {
    line-height: 60px;
    font-size: 20px;
    margin-bottom: 0; }
  .page__header .header__logo {
    position: absolute;
    z-index: 99;
    top: 10px;
    left: 10px; }
    @media (max-width: 1200px) {
      .page__header .header__logo img {
        width: 50px !important; } }



.header__icons {
  list-style: none;
  display: flex; }
  .header__icons li {
    background-color: #241E20;
    border: solid 1px #fff;
    height: 50px;
    width: 50px;
    display: flex; }
    .header__icons li a {
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%; }
      .header__icons li a .icon {
        color: #fff;
        font-size: 1.25rem; }
  /* @media (max-width: 1200px) {
    .header__icons .colour-red {
      margin-right: 40px; } } */

.manufacturer-logos img {
  width: 200px; }

#js-widget-button {
  padding: 0 !important;
  display: none;
  position: absolute;
  margin-right: 110px;
  top: 1px;
  right: 0; }
  @media (min-width: 576px) {
    #js-widget-button {
      display: table; } }
  @media (min-width: 768px) {
    #js-widget-button {
      top: -10px; } }
  @media (min-width: 992px) {
    #js-widget-button {
      margin-right: 400px; } }
  @media (min-width: 1200px) {
    #js-widget-button {
      margin-right: 370px; } }

.js_widget_button.js_widget_button_style-7 .js_widget_button_logo {
  width: 110px !important;
  height: 28px !important;
  display: inline-block !important;
  margin-bottom: 0 !important;
  background: url(https://js-assets.scdn2.secure.raxcdn.com/images/widget/Judge-Service-logo-black-and-blue.png) center 8px no-repeat !important;
  background-size: 110px !important;
  margin-top: 0px !important;
  float: right !important; }
  @media (min-width: 768px) {
    .js_widget_button.js_widget_button_style-7 .js_widget_button_logo {
      margin-top: 9px !important;
      background-size: 130px !important;
      width: 130px !important; } }

.js_widget_button.js_widget_button_style-7 .js-star {
  width: 18px !important;
  height: 18px !important;
  background-image: url(/img/judgeservice/gold-stars.png) !important;
  transition: all 0.5s ease-in-out; }

.js_widget_button.js_widget_button_style-7 .js_widget_button_stars {
  width: 110px !important; }

.js_widget_button.js_widget_button_style-7 .js_widget_button_rating {
  font-size: 24px !important;
  background-size: 50px !important;
  line-height: 50px !important;
  padding: 0 !important;
  width: 50px !important;
  height: 50px !important;
  display: none !important; }
  @media (min-width: 768px) {
    .js_widget_button.js_widget_button_style-7 .js_widget_button_rating {
      display: table-cell !important; } }

.js_widget_button.js_widget_button_style-7 a:link {
  margin-top: 10px !important;
  display: none !important; }
  @media (min-width: 1200px) {
    .js_widget_button.js_widget_button_style-7 a:link {
      display: inline-block !important; } }

.js_widget_button.js_widget_button_style-7 .js-right-column {
  width: auto !important; }
  @media (min-width: 1200px) {
    .js_widget_button.js_widget_button_style-7 .js-right-column {
      width: 360px !important; } }

/*
  .js_widget_button.js_widget_button_style-7 .js-right-column {
    vertical-align: baseline !important;
  }
  .js_widget_button.js_widget_button_style-7 .js_widget_button_stars {
    display: block !important;
    width: auto !important;
  }*/
/*
// ## Navigation
// --------------------------------------------------
*/
.header__navbar {
  background-color: #fff;
  padding: 0; }

.navbar__menu-container {
  padding-bottom: 1.25rem; }

@media (max-width: 1200px) {
  .navbar__menu .border-right {
    border-right: none !important; } }

.navbar__menu .nav-item .nav-link {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 1rem;
  padding-right: 0;
  padding-left: 0;
  position: relative;
  /*@media(max-width: 1300px) {
        font-size: 0.975rem;
      }*/ }
  @media (min-width: 1200px) {
    .navbar__menu .nav-item .nav-link {
      font-size: 0.8rem; } }
  @media (min-width: 1400px) {
    .navbar__menu .nav-item .nav-link {
      font-size: 1rem; } }
  @media (max-width: 1200px) {
    .navbar__menu .nav-item .nav-link {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      opacity: .9;
      color: #fff; } }

@media (min-width: 992px) {
  .dropdown.mega-menu {
    position: static;
    border-radius: 0;
  }
  .dropdown.mega-menu .row {
      margin-left: 0px;
  }
  .dropdown.mega-menu .dropdown-item {
      border-bottom: 0px;
  }
  .dropdown .mega-menu-height {
    min-height: 230px;
  }
  .model-images {
    position: absolute;
    opacity: 0;
    color: #333;
  }
  .navimages .show-img {
    opacity: 1;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    top: 60px;
  }

  /* .navbar__menu .mega-menu .dropdown-item:focus, .navbar__menu .mega-menu .dropdown-item:hover {
    background-color: unset;
  } */
}

.navbar__menu .nav-item:last-of-type .dropdown-menu {
  right: 0;
  left: auto; }

.no-js .collapse {
  display: block; }

/* Dropdown toggle */
.dropdown-toggle:after {
  position: absolute;
  right: 0;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  opacity: 1;
  transition: 0.25s ease-in-out; }
  @media (min-width: 1200px) {
    .dropdown-toggle:after {
      display: inline;
      position: absolute;
      top: auto;
      bottom: 0px;
      left: 50%;
      transform: translateX(-50%);
      opacity: 0; } }

.dropdown-toggle:hover::after, .dropdown-toggle:focus::after {
  opacity: 1; }

/* */
.dropdown-menu {
  border-radius: 0;
  margin-top: 0;
  z-index: 99999;
  padding: 0; }
  .dropdown-menu.show {
    box-shadow: none; }
    @media (min-width: 1200px) {
      .dropdown-menu.show {
        box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.33); } }

.dropdown-menu .dropdown-item {
  padding: 10px 15px;
  text-decoration: none; }

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  background-color: #cccccc; }

.dropdown-menu {
  border: none;
  top: 130%; }
  @media (max-width: 1200px) {
    .dropdown-menu {
      background-color: transparent;
      margin-bottom: 1.75rem; } }

@media (max-width: 1200px) {
  .dropdown-item {
    color: #fff !important;
    padding: .5rem 0;
    border-bottom: none; } }

@media (max-width: 1200px) {
  .dropdown-item a:visited {
    color: #fff !important; } }

/* Navigation active states -- home */
@media (min-width: 1200px) {
  .page_home .nav-link_home {
    box-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.9); } }

@media (min-width: 1200px) {
  .page_brands .nav-link_brands {
    box-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.9); } }

.navbar-toggler {
  position: absolute;
  top: -50px;
  right: 15px;
  border-radius: 0;
  height: 100%;
  padding: .25rem 1.25rem;
  border-left: 1px solid #eee; }
  /* @media (min-width: 576px) {
    .navbar-toggler {
      top: -70px; } } */

.group .navbar-toggler {
  top: -70px;
}

.navbar__menu .dropdown-item:focus,
.navbar__menu .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff; }

@media (min-width: 1200px) {
  .navbar__menu .dropdown-item:focus,
  .navbar__menu .dropdown-item:hover {
    color: #212529;
    background-color: #f8f9fa; } }

/* Navbar header */
.navbar__header {
  background-color: #000;
  position: relative;
  color: #fff; }
  .navbar__header .navbar-toggler {
    top: 0;
    right: 0;
    color: #fff;
    position: relative;
    width: 30px;
    height: 30px; }

@media (min-width: 1200px) {
  .navbar__header {
    display: none; } }

.navbar-toggler {
  border: none; }

.navbar__header .navbar-toggler:hover {
  background-color: #000 !important; }

/* Nav burger menu */
.navbar-toggler__bar {
  display: block;
  width: 30px;
  height: 2px;
  background-color: #fff;
  opacity: 1;
  left: 10px;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  position: absolute;
  border-radius: 0; }

.navbar-toggler__bar + .navbar-toggler__bar {
  margin-top: 0px; }
  @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      .navbar-toggler__bar + .navbar-toggler__bar {
        bottom: 12px; } } }

.navbar-toggler__bar:nth-child(2) {
  margin-bottom: -15px; }
  @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      .navbar-toggler__bar:nth-child(2) {
        top: 13px; } } }

.navbar-toggler__bar:nth-child(3) {
  margin-bottom: 15px; }
  @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      .navbar-toggler__bar:nth-child(3) {
        top: 23px;
        margin-bottom: 0; } } }

.navbar-toggler:hover {
  background-color: #212121;
  cursor: pointer; }

.navbar-toggler:hover .navbar-toggler__bar:nth-child(3) {
  transform: translateX(-5px); }

.navbar--active {
  overflow: hidden; }

@media (min-width: 1200px) {
  .navbar--active {
    overflow: visible; } }

.navbar--active .navbar .navbar-toggler .navbar-toggler__bar:nth-child(2) {
  transform: rotate(45deg);
  top: 2px;
  left: 0; }

.navbar--active .navbar .navbar-toggler .navbar-toggler__bar:nth-child(3) {
  width: 0%;
  opacity: 0; }

.navbar--active .navbar .navbar-toggler .navbar-toggler__bar:nth-child(4) {
  transform: rotate(-45deg);
  top: -8px;
  left: 0; }

.navbar--active .navbar-toggler .navbar-toggler__bar,
.navbar--active .navbar-toggler:hover .navbar-toggler__bar {
  margin-top: 0; }

/* Navbar container */
@media (max-width: 1200px) {
  .navbar__menu-container {
    display: block;
    position: fixed;
    right: 0;
    max-width: 320px;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.9);
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 300ms ease-in-out;
    z-index: 99999; }
  .navbar__menu-container .nav-item {
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45); }
  .navbar--active .navbar__menu-container {
    transform: translateX(0); }
  .navbar__menu {
    border-left: 5px solid rgba(0, 0, 0, 0.98);
    border-right: 5px solid rgba(0, 0, 0, 0.98);
    padding-left: 30px;
    padding-right: 30px; }
  
  .header__icons .navbar-phone-desktop {
    display: none !important;
  }

  .header__icons .navbar-phone-toggle {
    margin-right: -5px !important;
    /* background-color: #A01D22 !important; */
  }

  .group .header__icons .navbar-phone-toggle {
    margin-right: 40px !important;
  }

  }

@media (min-width: 1200px) {
  .header__icons .navbar-phone-toggle {
    display: none;
  }
}

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

.navbar-overlay {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  transition: all 500ms ease-in-out; }

.navbar--active .navbar-overlay {
  visibility: visible;
  opacity: .5;
  display: block; }

@media (min-width: 1200px) {
  .navbar--active .navbar-overlay {
    display: none; } }

.navbar-toggler {
  background-color: #000;
  border: solid 1px #fff;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  line-height: 0;
  border-radius: 0; }

/*
// ## Footer
// --------------------------------------------------
*/
.footer {
  padding-top: 3.75rem;
  padding-bottom: 1.25rem; }
  .footer h4 {
    margin-bottom: 1.25rem;
    font-size: 1.5rem; }
  .footer ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 2rem; }
    .footer ul li a {
      color: #55595C;
      text-transform: capatilize;
      text-decoration: none; }
  .footer .icon {
    font-size: 1.25rem; }
  .footer .light-grey-bg .border-left-wrapper {
    border-left: solid 10px #A01D22; }
    .footer .light-grey-bg .border-left-wrapper p {
      padding-left: 1.25rem; }
  .footer .bottom-links ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 1.25rem 0;
    margin-bottom: 0; }
    .footer .bottom-links ul li {
      margin-bottom: 0; }
      @media (max-width: 932px) {
        .footer .bottom-links ul li {
          margin-bottom: 0; } }
      .footer .bottom-links ul li::after {
        content: "|";
        display: inline-block;
        margin: 0 0.5rem; }
      .footer .bottom-links ul li:last-of-type {
        margin-bottom: 0; }
        .footer .bottom-links ul li:last-of-type::after {
          display: none; }
  .footer .image-with-accreditation-wrapper {
    margin-right: 1.25rem;
    display: flex;
    align-items: center; }

@media (max-width: 768px) {
  .btn-footer {
    margin-bottom: 1.25rem; } }

@media (max-width: 768px) {
  .mt-0-mobile {
    margin-top: 0 !important; } }

/*--------------------------------------------------------------
# Modules - features used throughout site (speedy-search)
--------------------------------------------------------------*/
/*
// ## Proxy Lists
// --------------------------------------------------
*/
.slider-fields .ui-widget-content {
  border: 0 none; }

.slider-fields .ui-corner-all, .slider-fields .ui-corner-bottom, .slider-fields .ui-corner-right, .slider-fields .ui-corner-br {
  border-bottom-right-radius: 4px; }

.slider-fields .ui-corner-all, .slider-fields .ui-corner-bottom, .slider-fields .ui-corner-left, .slider-fields .ui-corner-bl {
  border-bottom-left-radius: 4px; }

.slider-fields .ui-corner-all, .slider-fields .ui-corner-top, .slider-fields .ui-corner-right, .slider-fields .ui-corner-tr {
  border-top-right-radius: 4px; }

.slider-fields .ui-corner-all, .slider-fields .ui-corner-top, .slider-fields .ui-corner-left, .slider-fields .ui-corner-tl {
  border-top-left-radius: 4px; }

.slider-fields .ui-widget-content {
  background: transparent; }

.slider-fields .ui-slider-horizontal {
  height: 0.8em; }

.slider-fields .ui-slider {
  position: relative;
  text-align: left;
  margin-bottom: 3em;
  background-color: #212121; }

.slider-fields .ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.slider-fields .ui-slider-horizontal .ui-slider-range {
  height: 100%;
  top: 0;
  background-color: #2b6fad; }

.slider-fields .ui-slider .ui-slider-range {
  background-position: 0 0;
  border: 0 none;
  display: block;
  font-size: 0.7em;
  position: absolute;
  z-index: 1; }

.slider-fields .ui-slider-horizontal .ui-slider-handle {
  margin-left: 0;
  top: -0.4em;
  background: #000;
  border-color: #000;
  height: 1.5em;
  width: .8em; }

.slider-fields .ui-widget-content .ui-slider-handle {
  background: #000;
  border-color: #000;
  height: 1.5em;
  width: 0.8em; }

.slider-fields .ui-slider .ui-slider-handle {
  cursor: default;
  position: absolute;
  z-index: 2; }

.slider-fields .ui-widget-header {
  background: #fff; }

.proxy-list {
  margin: 0;
  padding: 0;
  overflow: hidden; }

.proxy-list li {
  list-style-type: none;
  float: left;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin: 0 5px 5px 0;
  padding: 5px;
  line-height: normal;
  cursor: pointer; }

.proxy-list li a {
  color: #565656; }

.proxy-list li.selected {
  background: #666;
  border-color: #666;
  color: #fff; }

.colour-group .proxy-list li {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background-color: #EFEFEF;
  border: 0;
  position: relative; }

.colour-group .proxy-list li span {
  text-indent: -9999px;
  display: block; }

.colour-group .proxy-list li.selected {
  border: 2px solid #000 !important; }

.colour-group .proxy-list li.proxy-black {
  background-color: #000; }

.colour-group .proxy-list li.proxy-blue {
  background-color: #03C; }

.colour-group .proxy-list li.proxy-bronze {
  background-color: #C90; }

.colour-group .proxy-list li.proxy-brown {
  background-color: #630; }

.colour-group .proxy-list li.proxy-gold {
  background-color: #C93; }

.colour-group .proxy-list li.proxy-green {
  background-color: #090; }

.colour-group .proxy-list li.proxy-grey {
  background-color: #999; }

.colour-group .proxy-list li.proxy-orange {
  background-color: #F60; }

.colour-group .proxy-list li.proxy-purple {
  background-color: #639; }

.colour-group .proxy-list li.proxy-red {
  background-color: #C00; }

.colour-group .proxy-list li.proxy-silver {
  background-color: #CCC; }

.colour-group .proxy-list li.proxy-white {
  background-color: #FFF;
  border: 1px solid #f0f0f0; }

.colour-group .proxy-list li.proxy-yellow {
  background-color: #FF0; }

.colour-group .proxy-list li.proxy-unknown::after {
  content: "?";
  position: absolute;
  text-align: center;
  top: 7px;
  right: 10px;
  font-weight: bold;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  color: #3C5866; }

/*
// ## Banner
// --------------------------------------------------
*/
/* banner */
.banner {
  position: relative;
  overflow: hidden;
  /*min-height: 320px;*/
  display: flex;
  align-items: center; }
  @media (max-width: 768px) {
    .banner {
      /*min-height: 25vh;*/ } }
  @media (max-width: 768px) {
    .banner img {
      /*min-height: 25vh;*/ } }

/* banner -- content */
.banner__content {
  padding: 2rem;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }

/* banner -- has content */
.banner_has_content {
  /* banner -- has content -- image */ }
  .banner_has_content .banner__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    filter: brightness(40%); }

/* banner -- headline */
.banner__headline {
  color: #fff;
  font-size: 17.6px;
  font-size: 1.1rem;
  font-size: 27px;
  font-weight: bold;
  margin-bottom: 0.5rem;
  text-align: center; }

/* banner -- synopsis */
.banner__synopsis {
  color: #fff;
  font-size: 32px;
  font-size: 2rem;
  font-size: 1.125rem;
  margin-bottom: 2rem;
  text-align: center; }

/* banner -- image */
.banner__image {
  width: 100%;
  height: auto; }

/* banner -- link */
.banner__link {
  width: 100%; }

/* banner -- video */
/* .banner__video-wrapper {
  background-color: #000;
  position: absolute;
  padding-bottom: 56.25%;
  top: 50%;
  left: 0;
  right: 0;
  height: 0;
  transform: translateY(-50%);
  min-height: 100%; }
 */


  .banner__video-wrapper iframe {
    pointer-events: none; }

  .banner__video-wrapper {
    padding-bottom: 58.6%;
    height: 0;
    
  }

  .banner__video-wrapper .ytp-chrome-top, .banner__video-wrapper .ytp-watermark {
    display: none;
  }

  .banner__video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .banner_with_text {
    position:relative;
  }

  .banner_with_text picture {
    position:relative;
  }

  .banner_with_text picture::after {
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: #000;
    opacity:0.4;
  }

  .banner_with_text .overlay-text {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    padding-top: 12px;
    padding-bottom:12px;
    color:white;
  }

  .service-booking-ae-banner {
    border-bottom: 5px solid white;
  }
  @media (min-width:577px) {
    .service-booking-ae-banner {
      border-width: 1px;
    }
  }

  @media (max-width: 767px) {
    .service-booking-ae-banner .banner {
      aspect-ratio: 390 / 180; /* to match the height of spotlights */
    }
  }
  .service-booking-ae-banner .banner {
    display: flex;
    align-items:stretch;
  }

  .service-booking-ae-banner picture {
    height:100%;
  }

  .service-booking-ae-banner picture img {
    width:100%;
    height:100%;
    object-fit: cover;
  }

  .service-booking-ae-banner .banner_with_text .content-container {
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: start;
  }

  .service-booking-ae-banner .banner_with_text .banner__text{
    max-width: 85ch;
    line-height: 2;
  }

  .banner_with_text .content-container {
    display: flex;
    flex-direction:row;
    justify-content: space-between;
    align-items: center;
  }

  @media (min-width:600px) {
    .banner_with_text .content-container {display:block;}
    .banner_with_text .btn.banner__link { margin-top: 24px;}
  }

  .banner_with_text .overlay-text .banner__title {
    font-size:24px;
  }

  .banner_with_text .overlay-text .banner__text {
    display:none;
  }

  .banner_with_text .btn.banner__link {
    padding: 8px 16px;
    max-width:max-content;
  }

  @media (min-width:993px) {
    .banner_with_text .overlay-text{
      padding-top: 30px;
      padding-bottom:30px;
    }

    .banner_with_text .overlay-text .banner__title {
      font-size:32px;
    }
    .banner_with_text .overlay-text .banner__text {
      display: block;
      font-size:18px;
      margin-bottom:0;
    }
  }
  @media (min-width:1440px) {
    .banner_with_text .overlay-text {

      padding-top: 50px;
      padding-bottom:50px;
    }

    .banner_with_text .overlay-text .banner__title {
      font-size:48px;
    }

    .banner_with_text .overlay-text .banner__text {
      font-size:20px;
    }
  }
/* .home-banner .banner {
  min-height: 40vh; }
  @media (max-width: 580px) {
    .home-banner .banner {
      min-height: 20vh; } }
  .home-banner .banner img {
    min-height: 40vh; }
    @media (max-width: 580px) {
      .home-banner .banner img {
        min-height: 20vh; } } */
/* .slider-home > .slider-item:not(:first-child) {
  display: none;
} */

.slider-home .slider-item {
  min-height:300px;
}

@media (min-width:480px) {                
  .slider-home .slider-item {
    min-height:200px;
}}

@media (min-width:768px) {                
  .slider-home .slider-item {
    min-height:140px;
}}
@media (min-width:1440px) {                
  .slider-home .slider-item {
    min-height:270px;
}}

.slider-home > .slider-item:nth-child(n+4) {
  display: none;
}

.slider-home.home-banner > .slider-item {
  width: 33%;
}

.slider-home.home-banner:not(.slick-initialized) {
  display: flex;
}

@media (max-width: 599px) {
  .slider-home > .slider-item:nth-child(n+3) {
    display: none;
  }
  
  .slider-home.home-banner > .slider-item {
    width: 50%;
  }

}

@media (max-width: 479px) {
  .slider-home > .slider-item:not(:first-child) {
    display: none;
  }
  
  .slider-home.home-banner > .slider-item {
    width: 100%;
  }

}

.home-banner .lazyload_fade {
  width: 100%;
  display: block; }

/* @media (max-width: 580px) {
  .home-banner .slick-list {
    min-height: 20vh; } } */

.home-banner .slick-prev,
.home-banner .slick-next {
  top: 90%;
  left: 15px; }
  @media (max-width: 768px) {
    .home-banner .slick-prev,
    .home-banner .slick-next {
      top: 80%;
      display: none !important;
    } }

.home-banner .slick-next {
  left: 55px; }

.home-banner .slick-slide {
  margin: 0; }

.home-banner .slider-item {
  width: 100%; }

.page_new-car-results .banner {
  border-bottom: solid 2px #fff; }
  .page_new-car-results .banner img {
    filter: brightness(50%); }

/* New Car Details Hero Banner */
.gallery_new-car {
  background-color: #241E20;
  border-bottom: 3px solid #fff; }
  @media (min-width: 576px) {
    .gallery_new-car {
      border-bottom: none; } }
  .gallery_new-car a {
    text-decoration: none !important; }
  .gallery_new-car .slick-prev,
  .gallery_new-car .slick-next {
    top: auto;
    bottom: 15px; }
    @media (max-width: 1200px) {
      .gallery_new-car .slick-prev,
      .gallery_new-car .slick-next {
        bottom: 0 !important; } }
  .gallery_new-car .slick-next {
    left: 55px; }
    @media (max-width: 1200px) {
      .gallery_new-car .slick-next {
        left: 68px !important; } }
    @media (max-width: 768px) {
      .gallery_new-car .slick-next {
        left: auto !important;
        right: 15px; } }
  .gallery_new-car .slick-prev {
    left: 15px; }
    @media (max-width: 1200px) {
      .gallery_new-car .slick-prev {
        left: 30px !important; } }
    @media (max-width: 768px) {
      .gallery_new-car .slick-prev {
        left: auto !important;
        right: 55px; } }
  @media (max-width: 1200px) {
    .gallery_new-car .slick-list {
      /*min-height: 45vh;*/ } }
  @media (max-width: 768px) {
    .gallery_new-car .slick-list {
      /*height: 25vh !important;
      min-height: 25vh !important;*/ } }
  @media (max-width: 1200px) {
    .gallery_new-car .slick-slide {
      /*min-height: 45vh;*/ } }
  @media (max-width: 768px) {
    .gallery_new-car .slick-slide {
      /*height: 25vh !important;
      min-height: 25vh !important;*/ } }
  .gallery_new-car .slick-slide .slider__img {
    /*min-height: 45vh;*/
    filter: brightness(75%); }
    @media (max-width: 768px) {
      .gallery_new-car .slick-slide .slider__img {
        /*height: 25vh !important;
        min-height: 25vh !important;*/ } }
  .gallery_new-car .slider-item__content {
    position: relative;
    top: 0%;
    z-index: 10;
    padding: 30px 0; }
    @media (min-width: 576px) {
      .gallery_new-car .slider-item__content {
        position: absolute;
        top: 30%;
        z-index: 10;
        padding: 0; } }
    @media (max-width: 768px) {
      .gallery_new-car .slider-item__content {
        top: 15%; } }
    .gallery_new-car .slider-item__content .slider_item__headline {
      font-size: 24px;
      margin-bottom: 0; }
    @media (max-width: 768px) {
      .gallery_new-car .slider-item__content .btn {
        padding: 0.5rem;
        margin: 1rem 0 0 0 !important;
        width: 100%; } }
  .gallery_new-car .slider-item__synopsis {
    margin-bottom: 2.5rem; }
    @media (max-width: 1200px) {
      .gallery_new-car .slider-item__synopsis {
        margin-bottom: 1.25rem; } }

.contact__banner .banner__image {
  filter: brightness(45%); }

  .banner__video-wrapper iframe {
    top: -15%;
    height: 130%;
  }

/*
// ## Slider
// --------------------------------------------------
*/
/*
// ## Search
// --------------------------------------------------
*/
.speedy-search .nav-tabs {
  border: none; }

.speedy-search .nav-link {
  background-color: transparent;
  color: #fff;
  border: none;
  text-decoration: none; }
  .speedy-search .nav-link::before {
    content: "\f111";
    font-family: 'mbblueskyicons' !important;
    margin-right: 0.5rem; }
  .speedy-search .nav-link.active {
    background-color: transparent;
    color: #fff; }
    .speedy-search .nav-link.active::before {
      content: "\f2f8";
      font-family: 'mbblueskyicons' !important;
      margin-right: 0.5rem; }

.speedy-search .advanced-txt {
  display: inline-block;
  padding: .4rem 1rem;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  text-decoration: none !important; }
  @media (max-width: 1200px) {
    .speedy-search .advanced-txt {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem !important;
      padding-bottom: 0; } }
  .speedy-search .advanced-txt::before {
    font-family: 'mbblueskyicons' !important;
    content: "\e904";
    display: inline-block;
    border: solid 1px #fff;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-right: 0.5rem; }

.speedy-search .btn {
  height: 72px;
  width: 100%; }

.speedy-search .form-group {
  margin-bottom: 0; }
  @media (max-width: 1200px) {
    .speedy-search .form-group {
      margin-bottom: 1.25rem; } }

.super-search__input-wrapper {
  border: solid 1px white;
  padding: 20px; }

 #search-toggle {
    cursor: pointer;
 }
 #search-toggle:hover {
    
 }

 #search-toggle.open .icon {
  transform: rotate(180deg);
  display: inline-block;
  position: relative;
 }

 .speedy-search {
  display: none;
  opacity: 0;
 }
 .speedy-search.open {
  display: block;
  opacity: 1;
 }


/*
// ## Carousel
// --------------------------------------------------
*/
/* 
Slider prev/next -
Used across all sliders on the site.
*/
.offers-slider .card {
  margin-bottom: 0;
  padding: 1.25rem; }
  .offers-slider .card .card-title {
    font-size: 24px;
    margin-bottom: 1.25rem; }
  .offers-slider .card .card-text {
    margin-bottom: 2rem; }

.offers-slider .lazyload_fade {
  background-color: #fff; }

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 1; }

.slick-prev:before,
.slick-next:before {
  font-family: 'mbblueskyicons';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }


@media (max-width: 800px) {
  .page_business_carousel .slick-prev,.page_business_carousel .slick-next {top: initial; bottom: -30px;}
  .page_business_carousel {padding-bottom: 30px;}
}



/*
Font Icon for prev button
*/
.slick-prev:before {
  content: "\e905"; }

/*
Font Icon for next button
*/




.slick-next:before {
  content: "\e906"; }

.slick-next {
  left: 13px; }

.slick-prev {
  left: -25px; }

.slick-arrow {
  border: solid 1px #fff;
  background-color: #241E2080;
  width: 35px;
  height: 35px; }

/* 
Slider dots -
Used across all sliders on the site.
*/
.slick-dots {
  display: block;
  width: 100%;
  padding: 0;
  margin: 2rem 0 0;
  list-style: none;
  text-align: center; }
  .slick-dots li {
    cursor: pointer;
    display: inline-block;
    margin: 0 .5rem .5rem;
    padding: 0; }
    .slick-dots li button {
      background: #dee2e6;
      border: 1px solid #dee2e6;
      border-radius: 0;
      color: transparent;
      cursor: pointer;
      display: block;
      font-size: 0;
      line-height: 0;
      outline: none;
      padding: 0;
      height: 5px;
      width: 175px; }
    .slick-dots li.slick-active button {
      background: #000;
      border-color: #000; }

/* 
Carousel item -
Styling for each slide.
*/
.carousel__carousel-item .carousel-item__inner {
  background-color: #fff; }
  .carousel__carousel-item .carousel-item__inner img {
    width: 100%;
    height: auto; }

.carousel__carousel-item .carousel-item__content {
  padding: 20px; }
  .carousel__carousel-item .carousel-item__content p:last-child {
    margin-bottom: 0; }

.history .history__heading {
  font-size: 1.75rem; }
  @media (max-width: 1200px) {
    .history .history__heading {
      font-size: 1.5rem; } }

.history::before {
  content: " ";
  display: inline-block;
  border-top: solid 5px #A01D22;
  width: 100%;
  position: absolute;
  bottom: -49px; }

.history-timeline .slick-prev {
  right: 55px;
  left: auto; }
  @media (max-width: 1200px) {
    .history-timeline .slick-prev {
      right: 50px; } }

.history-timeline .slick-next {
  right: 15px;
  left: auto; }

.history-timeline .slick-prev,
.history-timeline .slick-next {
  top: -25px; }
  @media (max-width: 1200px) {
    .history-timeline .slick-prev,
    .history-timeline .slick-next {
      top: 15px; } }

.history-timeline .slick-dots {
  display: none !important; }

.history-timeline .slick-slide {
  margin-bottom: 0; }

.history-timeline .advanced__textarea {
  padding: 0 15px; }
  .history-timeline .advanced__textarea::before {
    /*font-family: 'mbblueskyicons';
			content: "\f2f8";
			display: inline-block;
			font-weight: bold;
			font-size: 1.5rem;
			color: #A01D22;
			width: 100%;
			z-index: 2;*/
    font-family: 'mbblueskyicons';
    content: "\f113";
    display: inline-block;
    font-weight: bold;
    font-size: 1rem;
    color: #A01D22;
    z-index: 2;
    border: 4px solid #A01D22;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 24px;
    background: #fff;
    transition: ease .3s;
    position: relative; }

.history-timeline .history__slide-content:hover .advanced__textarea::before, .history-timeline .history__slide-content:focus .advanced__textarea::before {
  font-size: 0.2rem; }

.history-timeline .history__slide-content p:first-of-type {
  margin-top: 1rem;
  margin-bottom: 1.5rem; }

.history-timeline .history__slide-content h4 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem; }
  @media (max-width: 1200px) {
    .history-timeline .history__slide-content h4 {
      font-size: 1.375rem; } }

/*
// ## Vehicle carousel
// --------------------------------------------------
*/
/*
Gallery Thumbs
*/
.gallery .slick-list,
.gallery-thumbs .slick-list {
  margin-left: 0;
  margin-right: 0; }

.gallery .slick-slide,
.gallery-thumbs .slick-slide {
  padding: 0;
  margin: 0; }

.similar-cars .slick-arrow {
  display: none !important; }

.similar-cars .slick-slide {
  margin-bottom: 0; }

.similar-cars .slick-dots {
  margin-top: 0; }

.similar-cars .slick-dots li.slick-active button {
  background: #fff;
  border-color: #fff; }

/*
// ## COGCMS
// --------------------------------------------------
*/
/* COGCMS -- Buttons */
/* COGCMS -- Accordions */
.umb-grid .accordion > .card {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .25rem; }
  .umb-grid .accordion > .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .umb-grid .accordion > .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

/* Accordion -- header */
.umb-grid .accordion > .card .card-header {
  margin-bottom: -1px;
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .umb-grid .accordion > .card .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; }
  .umb-grid .accordion > .card .card-header button {
    width: 100%; }

/* Accordion -- header - child */
.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0; }

/* Accordion -- body */
.umb-grid .accordion > .card .card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
  background-color: #fff;
  color: #000000; }

.umb-grid h2, .umb-grid h3, .umb-grid h4, .umb-grid h5 {
  margin-bottom: 30px; }

.umb-grid ._vm_btn._vm_btn--primary {
  border: 1px solid #cccccc; }

/* Content panel */
.content-panel__img-left, .content-panel__img-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

/* Content panel */
.tl-grid-img-block-aside, .tl-grid-img-block {
  flex: 0 0 100%;
  max-width: 100%; }
  @media (min-width: 992px) {
    .tl-grid-img-block-aside, .tl-grid-img-block {
      flex: 0 0 50%;
      max-width: 50%; } }

@media (min-width: 992px) {
  .tl-grid-img-block-aside {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px; } }

/* CMS Video Wrapper */
.video-wrapper {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  margin-bottom: 30px; }
  .video-wrapper::before {
    display: block;
    content: "";
    padding-top: 56.25%; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

/* Call to action */
.tl-grid-call-to-action-box {
  background-color: #f7f7f7;
  padding: 30px;
  text-align: center; }

/* Gallery */
.full-gallery-wrap {
  margin-bottom: 30px; }

.gallery-list-inner,
.image-gallery__ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0; }
  .gallery-list-inner .gallery-item-container,
  .image-gallery__ul .gallery-item-container {
    width: 100%; }
    @media (min-width: 768px) {
      .gallery-list-inner .gallery-item-container,
      .image-gallery__ul .gallery-item-container {
        width: 50%; } }
    @media (min-width: 992px) {
      .gallery-list-inner .gallery-item-container,
      .image-gallery__ul .gallery-item-container {
        width: 33.33333%; } }
  .gallery-list-inner .gallery-item,
  .image-gallery__ul .gallery-item {
    display: block;
    width: 400px;
    height: 300px;
    max-width: 100%;
    background-size: cover;
    background-position: center; }
  .gallery-list-inner .image-gallery__item,
  .image-gallery__ul .image-gallery__item {
    width: 20%; }

/* COGCMS - Blockquote */
.umb-grid blockquote {
  background-color: #f7f7f7;
  padding: 30px;
  text-align: center; }
  .umb-grid blockquote p {
    font-size: 1rem;
    margin-bottom: .75rem; }

/* COGCMS - Rows */
.umb-grid .row {
  margin-bottom: 30px; }

.page_contact-us .umb-grid .row {
  margin-bottom: 0px; }

/* Fix Container CMS Markup in Panels */
.container-fluid .umb-grid .grid-section .container {
  max-width: 100%; }

/* Remove Row Margin - add utility class to settings in cogCMS */
.mb-0-row .row {
  margin-bottom: 0; }

.cogcms-align-centre {
  width: 100%;
  height: auto;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  position: relative;
  display: inline-block; }
  .cogcms-align-centre .tl-grid-button {
    position: relative;
    display: inline-block; }
  .cogcms-align-centre .advanced__textarea {
    margin-bottom: 15px; }
    .cogcms-align-centre .advanced__textarea p:last-child {
      margin-bottom: 0; }

.page_finance h2 {
  font-size: 27px; }
  @media (max-width: 768px) {
    .page_finance h2 {
      font-size: 24px; } }

.page_finance .finance-acceptance {
  background-color: #F2F2F2;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  margin-bottom: 30px; }
  .page_finance .finance-acceptance ul {
    list-style-type: none;
    margin-top: 2rem; }
    .page_finance .finance-acceptance ul li::before {
      font-family: 'mbblueskyicons' !important;
      content: "\ea39";
      font-size: 24px;
      font-weight: bold;
      margin-right: 0.5rem;
      color: #00a651; }
      .page_finance .finance-acceptance ul li::before strong {
        font-size: 22px; }
    @media (max-width: 768px) {
      .page_finance .finance-acceptance ul br {
        display: none; } }
    @media (max-width: 768px) {
      .page_finance .finance-acceptance ul p {
        display: none; } }

.page_finance .tl-grid-call-to-action-box {
  background-color: #00a651; }
  .page_finance .tl-grid-call-to-action-box h2 {
    color: #fff; }
  .page_finance .tl-grid-call-to-action-box p {
    color: #fff; }

.page_finance .video-section h4 {
  margin-bottom: 1.25rem; }

.page_finance .cogcms-align-centre a:not([href]):not([tabindex]) {
  color: #fff;
  text-decoration: none; }

.page_finance .cogcms-align-centre h2 {
  margin-bottom: 1.25rem; }

.page_finance .cogcms-align-centre p {
  margin-bottom: 2rem; }

@media (max-width: 768px) {
  .page_finance .image-with-accreditation-wrapper {
    margin-top: 1.25rem; } }

.page_finance .check-list {
  list-style-type: none;
  margin-top: 2rem; }
  .page_finance .check-list li::before {
    font-family: 'mbblueskyicons' !important;
    content: "\ea39";
    font-size: 24px;
    font-weight: bold;
    margin-right: 0.5rem;
    color: #00a651; }
    .page_finance .check-list li::before strong {
      font-size: 22px; }
  @media (max-width: 768px) {
    .page_finance .check-list br {
      display: none; } }
  @media (max-width: 768px) {
    .page_finance .check-list p {
      display: none; } }


/* #2nhfx2k */
.page_finance .finance-acceptance ul {padding-left: 0;}
.page_finance .finance-acceptance ul li {position: relative; padding: 5px 0 25px 35px!important;}
.page_finance .finance-acceptance ul li::before {position: absolute; left: 0; top: -3px;}

.sub-pages .sub-page__heading-hr {
  background-color: #000;
  margin: 2rem;
  height: 3px; }

.sub-pages .sub-page__heading {
  font-size: 27px;
  text-align: center;
  margin-bottom: 0; }
  @media (max-width: 1200px) {
    .sub-pages .sub-page__heading {
      font-size: 24px; } }

.page_business .image-gallery__item {
  width: 16%; }

.page_business hr {
  margin: 2rem 0; }

.thumbnail {
  border: none;
  transition: 0.3s ease all; }
  .thumbnail:hover {
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; }

.thumbnail_subpage .thumbnail__img {
  background-color: transparent; }
  .thumbnail_subpage .thumbnail__img img {
    -webkit-clip-path: inset(45px 20px);
    clip-path: inset(45px 20px);
    transition: -webkit-clip-path 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: clip-path 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: clip-path 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-clip-path 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }

.thumbnail_subpage .thumbnail__link {
  text-decoration: none; }
  .thumbnail_subpage .thumbnail__link:hover {
    text-decoration: underline; }

.thumbnail:hover img {
  -webkit-clip-path: inset(0px 0);
  clip-path: inset(0 0); }

.page_dealership-details #postcode_postcode {
  height: 66px; }

.page_dealership-details .opening-times table {
  width: 100%; }
  .page_dealership-details .opening-times table tr {
    width: 100%;
    border: 1px solid #eee; }
    .page_dealership-details .opening-times table tr:nth-child(even) {
      background: #eee; }
  .page_dealership-details .opening-times table td {
    width: 25%;
    padding: 10px; }
    .page_dealership-details .opening-times table td:first-of-type {
      width: 50%; }

.page_dealership-details .btn.btn-secondary:hover {
  box-shadow: inset 21em 0 0 0 #191919;
  background-color: #000; }

.page_dealership-details .map-canvas iframe {width: 100%;}

.page_offers-results .cogcms-panel p:last-child {
  margin-bottom: 0; }

.image-with-accreditation-wrapper {
  margin-bottom: 30px; }

.tl-grid-call-to-action-box ._vm_btn._vm_btn--primary {
  background-color: #A01D22;
  color: #ffffff; }
  .tl-grid-call-to-action-box ._vm_btn._vm_btn--primary:hover {
    box-shadow: inset 29em 0 0 0 #80171b;
    background-color: #A01D22; }
  .tl-grid-call-to-action-box ._vm_btn._vm_btn--primary:focus {
    background-color: #A01D22;
    box-shadow: inset 29em 0 0 0 #80171b; }

.richmond-select-content p strong {
  color: #11a74f;
  font-style: italic; }

.richmond-select-content h2, .richmond-select-content h3, .richmond-select-content h4 {
  color: #11a74f; }

.richmond-select-content ._vm_btn._vm_btn--success {
  background-color: #11a74f; }
  .richmond-select-content ._vm_btn._vm_btn--success:hover, .richmond-select-content ._vm_btn._vm_btn--success:focus {
    background-color: #057032; }

._vm_btn {
  display: inline-flex;
  min-width: 195px;
  justify-content: center;
  margin: 0.5rem 0; }

/*
// ## Map
// --------------------------------------------------
*/
#map-canvas {
  height: 320px; }
  @media (min-width: 992px) {
    #map-canvas {
      height: 500px; } }

.map-heading, .map-address {
  color: #000000; }
  .map-heading a, .map-address a {
    color: #000000; }

#directions-panel {
  width: 100%;
  justify-content: center; }

.adp-directions {
  width: 100%; }

.adp-step,
.adp-text {
  text-align: center;
  background-color: #2C2C2C;
  font-weight: bold;
  color: #fff; }

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

.adp-details,
.adp-legal {
  text-align: center; }

.adp-placemark {
  background-color: #2C2C2C;
  color: white;
  font-weight: bold; }

/*
// ## Cookies
// --------------------------------------------------
*/
/* Cookie notice */
.cookie-notice {
  display: none;
  background-color: #4a4f54;
  color: #fff;
  border-bottom: 1px solid #333;
  padding-top: 5px;
  font-size: .875rem;
  transform: translateX(0); }
  @media (min-width: 768px) {
    .cookie-notice {
      padding-top: 30px;
      padding-bottom: 15px; } }

/* Cookie notice -- content */
@media (min-width: 768px) {
  .cookie-notice__content {
    display: flex;
    align-items: center; } }

/* Cookie notice -- title */
.cookie-notice__title {
  margin-bottom: 0;
  font-size: 22px; }
  @media (min-width: 768px) {
    .cookie-notice__title {
      margin-bottom: 15px;
      font-size: 26px; } }

/* Cookie notice -- disclaimer */
.cookie-notice__disclaimer {
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .cookie-notice__disclaimer {
      padding-left: 30px;
      padding-right: 30px; } }
  .cookie-notice__disclaimer a {
    color: #fff;
    text-decoration: underline; }

/* Cookie notice -- close button */
.cookie-notice__close {
  min-width: 180px;
  margin-bottom: 15px; }

/* Cookie notice - options (preferences) */
.cookie-option {
  background-color: #fff;
  border: 1px solid #ebebeb;
  padding: 20px;
  margin-bottom: 30px; }
  .cookie-option h3 {
    margin-bottom: .5rem; }

/* Cookie modal button */
.cookie-modal-button {
  position: fixed;
  bottom: 0;
  left: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  z-index: 1000;
  box-shadow: 0 2px 1px 2px rgba(0, 0, 0, 0.8); }

.breadcrumbs {
  padding-top: .5rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: .9rem;
  font-weight: 600; }
  @media (max-width: 768px) {
    .breadcrumbs {
      font-size: 12px; } }
  .breadcrumbs ol {
    list-style: none;
    padding: 0;
    margin: 0; }
  .breadcrumbs li {
    display: inline; }
    .breadcrumbs li:after {
      content: "/";
      display: inline;
      margin-left: .5rem;
      margin-right: .5rem;
      font-weight: 700;
      vertical-align: middle; }
      @media (max-width: 768px) {
        .breadcrumbs li:after {
          margin-left: .25rem;
          margin-right: .25rem; } }
    .breadcrumbs li:last-child::after {
      display: none; }
  .breadcrumbs a {
    color: #000;
    text-decoration: none; }
  .breadcrumbs .currentlink {
    color: #55595C;
    text-decoration: none; }

.progress-primary .progress-bar {
  border-color: #149051; }

.progress-success .progress-bar {
  border-color: #042f5f; }

.progress-info .progress-bar {
  border-color: #d65e3c; }

.progress-last .progress-bar {
  border-color: #961824; }

.progress {
  width: 100px;
  height: 100px;
  line-height: 100px;
  background: none;
  margin-right: 10px;
  box-shadow: none;
  position: relative; }
  @media (max-width: 768px) {
    .progress {
      margin: 0;
      width: 75px;
      height: 75px; } }
  .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 0.5rem solid #dfdfdf;
    position: absolute;
    top: 0;
    left: 0; }
  .progress > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1; }
  .progress .progress-left {
    left: 0; }
  .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 0.5rem;
    border-style: solid;
    position: absolute;
    top: 0; }
  .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-left: 0;
    transform-origin: center left; }
  .progress .progress-right {
    right: 0; }
    .progress .progress-right .progress-bar {
      left: -100%;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px;
      border-right: 0;
      transform-origin: center right; }
  .progress .progress-value {
    display: flex;
    border-radius: 50%;
    font-size: 2rem;
    text-align: center;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100% !important; }
    @media (max-width: 768px) {
      .progress .progress-value {
        font-size: 1.25rem; } }

/* This for loop creates the 	necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
.progress[data-percentage="1"] .progress-right .progress-bar {
  -webkit-animation: loading-1 2s linear forwards;
          animation: loading-1 2s linear forwards; }

.progress[data-percentage="1"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="2"] .progress-right .progress-bar {
  -webkit-animation: loading-2 2s linear forwards;
          animation: loading-2 2s linear forwards; }

.progress[data-percentage="2"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="3"] .progress-right .progress-bar {
  -webkit-animation: loading-3 2s linear forwards;
          animation: loading-3 2s linear forwards; }

.progress[data-percentage="3"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="4"] .progress-right .progress-bar {
  -webkit-animation: loading-4 2s linear forwards;
          animation: loading-4 2s linear forwards; }

.progress[data-percentage="4"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="5"] .progress-right .progress-bar {
  -webkit-animation: loading-5 2s linear forwards;
          animation: loading-5 2s linear forwards; }

.progress[data-percentage="5"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="6"] .progress-right .progress-bar {
  -webkit-animation: loading-6 2s linear forwards;
          animation: loading-6 2s linear forwards; }

.progress[data-percentage="6"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="7"] .progress-right .progress-bar {
  -webkit-animation: loading-7 2s linear forwards;
          animation: loading-7 2s linear forwards; }

.progress[data-percentage="7"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="8"] .progress-right .progress-bar {
  -webkit-animation: loading-8 2s linear forwards;
          animation: loading-8 2s linear forwards; }

.progress[data-percentage="8"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="9"] .progress-right .progress-bar {
  -webkit-animation: loading-9 2s linear forwards;
          animation: loading-9 2s linear forwards; }

.progress[data-percentage="9"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="10"] .progress-right .progress-bar {
  -webkit-animation: loading-10 2s linear forwards;
          animation: loading-10 2s linear forwards; }

.progress[data-percentage="10"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="11"] .progress-right .progress-bar {
  -webkit-animation: loading-11 2s linear forwards;
          animation: loading-11 2s linear forwards; }

.progress[data-percentage="11"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="12"] .progress-right .progress-bar {
  -webkit-animation: loading-12 2s linear forwards;
          animation: loading-12 2s linear forwards; }

.progress[data-percentage="12"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="13"] .progress-right .progress-bar {
  -webkit-animation: loading-13 2s linear forwards;
          animation: loading-13 2s linear forwards; }

.progress[data-percentage="13"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="14"] .progress-right .progress-bar {
  -webkit-animation: loading-14 2s linear forwards;
          animation: loading-14 2s linear forwards; }

.progress[data-percentage="14"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="15"] .progress-right .progress-bar {
  -webkit-animation: loading-15 2s linear forwards;
          animation: loading-15 2s linear forwards; }

.progress[data-percentage="15"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="16"] .progress-right .progress-bar {
  -webkit-animation: loading-16 2s linear forwards;
          animation: loading-16 2s linear forwards; }

.progress[data-percentage="16"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="17"] .progress-right .progress-bar {
  -webkit-animation: loading-17 2s linear forwards;
          animation: loading-17 2s linear forwards; }

.progress[data-percentage="17"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="18"] .progress-right .progress-bar {
  -webkit-animation: loading-18 2s linear forwards;
          animation: loading-18 2s linear forwards; }

.progress[data-percentage="18"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="19"] .progress-right .progress-bar {
  -webkit-animation: loading-19 2s linear forwards;
          animation: loading-19 2s linear forwards; }

.progress[data-percentage="19"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="20"] .progress-right .progress-bar {
  -webkit-animation: loading-20 2s linear forwards;
          animation: loading-20 2s linear forwards; }

.progress[data-percentage="20"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="21"] .progress-right .progress-bar {
  -webkit-animation: loading-21 2s linear forwards;
          animation: loading-21 2s linear forwards; }

.progress[data-percentage="21"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="22"] .progress-right .progress-bar {
  -webkit-animation: loading-22 2s linear forwards;
          animation: loading-22 2s linear forwards; }

.progress[data-percentage="22"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="23"] .progress-right .progress-bar {
  -webkit-animation: loading-23 2s linear forwards;
          animation: loading-23 2s linear forwards; }

.progress[data-percentage="23"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="24"] .progress-right .progress-bar {
  -webkit-animation: loading-24 2s linear forwards;
          animation: loading-24 2s linear forwards; }

.progress[data-percentage="24"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="25"] .progress-right .progress-bar {
  -webkit-animation: loading-25 2s linear forwards;
          animation: loading-25 2s linear forwards; }

.progress[data-percentage="25"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="26"] .progress-right .progress-bar {
  -webkit-animation: loading-26 2s linear forwards;
          animation: loading-26 2s linear forwards; }

.progress[data-percentage="26"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="27"] .progress-right .progress-bar {
  -webkit-animation: loading-27 2s linear forwards;
          animation: loading-27 2s linear forwards; }

.progress[data-percentage="27"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="28"] .progress-right .progress-bar {
  -webkit-animation: loading-28 2s linear forwards;
          animation: loading-28 2s linear forwards; }

.progress[data-percentage="28"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="29"] .progress-right .progress-bar {
  -webkit-animation: loading-29 2s linear forwards;
          animation: loading-29 2s linear forwards; }

.progress[data-percentage="29"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="30"] .progress-right .progress-bar {
  -webkit-animation: loading-30 2s linear forwards;
          animation: loading-30 2s linear forwards; }

.progress[data-percentage="30"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="31"] .progress-right .progress-bar {
  -webkit-animation: loading-31 2s linear forwards;
          animation: loading-31 2s linear forwards; }

.progress[data-percentage="31"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="32"] .progress-right .progress-bar {
  -webkit-animation: loading-32 2s linear forwards;
          animation: loading-32 2s linear forwards; }

.progress[data-percentage="32"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="33"] .progress-right .progress-bar {
  -webkit-animation: loading-33 2s linear forwards;
          animation: loading-33 2s linear forwards; }

.progress[data-percentage="33"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="34"] .progress-right .progress-bar {
  -webkit-animation: loading-34 2s linear forwards;
          animation: loading-34 2s linear forwards; }

.progress[data-percentage="34"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="35"] .progress-right .progress-bar {
  -webkit-animation: loading-35 2s linear forwards;
          animation: loading-35 2s linear forwards; }

.progress[data-percentage="35"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="36"] .progress-right .progress-bar {
  -webkit-animation: loading-36 2s linear forwards;
          animation: loading-36 2s linear forwards; }

.progress[data-percentage="36"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="37"] .progress-right .progress-bar {
  -webkit-animation: loading-37 2s linear forwards;
          animation: loading-37 2s linear forwards; }

.progress[data-percentage="37"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="38"] .progress-right .progress-bar {
  -webkit-animation: loading-38 2s linear forwards;
          animation: loading-38 2s linear forwards; }

.progress[data-percentage="38"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="39"] .progress-right .progress-bar {
  -webkit-animation: loading-39 2s linear forwards;
          animation: loading-39 2s linear forwards; }

.progress[data-percentage="39"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="40"] .progress-right .progress-bar {
  -webkit-animation: loading-40 2s linear forwards;
          animation: loading-40 2s linear forwards; }

.progress[data-percentage="40"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="41"] .progress-right .progress-bar {
  -webkit-animation: loading-41 2s linear forwards;
          animation: loading-41 2s linear forwards; }

.progress[data-percentage="41"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="42"] .progress-right .progress-bar {
  -webkit-animation: loading-42 2s linear forwards;
          animation: loading-42 2s linear forwards; }

.progress[data-percentage="42"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="43"] .progress-right .progress-bar {
  -webkit-animation: loading-43 2s linear forwards;
          animation: loading-43 2s linear forwards; }

.progress[data-percentage="43"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="44"] .progress-right .progress-bar {
  -webkit-animation: loading-44 2s linear forwards;
          animation: loading-44 2s linear forwards; }

.progress[data-percentage="44"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="45"] .progress-right .progress-bar {
  -webkit-animation: loading-45 2s linear forwards;
          animation: loading-45 2s linear forwards; }

.progress[data-percentage="45"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="46"] .progress-right .progress-bar {
  -webkit-animation: loading-46 2s linear forwards;
          animation: loading-46 2s linear forwards; }

.progress[data-percentage="46"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="47"] .progress-right .progress-bar {
  -webkit-animation: loading-47 2s linear forwards;
          animation: loading-47 2s linear forwards; }

.progress[data-percentage="47"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="48"] .progress-right .progress-bar {
  -webkit-animation: loading-48 2s linear forwards;
          animation: loading-48 2s linear forwards; }

.progress[data-percentage="48"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="49"] .progress-right .progress-bar {
  -webkit-animation: loading-49 2s linear forwards;
          animation: loading-49 2s linear forwards; }

.progress[data-percentage="49"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="50"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="50"] .progress-left .progress-bar {
  -webkit-animation: 0;
          animation: 0; }

.progress[data-percentage="51"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="51"] .progress-left .progress-bar {
  -webkit-animation: loading-1 2s linear forwards 2s;
          animation: loading-1 2s linear forwards 2s; }

.progress[data-percentage="52"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="52"] .progress-left .progress-bar {
  -webkit-animation: loading-2 2s linear forwards 2s;
          animation: loading-2 2s linear forwards 2s; }

.progress[data-percentage="53"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="53"] .progress-left .progress-bar {
  -webkit-animation: loading-3 2s linear forwards 2s;
          animation: loading-3 2s linear forwards 2s; }

.progress[data-percentage="54"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="54"] .progress-left .progress-bar {
  -webkit-animation: loading-4 2s linear forwards 2s;
          animation: loading-4 2s linear forwards 2s; }

.progress[data-percentage="55"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="55"] .progress-left .progress-bar {
  -webkit-animation: loading-5 2s linear forwards 2s;
          animation: loading-5 2s linear forwards 2s; }

.progress[data-percentage="56"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="56"] .progress-left .progress-bar {
  -webkit-animation: loading-6 2s linear forwards 2s;
          animation: loading-6 2s linear forwards 2s; }

.progress[data-percentage="57"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="57"] .progress-left .progress-bar {
  -webkit-animation: loading-7 2s linear forwards 2s;
          animation: loading-7 2s linear forwards 2s; }

.progress[data-percentage="58"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="58"] .progress-left .progress-bar {
  -webkit-animation: loading-8 2s linear forwards 2s;
          animation: loading-8 2s linear forwards 2s; }

.progress[data-percentage="59"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="59"] .progress-left .progress-bar {
  -webkit-animation: loading-9 2s linear forwards 2s;
          animation: loading-9 2s linear forwards 2s; }

.progress[data-percentage="60"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="60"] .progress-left .progress-bar {
  -webkit-animation: loading-10 2s linear forwards 2s;
          animation: loading-10 2s linear forwards 2s; }

.progress[data-percentage="61"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="61"] .progress-left .progress-bar {
  -webkit-animation: loading-11 2s linear forwards 2s;
          animation: loading-11 2s linear forwards 2s; }

.progress[data-percentage="62"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="62"] .progress-left .progress-bar {
  -webkit-animation: loading-12 2s linear forwards 2s;
          animation: loading-12 2s linear forwards 2s; }

.progress[data-percentage="63"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="63"] .progress-left .progress-bar {
  -webkit-animation: loading-13 2s linear forwards 2s;
          animation: loading-13 2s linear forwards 2s; }

.progress[data-percentage="64"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="64"] .progress-left .progress-bar {
  -webkit-animation: loading-14 2s linear forwards 2s;
          animation: loading-14 2s linear forwards 2s; }

.progress[data-percentage="65"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="65"] .progress-left .progress-bar {
  -webkit-animation: loading-15 2s linear forwards 2s;
          animation: loading-15 2s linear forwards 2s; }

.progress[data-percentage="66"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="66"] .progress-left .progress-bar {
  -webkit-animation: loading-16 2s linear forwards 2s;
          animation: loading-16 2s linear forwards 2s; }

.progress[data-percentage="67"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="67"] .progress-left .progress-bar {
  -webkit-animation: loading-17 2s linear forwards 2s;
          animation: loading-17 2s linear forwards 2s; }

.progress[data-percentage="68"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="68"] .progress-left .progress-bar {
  -webkit-animation: loading-18 2s linear forwards 2s;
          animation: loading-18 2s linear forwards 2s; }

.progress[data-percentage="69"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="69"] .progress-left .progress-bar {
  -webkit-animation: loading-19 2s linear forwards 2s;
          animation: loading-19 2s linear forwards 2s; }

.progress[data-percentage="70"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="70"] .progress-left .progress-bar {
  -webkit-animation: loading-20 2s linear forwards 2s;
          animation: loading-20 2s linear forwards 2s; }

.progress[data-percentage="71"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="71"] .progress-left .progress-bar {
  -webkit-animation: loading-21 2s linear forwards 2s;
          animation: loading-21 2s linear forwards 2s; }

.progress[data-percentage="72"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="72"] .progress-left .progress-bar {
  -webkit-animation: loading-22 2s linear forwards 2s;
          animation: loading-22 2s linear forwards 2s; }

.progress[data-percentage="73"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="73"] .progress-left .progress-bar {
  -webkit-animation: loading-23 2s linear forwards 2s;
          animation: loading-23 2s linear forwards 2s; }

.progress[data-percentage="74"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="74"] .progress-left .progress-bar {
  -webkit-animation: loading-24 2s linear forwards 2s;
          animation: loading-24 2s linear forwards 2s; }

.progress[data-percentage="75"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="75"] .progress-left .progress-bar {
  -webkit-animation: loading-25 2s linear forwards 2s;
          animation: loading-25 2s linear forwards 2s; }

.progress[data-percentage="76"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="76"] .progress-left .progress-bar {
  -webkit-animation: loading-26 2s linear forwards 2s;
          animation: loading-26 2s linear forwards 2s; }

.progress[data-percentage="77"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="77"] .progress-left .progress-bar {
  -webkit-animation: loading-27 2s linear forwards 2s;
          animation: loading-27 2s linear forwards 2s; }

.progress[data-percentage="78"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="78"] .progress-left .progress-bar {
  -webkit-animation: loading-28 2s linear forwards 2s;
          animation: loading-28 2s linear forwards 2s; }

.progress[data-percentage="79"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="79"] .progress-left .progress-bar {
  -webkit-animation: loading-29 2s linear forwards 2s;
          animation: loading-29 2s linear forwards 2s; }

.progress[data-percentage="80"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="80"] .progress-left .progress-bar {
  -webkit-animation: loading-30 2s linear forwards 2s;
          animation: loading-30 2s linear forwards 2s; }

.progress[data-percentage="81"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="81"] .progress-left .progress-bar {
  -webkit-animation: loading-31 2s linear forwards 2s;
          animation: loading-31 2s linear forwards 2s; }

.progress[data-percentage="82"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="82"] .progress-left .progress-bar {
  -webkit-animation: loading-32 2s linear forwards 2s;
          animation: loading-32 2s linear forwards 2s; }

.progress[data-percentage="83"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="83"] .progress-left .progress-bar {
  -webkit-animation: loading-33 2s linear forwards 2s;
          animation: loading-33 2s linear forwards 2s; }

.progress[data-percentage="84"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="84"] .progress-left .progress-bar {
  -webkit-animation: loading-34 2s linear forwards 2s;
          animation: loading-34 2s linear forwards 2s; }

.progress[data-percentage="85"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="85"] .progress-left .progress-bar {
  -webkit-animation: loading-35 2s linear forwards 2s;
          animation: loading-35 2s linear forwards 2s; }

.progress[data-percentage="86"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="86"] .progress-left .progress-bar {
  -webkit-animation: loading-36 2s linear forwards 2s;
          animation: loading-36 2s linear forwards 2s; }

.progress[data-percentage="87"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="87"] .progress-left .progress-bar {
  -webkit-animation: loading-37 2s linear forwards 2s;
          animation: loading-37 2s linear forwards 2s; }

.progress[data-percentage="88"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="88"] .progress-left .progress-bar {
  -webkit-animation: loading-38 2s linear forwards 2s;
          animation: loading-38 2s linear forwards 2s; }

.progress[data-percentage="89"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="89"] .progress-left .progress-bar {
  -webkit-animation: loading-39 2s linear forwards 2s;
          animation: loading-39 2s linear forwards 2s; }

.progress[data-percentage="90"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="90"] .progress-left .progress-bar {
  -webkit-animation: loading-40 2s linear forwards 2s;
          animation: loading-40 2s linear forwards 2s; }

.progress[data-percentage="91"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="91"] .progress-left .progress-bar {
  -webkit-animation: loading-41 2s linear forwards 2s;
          animation: loading-41 2s linear forwards 2s; }

.progress[data-percentage="92"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="92"] .progress-left .progress-bar {
  -webkit-animation: loading-42 2s linear forwards 2s;
          animation: loading-42 2s linear forwards 2s; }

.progress[data-percentage="93"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="93"] .progress-left .progress-bar {
  -webkit-animation: loading-43 2s linear forwards 2s;
          animation: loading-43 2s linear forwards 2s; }

.progress[data-percentage="94"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="94"] .progress-left .progress-bar {
  -webkit-animation: loading-44 2s linear forwards 2s;
          animation: loading-44 2s linear forwards 2s; }

.progress[data-percentage="95"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="95"] .progress-left .progress-bar {
  -webkit-animation: loading-45 2s linear forwards 2s;
          animation: loading-45 2s linear forwards 2s; }

.progress[data-percentage="96"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="96"] .progress-left .progress-bar {
  -webkit-animation: loading-46 2s linear forwards 2s;
          animation: loading-46 2s linear forwards 2s; }

.progress[data-percentage="97"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="97"] .progress-left .progress-bar {
  -webkit-animation: loading-47 2s linear forwards 2s;
          animation: loading-47 2s linear forwards 2s; }

.progress[data-percentage="98"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="98"] .progress-left .progress-bar {
  -webkit-animation: loading-48 2s linear forwards 2s;
          animation: loading-48 2s linear forwards 2s; }

.progress[data-percentage="99"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="99"] .progress-left .progress-bar {
  -webkit-animation: loading-49 2s linear forwards 2s;
          animation: loading-49 2s linear forwards 2s; }

.progress[data-percentage="100"] .progress-right .progress-bar {
  -webkit-animation: loading-50 2s linear forwards;
          animation: loading-50 2s linear forwards; }

.progress[data-percentage="100"] .progress-left .progress-bar {
  -webkit-animation: loading-50 2s linear forwards 2s;
          animation: loading-50 2s linear forwards 2s; }

@-webkit-keyframes loading-1 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(3.6deg); } }

@keyframes loading-1 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(3.6deg); } }

@-webkit-keyframes loading-2 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(7.2deg); } }

@keyframes loading-2 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(7.2deg); } }

@-webkit-keyframes loading-3 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(10.8deg); } }

@keyframes loading-3 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(10.8deg); } }

@-webkit-keyframes loading-4 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(14.4deg); } }

@keyframes loading-4 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(14.4deg); } }

@-webkit-keyframes loading-5 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(18deg); } }

@keyframes loading-5 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(18deg); } }

@-webkit-keyframes loading-6 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(21.6deg); } }

@keyframes loading-6 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(21.6deg); } }

@-webkit-keyframes loading-7 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(25.2deg); } }

@keyframes loading-7 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(25.2deg); } }

@-webkit-keyframes loading-8 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(28.8deg); } }

@keyframes loading-8 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(28.8deg); } }

@-webkit-keyframes loading-9 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(32.4deg); } }

@keyframes loading-9 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(32.4deg); } }

@-webkit-keyframes loading-10 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(36deg); } }

@keyframes loading-10 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(36deg); } }

@-webkit-keyframes loading-11 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(39.6deg); } }

@keyframes loading-11 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(39.6deg); } }

@-webkit-keyframes loading-12 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(43.2deg); } }

@keyframes loading-12 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(43.2deg); } }

@-webkit-keyframes loading-13 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(46.8deg); } }

@keyframes loading-13 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(46.8deg); } }

@-webkit-keyframes loading-14 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(50.4deg); } }

@keyframes loading-14 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(50.4deg); } }

@-webkit-keyframes loading-15 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(54deg); } }

@keyframes loading-15 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(54deg); } }

@-webkit-keyframes loading-16 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(57.6deg); } }

@keyframes loading-16 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(57.6deg); } }

@-webkit-keyframes loading-17 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(61.2deg); } }

@keyframes loading-17 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(61.2deg); } }

@-webkit-keyframes loading-18 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(64.8deg); } }

@keyframes loading-18 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(64.8deg); } }

@-webkit-keyframes loading-19 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(68.4deg); } }

@keyframes loading-19 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(68.4deg); } }

@-webkit-keyframes loading-20 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(72deg); } }

@keyframes loading-20 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(72deg); } }

@-webkit-keyframes loading-21 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(75.6deg); } }

@keyframes loading-21 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(75.6deg); } }

@-webkit-keyframes loading-22 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(79.2deg); } }

@keyframes loading-22 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(79.2deg); } }

@-webkit-keyframes loading-23 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(82.8deg); } }

@keyframes loading-23 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(82.8deg); } }

@-webkit-keyframes loading-24 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(86.4deg); } }

@keyframes loading-24 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(86.4deg); } }

@-webkit-keyframes loading-25 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(90deg); } }

@keyframes loading-25 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(90deg); } }

@-webkit-keyframes loading-26 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(93.6deg); } }

@keyframes loading-26 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(93.6deg); } }

@-webkit-keyframes loading-27 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(97.2deg); } }

@keyframes loading-27 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(97.2deg); } }

@-webkit-keyframes loading-28 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(100.8deg); } }

@keyframes loading-28 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(100.8deg); } }

@-webkit-keyframes loading-29 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(104.4deg); } }

@keyframes loading-29 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(104.4deg); } }

@-webkit-keyframes loading-30 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(108deg); } }

@keyframes loading-30 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(108deg); } }

@-webkit-keyframes loading-31 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(111.6deg); } }

@keyframes loading-31 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(111.6deg); } }

@-webkit-keyframes loading-32 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(115.2deg); } }

@keyframes loading-32 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(115.2deg); } }

@-webkit-keyframes loading-33 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(118.8deg); } }

@keyframes loading-33 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(118.8deg); } }

@-webkit-keyframes loading-34 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(122.4deg); } }

@keyframes loading-34 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(122.4deg); } }

@-webkit-keyframes loading-35 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(126deg); } }

@keyframes loading-35 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(126deg); } }

@-webkit-keyframes loading-36 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(129.6deg); } }

@keyframes loading-36 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(129.6deg); } }

@-webkit-keyframes loading-37 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(133.2deg); } }

@keyframes loading-37 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(133.2deg); } }

@-webkit-keyframes loading-38 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(136.8deg); } }

@keyframes loading-38 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(136.8deg); } }

@-webkit-keyframes loading-39 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(140.4deg); } }

@keyframes loading-39 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(140.4deg); } }

@-webkit-keyframes loading-40 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(144deg); } }

@keyframes loading-40 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(144deg); } }

@-webkit-keyframes loading-41 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(147.6deg); } }

@keyframes loading-41 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(147.6deg); } }

@-webkit-keyframes loading-42 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(151.2deg); } }

@keyframes loading-42 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(151.2deg); } }

@-webkit-keyframes loading-43 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(154.8deg); } }

@keyframes loading-43 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(154.8deg); } }

@-webkit-keyframes loading-44 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(158.4deg); } }

@keyframes loading-44 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(158.4deg); } }

@-webkit-keyframes loading-45 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(162deg); } }

@keyframes loading-45 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(162deg); } }

@-webkit-keyframes loading-46 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(165.6deg); } }

@keyframes loading-46 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(165.6deg); } }

@-webkit-keyframes loading-47 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(169.2deg); } }

@keyframes loading-47 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(169.2deg); } }

@-webkit-keyframes loading-48 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(172.8deg); } }

@keyframes loading-48 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(172.8deg); } }

@-webkit-keyframes loading-49 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(176.4deg); } }

@keyframes loading-49 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(176.4deg); } }

@-webkit-keyframes loading-50 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(180deg); } }

@keyframes loading-50 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(180deg); } }

.data-highlights {
  display: flex; }
  .data-highlights .data-highlights_numerical {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    align-self: center; }
    @media (max-width: 768px) {
      .data-highlights .data-highlights_numerical {
        margin-left: 0.5rem; } }
    .data-highlights .data-highlights_numerical p {
      width: 100%; }

@media (max-width: 768px) {
  .data-highlights {
    justify-content: center !important;
    width: 100%;
    margin-bottom: 1rem; } }

@media (max-width: 768px) {
  .data-highlights_numerical {
    width: 25%; } }

.data-highlights_numerical h4 {
  width: 100%;
  text-align: left; }
  @media (max-width: 768px) {
    .data-highlights_numerical h4 {
      font-size: 1.125rem; } }

/*--------------------------------------------------------------
# Pages - Page specific styling
--------------------------------------------------------------*/
/*
// ## Home pages
// --------------------------------------------------
*/
.spotlights {
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
overflow: hidden; }
  @media (max-width: 576px) {
    .spotlights {
      border-right: none;
      border-bottom: solid 5px #fff; } }
  .spotlights .shadow {
    position: absolute;
    width: 100%;
    height: 75%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(243, 241, 241, 0) 0%, rgba(243, 241, 241, 0) 0%, #000 100%); }
  .spotlights .card {
    border: none;
    margin-bottom: 0; }
    .spotlights .card .card-body {
      position: absolute;
      width: 100%;
      bottom: 0;
      z-index: 1; }
      .spotlights .card .card-body .card-title {
        font-size: 1.6875rem;
        margin-bottom: 0.5rem; }
      .spotlights .card .card-body .card-description {
        font-size: 1.125rem; }
  .spotlights .card-img-top {
    border-radius: 0; }
  .spotlights a {
    text-decoration: none; }


    .spotlights:hover img {
      transform: scale(1.15);
      transition: .3s ease-in-out;
    }

    .spotlights img {
      transition: .3s ease-in-out;
    }
/* Homepage */
@media (max-width: 576px) {
  .homepage-content .image-with-accreditation-wrapper {
    margin-bottom: 1.25rem; } }

.homepage-content .homepage-content__header {
  font-size: 2.25rem;
  margin-bottom: 0.5rem; }

@media (max-width:576px) {
  .homepage-content .homepage-content__header {
    font-size: 1.75rem;
  }
}

.homepage-content .homepage-content__sub-heading {
  font-size: 1.125ren; }

.homepage-content .homepage-content__cms-wrapper h2 {
  font-size: 1.75rem;
  margin-bottom: 1.25rem; }

.dealership-directions {
  padding-right: 15px;
  padding-left: 15px;
  /*.dealership-directions_overlay {
		position: absolute;
		display: block;
		top: 198px;
		right: 30%;
		left: 30%;

		@media(max-width: 1600px) {
			right: 25%;
			left: 25%;
		}

		@media(max-width: 1300px) {
			right: 20%;
			left: 20%;
		}

		@media(max-width: 1200px) {
			top: 137px;
			right: 15%;
			left: 15%;
		}

		@media(max-width: 992px) {
			top: 47px;
			right: 10%;
			left: 10%;
		}
	}*/ }
  .dealership-directions hr {
    margin: 1.25rem 0;
    width: 50%; }
  .dealership-directions .dealership-directions_overlay {
    position: relative;
    display: block;
    padding: 2rem 1rem;
    background-color: #fff; }
    @media (min-width: 576px) {
      .dealership-directions .dealership-directions_overlay {
        padding: 3rem; } }
  .dealership-directions .dealership-directions_form {
    background-color: rgba(255, 255, 255, 0.7); }
    .dealership-directions .dealership-directions_form .form-group {
      margin-bottom: 0; }
      @media (max-width: 1199px) {
        .dealership-directions .dealership-directions_form .form-group {
          margin-bottom: 1.25rem; } }
  .dealership-directions .form-control {
    height: 40px; }

.light-grey-hover {
  transition: ease .3s; }
  .light-grey-hover:hover {
    background-color: #e4e5e6;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    transform: scale(1.02); }

.new-car-list .new-car-list_title {
  font-size: 24px;
  margin-top: 1rem; }

.new-car-list p {
  font-size: 1.125rem; }
  @media (max-width: 1200px) {
    .new-car-list p {
      font-size: 1rem; } }

.judgereviews_widget {
  position: relative;
  background: url(/img/judgeservice/background.png) top center no-repeat;
  padding-top: 80px;
  padding-bottom: 80px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff; }
  @media (min-width: 992px) {
    .judgereviews_widget {
      padding-top: 150px;
      padding-bottom: 80px; } }
  .judgereviews_widget:before {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    background: white;
    opacity: .7; }
    @media (min-width: 768px) {
      .judgereviews_widget:before {
        opacity: 1;
        width: 80%;
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
        /* IE6-9 */ } }
    @media (min-width: 992px) {
      .judgereviews_widget:before {
        width: 60%; } }
  .judgereviews_widget .reviews_slider,
  .judgereviews_widget .slick-list,
  .judgereviews_widget .slick-slider,
  .judgereviews_widget .slick-track {
    position: static !important; }
  .judgereviews_widget .slick-arrow {
    top: auto;
    bottom: 25px;
    transform: none; }
  .judgereviews_widget .slick-prev {
    left: 25px; }
  .judgereviews_widget .slick-next {
    left: 65px; }
  .judgereviews_widget .slick-slide {
    margin: 0 15px;
    color: #000000; }
  .judgereviews_widget .judge_logo {
    width: 130px !important;
    height: 28px !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
    background: url(https://js-assets.scdn2.secure.raxcdn.com/images/widget/Judge-Service-logo-black-and-blue.png) center 8px no-repeat !important;
    background-size: 130px !important;
    margin-top: 0px !important; }
  .judgereviews_widget .rating {
    background: url(/img/judgeservice/gold-star-5.png) left center no-repeat;
    background-size: 110px !important;
    width: 110px;
    height: 28px;
    display: inline-block; }
    .judgereviews_widget .rating.rating4 {
      width: 89px; }
    .judgereviews_widget .rating.rating3 {
      width: 67px; }
    .judgereviews_widget .rating.rating2 {
      width: 44px; }
    .judgereviews_widget .rating.rating1 {
      width: 22px; }

.range-slider .slick-prev,
.range-slider .slick-next {
  top: -42px;
  transform: none;
  left: auto; }

.range-slider .slick-prev {
  right: 55px; }

.range-slider .slick-next {
  right: 15px; }

.range-slider .new-car-list {
  transition: all 0.5s ease-in-out; }
  .range-slider .new-car-list:hover, .range-slider .new-car-list:focus {
    border-color: #000000; }

.range-slider.new-car-dynamic .slick-slide {
  margin-bottom: 0; }

.align-slick-arrow .slick-dots {
  display: none !important; }

.align-slick-arrow .slick-prev,
.align-slick-arrow .slick-next {
  top: -42px;
  transform: none;
  left: auto; }

.align-slick-arrow .slick-prev {
  right: 55px; }

.align-slick-arrow .slick-next {
  right: 15px; }

.align-slick-arrow .slick-slide {
  margin-bottom: 0 !important; }

.align-slick-arrow .used-car-list-latest {
  transition: all 0.5s ease-in-out; }
  .align-slick-arrow .used-car-list-latest:hover, .align-slick-arrow .used-car-list-latest:focus {
    border-color: #000000; }

.page_home .used-list {
  margin-bottom: 0; }

.page_home .used-list > div {
  justify-content: center; }

.vehicle-history {
  border: 1px solid #ebebeb;
  background-color: #241E20 !important;
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  overflow: auto; }
  .vehicle-history h4 {
    margin-bottom: 1.25rem;
    font-size: 27px;
    color: #fff; }
    @media (max-width: 768px) {
      .vehicle-history h4 {
        text-align: center; } }
  .vehicle-history p {
    color: #fff; }
  .vehicle-history .vehicle-history__item {
    float: left;
    width: 16%;
    color: #212121;
    padding: 10px; }
    .vehicle-history .vehicle-history__item .inner {
      width: 100%;
      background-color: #F2F2F2;
      float: left; }
    .vehicle-history .vehicle-history__item .vehicle-history__item-image {
      float: left;
      width: 100%; }
      .vehicle-history .vehicle-history__item .vehicle-history__item-image img {
        width: 100%; }
    .vehicle-history .vehicle-history__item .vehicle-history__item-title {
      width: 100%;
      padding: 10px;
      float: left; }
    @media (max-width: 992px) {
      .vehicle-history .vehicle-history__item {
        display: block;
        width: 50%;
        margin-bottom: 0.5rem; } }
    @media (max-width: 767px) {
      .vehicle-history .vehicle-history__item {
        display: block;
        width: 100%;
        margin-bottom: 0.5rem; } }
    .vehicle-history .vehicle-history__item a:hover {
      font-weight: bold; }

.franchise_logo-wrapper {
  transition: 0.5s ease;
  border: solid 1px #fff;
  padding: 5px; }
  .franchise_logo-wrapper:hover {
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; }
  .franchise_logo-wrapper .franchise__logo {
    transition: 0.5s ease; }
    .franchise_logo-wrapper .franchise__logo:hover {
      transform: scale(1.02); }

/*
// ## List pages
// --------------------------------------------------
*/
/* List Items */
.list-item {
  border: 1px solid #eaeaea;
  padding: 30px;
  margin-bottom: 30px;
  background-color: #fff; }

.list-item__image {
  margin-bottom: 1.5rem; }

/*
Pagination -
Used across all listing pages
*/
.results-controls__pagination {
  background-color: #000;
  padding: 1.25rem; }
  @media (max-width: 768px) {
    .results-controls__pagination {
      display: block !important; } }

.results-controls__pagination ul {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0;
  margin-bottom: 0; }

.results-controls__pagination ul li {
  /* Pager item with and without link */
  /* First pager item */
  /* Last pager item */
  /* Pagination with link */
  /* Pagination without link */
  /* Selected pager item */ }

.results-controls__pagination ul li a,
.results-controls__pagination ul li span {
  display: block;
  margin-left: -1px;
  line-height: 1.25;
  background-color: #fff;
  border: 2px solid #fff;
  padding: 0.5rem 0.75rem;
  text-decoration: none; }
  @media (max-width: 580px) {
    .results-controls__pagination ul li a,
    .results-controls__pagination ul li span {
      padding: 0.5rem 0.63rem; } }

.results-controls__pagination ul li:first-child a,
.results-controls__pagination ul li:first-child span {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.results-controls__pagination ul li:last-child a,
.results-controls__pagination ul li:last-child span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.results-controls__pagination ul li a {
  color: #000; }

.results-controls__pagination ul li span {
  color: #ccc; }

.results-controls__pagination ul li.COGPagerItemSelected span {
  background-color: #000;
  color: #fff; }

@media (max-width: 768px) {
  .results-controls__sort {
    margin-top: 1rem; } }

.COGPager li {
  display: none;
  width: 20%;
  text-align: center; }
  @media (min-width: 576px) {
    .COGPager li {
      display: inline;
      width: auto; } }
  .COGPager li.COGPagerFirst, .COGPager li.COGPagerPrevious, .COGPager li.COGPagerItemSelected, .COGPager li.COGPagerNext, .COGPager li.COGPagerLast {
    display: inline; }
    @media (min-width: 576px) {
      .COGPager li.COGPagerFirst, .COGPager li.COGPagerPrevious, .COGPager li.COGPagerItemSelected, .COGPager li.COGPagerNext, .COGPager li.COGPagerLast {
        display: inline; } }

/*
Controls Top -
Used across all listing pages
*/
.results-controls_top {
  border: 1px solid #ebebeb;
  padding: 15px;
  display: flex; }

.used-list-vehicle__image a {
  display: block; }

.dealership__cards {
  border: none;
  transition: 0.3s ease all; }
  .dealership__cards:hover {
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; }
  .dealership__cards img {
    height: 75px !important; }
  .dealership__cards .dealership__header {
    align-items: center; }
    .dealership__cards .dealership__header .dealership__location-heading {
      font-size: 1.125rem;
      margin-left: 0.5rem;
      margin-bottom: 0;
      margin-right: .5rem; }
    .dealership__cards .dealership__header a {
      overflow: hidden; }
  .dealership__cards hr {
    margin: 0.75rem 0; }
  .dealership__cards .dealership__information {
    padding: 1.25rem; }
    .dealership__cards .dealership__information table {
      width: 100%; }

.dealership__cards .gtm-track--tel, .gtm-track--tel {
  color: #FF0000!important;
}

.careers__cards {
  border: none;
  transition: 0.3s ease all; 
}
  .careers__cards:hover {
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; }
  .careers__cards img {
    height: 75px !important; }
  .careers__cards .careers__location-heading {
    font-size: 24px;
    width: 100%;
    margin-bottom: 1.5rem; }
  .careers__cards .careers__description {
    margin-bottom: 1.5rem;
  }
  .careers__cards .careers__location {
    margin-bottom: 1.5rem;
  }
  .careers__cards .careers__location .icon {
    color: #A01D22;
    margin-right:0.25rem;
  }
  .careers__cards hr {
    margin: 1.25rem 0; }
  .careers__cards .careers__information {
    padding: 2.5rem; }
    .careers__cards .careers__information table {
      width: 100%; }

  .careers__cards .careers-highlight {
    list-style-type: none;
    padding-left:0
  }

.page_careers-details .main {
  position:relative;
}

.page_careers-details .careers-sticky-heading {
  position:sticky;top:0;z-index:1000;
}

  .careers-highlight li:before {
    font-family: "mbblueskyicons";
    content: "";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    height: .4em;
    width: .4em;
    margin-right: 10px;
    vertical-align: middle;
    font-size: .875rem;
    color: #29678c;
    text-rendering: optimizeLegibility;
  }


  .careerdetails__benefits picture {
    max-width: 80px;
    border-radius:50px;
  }

  .careerdetails__benefits .banner__image {
    width:100%;
    aspect-ratio: 1/1;
    object-fit:cover;
  }

  
.careerdetails__benefits p:empty{margin:0;}
      
.btn.btn-secondary.apply-now {
  border: 2px solid #fff;
  font-size:1.2rem;
  font-weight: 800;
}

@media (max-width:1199px) {
  .btn.btn-secondary.apply-now {
    padding-block:8px;
  }
}

.new-car-list a {
  text-decoration: none; }

.coming-soon {
  position: absolute;
  top: -15px;
  right: 0px;
  background-color: #000000;
  color: #fff;
  width: 60px;
  text-align: center;
  border-radius: 100px;
  height: 60px;
  padding: 16px 0;
  font-size: 10px;
  text-transform: uppercase;
  z-index: 2; }

#representative-example table {
  width: 100%; }
  #representative-example table th, #representative-example table td {
    padding: 5px 7.5px;
    border: 1px solid #000000; }
  #representative-example table th {
    background: #000000;
    color: #fff; }

/*
// ## Advanced Search
// --------------------------------------------------
*/
/* Advanced search fieldset */
.advanced-search {
  border: 1px solid #ebebeb;
  padding: 20px;
  margin-bottom: 30px; }

/* Registration finder fieldset */
.reg-finder {
  border: 1px solid #ebebeb;
  padding: 20px;
  margin-bottom: 30px; }

/* Search slider */
.search-slider {
  width: 100%;
  margin-bottom: 1.5rem; }

/*
// ## Used Car Results
// --------------------------------------------------
*/
/* used list vehicle container */
.used-list-vehicle {
  border: 1px solid #ebebeb;
  padding: 30px;
  margin-bottom: 30px; }

.used-list > div {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

.used-car-list {
  margin-bottom: 2rem; }
  .used-car-list .image-count {
    position: absolute;
    bottom: 10px;
    z-index: 19;
    right: 10px;
    color: #fff;
    font-size: 12px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px 10px; }
  .used-car-list .live-view-count {
    position: absolute;
    bottom: 13px;
    z-index: 19;
    left: 10px; }
    .used-car-list .live-view-count .VehicleViewCountWrapper {
      color: #fff;
      font-size: 12px;
      margin-bottom: 0;
      background-color: rgba(0, 0, 0, 0.7);
      padding: 5px 10px; }
      .used-car-list .live-view-count .VehicleViewCountWrapper .VehicleViewCountNumber {
        font-weight: 600; }
  .used-car-list .used-car-list_content {
    padding: 0.75rem; }
  .used-car-list .used-car-list_title {
    font-size: 24px; }
  .used-car-list .used-car-list_version {
    color: #55595C;
    font-size: 1rem;
    margin-bottom: 0; }

    .used-car-list__location {
      padding: 1em 5em;
    }
  .used-car-list .used-car-list_price {
    color: #A01D22;
    font-size: 1.25rem;
    margin: 0.5rem 0; }
  .used-car-list .used-car-list__location li {
    background-color: #241E20;
    border: solid 1px #fff;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .used-car-list .used-car-list__location li .icon {
      color: #fff;
      top: 50%;
      left: 50%;
      position: absolute;
      transform: translate(-50%, -50%); }
  .used-car-list .used-car-list__location p {
    color: #55595C !important; }
  .used-car-list .used-car-list__location a {
    color: #000 !important;
    position: relative; }
    .used-car-list .used-car-list__location a:visited {
      color: #000 !important; }
  .used-car-list .data-highlights {
    flex-direction: row-reverse;
    display: flex; }
    .used-car-list .data-highlights .data-highlights_numerical {
      width: 75%;
      display: flex;
      flex-direction: column;
      align-self: center; }
      .used-car-list .data-highlights .data-highlights_numerical h4 {
        font-size: 15px;
        text-align: left;
        font-weight: 300;
        width: 100%; }
      .used-car-list .data-highlights .data-highlights_numerical p {
        font-size: 14px;
        text-align: left;
        font-weight: 300;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 75ch; }
    .used-car-list .data-highlights .data-highlights_icon {
      width: 55%;
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: center; }
  .used-car-list .btn {
    min-width: 100%;
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.refine-search {
  border: solid 1px #F1F1F3;
  border-radius: 0;
  padding: 20px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  position: sticky;
  top: 20px; }
  @media (max-width: 1200px) {
    .refine-search {
      position: fixed;
      top: 0;
      right: auto;
      bottom: 0;
      left: -320px;
      border-radius: 0;
      max-width: 320px;
      height: 100%;
      transition: left 500ms ease-in-out;
      z-index: 999; } }
  .refine-search select.form-control:not([size]):not([multiple]) {
    height: 50px; }
  .refine-search .icon-times {
    position: absolute;
    right: 20px;
    top: 20px; }
    .refine-search .icon-times:before {
      font-size: 20px; }
  .refine-search .nav-tabs {
    border: none; }
  .refine-search .nav-link {
    background-color: transparent;
    color: #000;
    border: none;
    text-decoration: none; }
    .refine-search .nav-link::before {
      content: "\f111";
      font-family: 'mbblueskyicons' !important;
      margin-right: 0.5rem; }
    .refine-search .nav-link.active {
      background-color: transparent;
      color: #000; }
      .refine-search .nav-link.active::before {
        content: "\f2f8";
        font-family: 'mbblueskyicons' !important;
        margin-right: 0.5rem; }

.refine-search-cta {
  position: fixed;
  bottom: 30px;
  z-index: 106; }
  @media (max-width: 992px) {
    .refine-search-cta {
      margin-top: 40px; } }
  @media (min-width: 1200px) {
    .refine-search-cta {
      display: none; } }
  .refine-search-cta .refine-search-cta__button {
    width: 50px !important;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    z-index: 599;
    min-width: 50px;
    border-radius: 0;
    bottom: 15px;
    left: 15px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-self: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.8); }
    @media (min-width: 1200px) {
      .refine-search-cta .refine-search-cta__button {
        display: none; } }
    .refine-search-cta .refine-search-cta__button .icon {
      font-size: 20px;
      position: relative; }

/* Sticky Refine search */
.refine-search-outer {
  z-index: 875;
  position: sticky;
  top: 20px;
  margin-bottom: 30px; }
  @media (max-width: 1200px) {
    .refine-search-outer {
      margin-bottom: 0; } }

/* Show refine search if class is active */
.refine-search--active .refine-search {
  left: 0;
  right: 0;
  background-color: #fff; }

.refine-search-overlay {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 400ms ease-in-out;
  z-index: 999; }

@media (min-width: 1200px) {
  .refine-search-overlay {
    display: none; } }

.refine-search--active {
  position: relative;
  left: 320px; }

@media (min-width: 1200px) {
  .refine-search--active {
    left: 0;
    overflow: initial; }
  .refine-search--active .refine-search-overlay {
    opacity: .7;
    visibility: visible; }
  .refine-search__close {
    position: absolute;
    top: 20px;
    right: 20px; }
    .refine-search__close .icon-times {
      font-size: 28px; } }

.help-box {
  position: sticky;
  top: 20px;
  margin-bottom: 30px;
  border: none; }
  .help-box .card-body {
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; }

.page_advanced-search .noUi-connect {
  background-color: #A01D22 !important; }

/*
// ## Used Car Details pages
// --------------------------------------------------
*/
/* Used Car Details */
.page_used-car-details #map-canvas {
  height: 100%;
  min-height: 250px; }

.page_used-car-details .gallery-container {
  position: relative;
  /*.slick-list {
			max-height: 590px;
			min-height: 300px;
			@include small__vp {
				max-height: 690px;
				min-height: 400px;
			}

			.slick-slide {

				max-height: 590px;
				min-height: 300px;
				@include small__vp {
					max-height: 690px;
					min-height: 400px;
				}

			}
		}*/ }
  .page_used-car-details .gallery-container .gallery_controls {
    position: relative;
    border: 1px solid #fff;
    display: block;
    width: 100%;
    padding: 10px 15px; }
  .page_used-car-details .gallery-container .gallery-open {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #fff !important;
    position: relative;
    cursor: pointer;
    z-index: 1;
    margin-left: auto;
    border: solid 1px #fff;
    background-color: #241E2080;
    width: 35px;
    height: 35px; }
    .page_used-car-details .gallery-container .gallery-open::before {
      font-family: 'mbblueskyicons';
      content: "\eb49";
      font-size: 14px;
      line-height: 1;
      opacity: .75;
      color: #fff;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .page_used-car-details .gallery-container .slick-prev {
    left: 15px;
    bottom: -63px; }
  .page_used-car-details .gallery-container .slick-next {
    left: 55px;
    bottom: -63px; }

.page_used-car-details .gallery-container {
  /*.lazyload_fade .lazyloaded,
		.lazyload_fade noscript img {
			max-height: 590px;
			min-height: 300px;
			@include small__vp {
				max-height: 690px;
				min-height: 400px;
			}
		}*/ }
  .page_used-car-details .gallery-container .lazyload_fade noscript img {
    min-height: 300px; }

.page_used-car-details .slick-prev,
.page_used-car-details .slick-next {
  top: auto;
  bottom: 0; }

.electric-sash {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  z-index: 1000;
}

.page_used-car-details .gallery-container .electric-sash {
  padding: 0.5rem;
  bottom: 70px;
  left: 0;
  top: initial;
  right: initial;
}

.page_used-car-details .ucd__section-heading {
  font-size: 27px; }
  @media (max-width: 1200px) {
    .page_used-car-details .ucd__section-heading {
      font-size: 24px; } }

.page_used-car-details .hero-side {
  padding: 2rem; }
  @media (max-width: 1200px) {
    .page_used-car-details .hero-side {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem; } }
  .page_used-car-details .hero-side .ucd__heading-title {
    font-size: 36px;
    margin-bottom: 1.25rem; }
    @media (max-width: 1200px) {
      .page_used-car-details .hero-side .ucd__heading-title {
        font-size: 24px;
        margin-bottom: 1rem; } }
  .page_used-car-details .hero-side .ucd__heading-sub {
    font-size: 24px;
    margin-bottom: .5rem;}
    @media (max-width: 1200px) {
      .page_used-car-details .hero-side .ucd__heading-sub {
        font-size: 1.125rem;
        margin-bottom: 1rem;
       } }
  .page_used-car-details .hero-side .ucd__pricing-box {
    background-color: #fff;
    border: 1px solid #E5E6E6;
    text-align: center;
    padding: 1rem; }
    .page_used-car-details .hero-side .ucd__pricing-box p {
      color: #000;
      font-size: 1rem;
      margin-bottom: 0; }
    .page_used-car-details .hero-side .ucd__pricing-box .price-figure {
      font-size: 27px;
      font-weight: bold;
      color: #241E20;
      margin-bottom: 1rem; }
      .page_used-car-details .hero-side .ucd__pricing-box .price-figure.red {
        color: #A01D22; }
        .ucd__heading-sub .price-figure span {
          color:  #00a44f;
      }
       
    .page_used-car-details .hero-side .ucd__pricing-box .ucd__pricing-box-ctas {
      background-color: #241E20;
      padding: 0.5rem;
      text-align: center;
      text-transform: capitalize;
      color: #fff;
      width: 100%;
      text-decoration: none;
      font-weight: bold;
      text-transform: uppercase;
      display: block; }
  .page_used-car-details  .used-car-list__location li {
    background-color: #241E20;
    border: solid 1px #fff;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.25rem; }
    .page_used-car-details  .used-car-list__location li i {
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .page_used-car-details  .used-car-list__location p {
    color: #000; }
  .page_used-car-details  .used-car-list__location a {
    position: relative;
    color: #000;
    text-decoration: none;
   }
    /* .page_used-car-details  .used-car-list__location a:visited {
      color: #fff !important; } */
  @media (max-width: 1200px) {
    .page_used-car-details .hero-side .hero-side__ctas .btn:first-child {
      margin-bottom: 1.25rem; } }
  .page_used-car-details .hero-side .hero-side__ctas .btn-third {
    background-color: #00a44f;
    -webkit-animation: flash 2s infinite;
            animation: flash 2s infinite; }
    .page_used-car-details .hero-side .hero-side__ctas .btn-third:hover {
      box-shadow: inset 29em 0 0 0 #00843f; }

@-webkit-keyframes flash {
  0% {
    background-color: #00a44f; }
  50% {
    background-color: #017438; }
  100% {
    background-color: #00a44f; } }

@keyframes flash {
  0% {
    background-color: #00a44f; }
  50% {
    background-color: #017438; }
  100% {
    background-color: #00a44f; } }

.page_used-car-details .ucd-list_location p {
  color: #fff; }
  .page_used-car-details .ucd-list_location p a {
    color: #fff; }

.page_used-car-details .used-car-list {
  position: relative;
  background-color: #fff; }
  .page_used-car-details .used-car-list .ctas-bot {
    position: absolute;
    right: 0;
    bottom: 0; }

.page_used-car-details .ucd__specification .enhanced .icon {
  font-size: 2rem; }

.page_used-car-details .stuck {
  display: block !important;
  position: fixed;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }

.page_used-car-details .remove-from-garage {
  position: absolute;
  background: url(/img/icons/shortlist-remove.png) left center no-repeat;
  background-position-x: left;
  background-position-y: center;
  background-position: 50% 50%;
  right: 14px;
  top: 14px;
  width: 20px;
  height: 20px;
  border: none; }

.page_used-car-details .add-to-garage {
  position: absolute;
  background: url(/img/icons/shortlist-add.png) left center no-repeat;
  background-position-x: left;
  background-position-y: center;
  background-position: 50% 50%;
  right: 14px;
  top: 14px;
  width: 20px;
  height: 20px;
  border: none; }


  @media (max-width:992px) {
    .page_used-car-details .container.container_wide .col-12 .btn-black {
      margin-bottom: 1.5rem;
    }
  }


/* .page_used-car-details .readmore__btn {

} */

.page_used-car-details .ucd__sticky-bar {
  border-top: solid 1px #f2f2f2;
  border-bottom: solid 1px #f2f2f2;
  background-color: #fff;
  top: 0;
  z-index: 2;
  padding: 0.5rem 15px;
  display: none; }
  .page_used-car-details .ucd__sticky-bar h2, .page_used-car-details .ucd__sticky-bar p {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.2px; }
  .page_used-car-details .ucd__sticky-bar img {
    align-self: baseline; }
  .page_used-car-details .ucd__sticky-bar .remove-from-garage {
    position: absolute;
    background: url(/img/icons/shortlist-remove.png) left center no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-position: 50% 50%;
    right: 14px;
    top: 14px;
    width: 20px;
    height: 20px;
    border: none; }
  .page_used-car-details .ucd__sticky-bar .add-to-garage {
    position: absolute;
    background: url(/img/icons/shortlist-add.png) left center no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-position: 50% 50%;
    right: 14px;
    top: 14px;
    width: 20px;
    height: 20px;
    border: none; }
  .page_used-car-details .ucd__sticky-bar .border-right {
    border-right: 1px solid #dee2e6 !important;
    position: absolute;
    width: 2px;
    top: -7px;
    bottom: -7px; }
  .page_used-car-details .ucd__sticky-bar h2 {
    color: #A01D22; }
  .page_used-car-details .ucd__sticky-bar ul {
    list-style: none;
    display: flex; }
    .page_used-car-details .ucd__sticky-bar ul li a {
      font-size: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      text-decoration: none; }
  .page_used-car-details .ucd__sticky-bar .btn {
    height: 50px;
    padding: 0.75rem; }
  @media (max-width: 1650px) {
    .page_used-car-details .ucd__sticky-bar .ucd__sticky-bar--hide {
      display: none !important; } }
  @media (max-width: 1650px) {
    .page_used-car-details .ucd__sticky-bar .ucd__sticky-bar--show {
      display: flex !important; } }

.page_used-car-details .sticky {
  position: sticky;
  top: 0;
  z-index: 2;
  display: block; }

@media (max-width: 768px) {
  .page_used-car-details .spec-img img {
    margin-top: 1.25rem; } }

@media (max-width: 768px) {
  .page_used-car-details .spec-img p {
    margin-bottom: 1.25rem !important; } }



@media (max-width: 768px) {
  .page_used-car-details #resetButton4 {
    background-position-x: calc(50% - 80px);
  }
}




/* Tags */
.tag-wrapper {
  list-style: none;
  margin: 0.75rem 0;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 9999;
}
  .tag-wrapper .tag {
    padding: 0.5rem;
    background-color: #F1F1F3;
    border-radius: 0rem;
    font-size: 0.75rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1rem;
    z-index: 5;
    border-left: solid 3px #000;
    color: #000000; }

.tag-wrapper-always {
  list-style: none;
  margin: 0.75rem 0;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 999;
}

/* Alert Secondary */
.alert-warning {
  color: #fff;
  background-color: #000;
  border-color: #000;
  border-radius: 0;
  margin-bottom: 0; }
  .alert-warning a {
    font-weight: bold;
    color: #fff; }

/* Read More Specification */
.vehicle-spec-list {
  padding-left: 0;
  list-style: none;
  margin: 0 0 3rem 0;
  position: relative;
  max-width:100%;
}




/* this block added for this job https://vamos.cogplatform.co.uk/Job.aspx?ID=199742 */
/* start */
.vehicle-spec-list.ishidden:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  z-index: 2;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), #F2F2F2);
}
/* end */



  .vehicle-spec-list .vehicle-spec-list__item {
    margin-bottom: 0.5rem;
    display: flex;
    align-content: center;
    align-items: center; }
    .vehicle-spec-list .vehicle-spec-list__item:before {
      content: " ";
      background-image: url(/img/icons/vehicles__spec-list.svg);
      margin-right: 0.5rem;
      display: inline-block;
      height: 16px;
      width: 16px;
      flex: 0 0 16px;  
    }

.more-info {
  position: relative;
  width: 100%; }
  @media (max-width: 992px) {
    .more-info .readmore__btn {
      bottom: 0;
      left: 15px;
      right: auto; } }

.cost-circle {
  border: 5px solid rgb(0, 0, 0);
  border-radius: 100px; }
  .cost-circle i {
    width: 60px;
    height: 60px;
    display: block;
    padding: 15px;
    text-align: center;
    font-size: 26px;
    line-height: 30px; }

.calculator-note, .calculator-terms {
  color: #000000; }

.tooltips {
  position: absolute;
  opacity: 1;
  background: #000;
  display: inline-grid;
  width: 18px;
  height: 18px;
  text-align: center;
  text-decoration: none;
  border-radius: 100px; }
  .tooltips i {
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.video_tour {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 9999;
  background-color: #C93131;
  border: 1px solid transparent;
  border-radius: 100px;
  transition: all 0.5s ease-out; }
  .video_tour a {
    text-decoration: none;
    padding: 5px 20px 5px 5px;
    display: block; }
  .video_tour i {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background: #fff;
    color: #C93131;
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #fff; }
  .video_tour span {
    color: #fff;
    position: relative;
    top: -2px;
    left: 5px;
    font-weight: 700; }
  .video_tour:hover {
    border: 1px solid #fff; }

.benefits-online {
  background-color: #00a44f;
  padding: 1rem 0; }
  @media (max-width: 992px) {
    .benefits-online .justify-content-center {
      justify-content: left !important; } }
  .benefits-online h5 {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase; }
    @media (max-width: 992px) {
      .benefits-online h5 {
        font-size: 12px;
        margin-bottom: 0.5rem; } }

.benefits-section .card {
  margin-bottom: 0; }
  @media (max-width: 992px) {
    .benefits-section .card {
      margin-bottom: 1.25rem; } }

#miles_fi {
  height: 65px; }

.page_shortlist .icon-trash2 {
  border: solid 1px #E5E6E6;
  padding: 0.5rem;
  position: absolute;
  top: 0;
  right: 15px;
  background-color: white;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; }

.garage-txt {
  -webkit-appearance: none;
  border: none;
  background: transparent;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none; }

/*
// ## New Car Details pages
// --------------------------------------------------
*/
.page_new-vehicle-details {
  /*.new-cars__versions {
		.versions__heading-selected {
			font-style: italic;

			@media(max-width: 768px) {
				margin-left: 0 !important;
			}
		}

		.versions__heading {
			font-size: 28px;
			margin-bottom: 0;

			@media(max-width: 1200px) {
				font-size: 24px;
			}
		}

		.version-select {
			.btn {
				height: 50px;
				padding: inherit;
			}

			select.form-control:not([size]):not([multiple]) {
				height: 50px;
			}

			.form-group {
				margin-bottom: 0;

				@media(max-width: 768px) {
					margin-bottom: 0.5rem;
				}
			}

			.reset-input-padding {
				@media(max-width:768px) {
					padding: 0 15px !important;
				}
			}
		}
	}*/ }
  .page_new-vehicle-details .gallery .slick-next {
    left: 55px; }
  .page_new-vehicle-details .gallery .slick-prev {
    left: 15px; }
  .page_new-vehicle-details .gallery .slick-prev,
  .page_new-vehicle-details .gallery .slick-next {
    top: auto;
    bottom: 15px; }
  .page_new-vehicle-details .new-cars__heading {
    font-size: 36px; }
    @media (max-width: 1200px) {
      .page_new-vehicle-details .new-cars__heading {
        font-size: 27px; } }
  @media (max-width: 1200px) {
    .page_new-vehicle-details .new-cars__dynamic .gallery__item {
      margin-bottom: 1.25rem; } }
  @media (max-width: 1200px) {
    .page_new-vehicle-details .new-cars__dynamic .image-with-accreditation-wrapper {
      margin-top: 1.25rem; } }
  .page_new-vehicle-details .new-cars__sub-heading {
    font-size: 1.125rem; }
  .page_new-vehicle-details .spotlights {
    border-top: solid 1px #fff; }
  .page_new-vehicle-details .video-wrapper {
    height: 450px;
    margin-bottom: 0; }
    @media (max-width: 1200px) {
      .page_new-vehicle-details .video-wrapper {
        height: 350px; } }
  .page_new-vehicle-details .new-cars__sticky-bar {
    border-top: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    background-color: #fff;
    top: 0;
    z-index: 2;
    padding: 0.5rem 15px;
    display: none; }
    .page_new-vehicle-details .new-cars__sticky-bar img {
      height: 50px;
      max-width: initial; }
    .page_new-vehicle-details .new-cars__sticky-bar h2 {
      color: #A01D22 !important; }
    .page_new-vehicle-details .new-cars__sticky-bar ul {
      list-style: none;
      display: flex; }
      .page_new-vehicle-details .new-cars__sticky-bar ul li a {
        font-size: 1rem;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none; }
    .page_new-vehicle-details .new-cars__sticky-bar .btn {
      height: 50px;
      padding: 0.75rem; }
    @media (max-width: 1650px) {
      .page_new-vehicle-details .new-cars__sticky-bar .new-cars__sticky-bar--hide {
        display: none !important; } }
    @media (max-width: 1200px) {
      .page_new-vehicle-details .new-cars__sticky-bar .new-cars__sticky-bar--hide {
        display: flex !important; } }
    @media (max-width: 1650px) {
      .page_new-vehicle-details .new-cars__sticky-bar .new-cars__sticky-bar--show {
        display: flex !important; } }
    @media (max-width: 1200px) {
      .page_new-vehicle-details .new-cars__sticky-bar .new-cars__sticky-bar--show {
        display: none !important; } }
  .page_new-vehicle-details .sticky {
    position: sticky;
    top: 0;
    z-index: 2;
    display: block; }
  .page_new-vehicle-details .stuck {
    display: block !important;
    position: fixed;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
  .page_new-vehicle-details .data-highlights_numerical {
    /*width: 40%;
		min-width: 95px;*/ }
    .page_new-vehicle-details .data-highlights_numerical h4 {
      /*min-width: 66px;*/ }
  @media (max-width: 768px) {
    .page_new-vehicle-details .more-info {
      margin-top: 1.25rem; } }

  @media (max-width: 768px) {
    .page_new-vehicle-details .video-banner h1 {font-size: 1.5rem;}
  }

.offers-slider .offer__title a {
  color: #000000 !important; }

.new-cars__versions .container {
  position: relative; }

.new-cars__versions .slick-prev, .new-cars__versions .slick-next {
  top: 0;
  left: auto;
  transform: none;
  right: 0 !important;
  position: relative;
  float: left;
  opacity: 1; }
  .new-cars__versions .slick-prev.slick-disabled, .new-cars__versions .slick-next.slick-disabled {
    opacity: .4; }

.new-cars__versions .slick-prev {
  margin-right: 5px; }

.new-cars__versions .custom-nav {
  position: relative;
  margin: 15px 0 0 0; }
  @media (min-width: 768px) {
    .new-cars__versions .custom-nav {
      position: absolute;
      right: 0;
      margin: 0; } }

.new-cars__versions .cap-version {
  margin: 0px 15px;
  text-align: center; }
  .new-cars__versions .cap-version .cap-version__heading {
    font-size: 18px;
    color: #505050; }
  .new-cars__versions .cap-version p {
    color: #505050; }
  .new-cars__versions .cap-version h4 {
    color: #000000;
    font-weight: 700; }
    .new-cars__versions .cap-version h4 small {
      color: #000000;
      font-weight: 700; }
  .new-cars__versions .cap-version .btn {
    padding: .25rem;
    font-size: 14px; }

.gallery_new-car .btn-third {
  max-width: 250px;
  min-width: 250px; }

.new-car-landing__heading {
  font-size: 27px;
  margin-bottom: 0; }
  @media (max-width: 768px) {
    .new-car-landing__heading {
      font-size: 24px; } }

.new-car-list .tag-wrapper {
  position: relative !important;
  top: 0 !important;
  left: 0 !important; }
  .new-car-list .tag-wrapper .tag {
    border-color: #70AF1A;
    background-color: #fff;
    font-size: 14px; }
    .new-car-list .tag-wrapper .tag .icon {
      color: #70AF1A;
      font-size: 14px; }

.new-car-list img {
  max-width: 102% !important;
}

/*
// ## Offers pages
// --------------------------------------------------
*/
.finance-offer .deposit-txt {
  background-color: #241E20 !important;
  color: #fff;
  font-weight: bold;
  width: 50%;
  margin: 0 auto; }

.finance-offer .card-title {
  margin-bottom: 2rem;
  font-size: 24px; }

.finance-offer .offer__price {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #000 !important; }
  .finance-offer .offer__price .highlight {
    color: #A01D22 !important;
    font-size: 28px; }

.finance-offer .offer__synopsis {
  font-size: 1rem;
  color: #55595C !important;
  width: 72%;
  margin: 0 auto;
  margin-bottom: 2rem; }

@media (max-width: 768px) {
  .finance-offer .btn {
    width: 100%; } }

.page_news-detail .umb-grid .row {
  margin-bottom: 0; }

/* #compare {
    display: none;
}

#compare.show {
    display: inline-block;
} */

.side__bar {
  position: fixed;
  bottom: 6rem;
  right: 2rem;
  z-index: 99999;
}

@media (max-width:500px) {
  .side__bar {
    bottom: 4.5rem;
    right: 1rem;
  }
}

.side__bar--list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: table;
}

.side__bar--list-item {
  margin-bottom: 0;
  margin-right: .5rem;
  display: inline-block;
}

.side__bar--list-item:last-of-type {
  margin-right: 0;
}

.side__bar--list-item .btn {
  line-height: 3.3rem;
  font-size: 1.4rem;
  box-shadow: 1px 3px 5px rgba(0,0,0,.5);
  -moz-box-shadow: 1px 3px 5px rgba(0,0,0,.5);
  -webkit-box-shadow: 1px 3px 5px rgba(0,0,0,.5);
}

.side__bar .btn--circle {
  background-color: #A01D22;
  color: #fff;
  border-radius: 50%;
  background-image: none;
  padding: 0.5rem!important;
  width: 4rem;
  height: 4rem;
  text-align: center;
  line-height: 3.25rem !important;
  font-size: 1.5rem !important;
}

.img-hover {
  position: relative;
  overflow: hidden;
}

.img-hover img {
  transition: 500ms all;
}

.img-hover :hover > img {
  transform: scale(1.05);
}

.trustpilot-widget {
  margin-bottom: 10px;
}

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

@media only screen and (max-width: 600px){
  header .trustpilot-widget {
    margin-right: -50px;
    margin-left: 50px;
    display: none;
  }
  }
@media only screen and (min-width: 600px){
header .trustpilot-widget {
  margin-top: 10px;
}
}

@media only screen and (min-width: 1390px){
  header .trustpilot-widget {
    width: 850px;
    margin-right: -50px;
  }
  }



  
  @media only screen and (max-width: 768px) {
    .hide-banner-video-on-mobile {
      display: none;
    }

    .show-banner-video-img-on-mobile {
      display: block;
    }
  }

  @media only screen and (min-width: 768px) {
    .hide-banner-video-on-mobile {
      display: block;
    }

    .show-banner-video-img-on-mobile {
      display: none!important;
    }
  }


  table {
    width: 100%;
  }
  
  table th,
  table td {
    padding: 10px;
    line-height: 1rem;
    /*border-bottom: 1px solid #f7f7f7;*/
  }

  .page_used-car-details #purchaseType input {
    display: none;
}

.page_used-car-details #purchaseType label {
  padding: 15px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  width: 100%;
  cursor: pointer;
  border-bottom: 1px solid #dee2e6;
}

.page_used-car-details #purchaseType tr td:first-child label {
border-right: 1px solid #dee2e6 !important;
}

.page_used-car-details #purchaseType [type="radio"]:checked+label {
border-bottom: 1px solid #4caf50;
}

.page_used-car-details #purchaseType td, #purchaseType tr {
padding: 0 !important;
-webkit-box-flex: 0;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
width: 15%;
}

#valuationsPanel #startValuationButton {
background: url(/img/bg/plus-bg.png) #fff0 no-repeat left center;
  text-indent: 15px;
  color: white;
  border: none;
  cursor: pointer;
  font-weight:bold;
  font-size:1.2rem;
}

#resetButton4 {
background: none;
border: none medium;
cursor: pointer;
color: white;
}

#vehicleDetails h4 {
color: white;
}


  #outstanding-finance [type="radio"]+label {
    background: #ebebeb;
    padding: 0 15px;
    cursor: pointer;
    z-index: 555;
    position: relative;
    color: black;
  }
  
  
  .autotransact_body #outstanding-finance input {
    position: absolute;
    z-index: 0;
    top: 5px;
    right: 85px;
  }
  
  #updQuoteSummary1 p span {
    font-size: 2.25rem;
  }
  
  .ui-slider {
    position: relative;
    text-align: left;
    margin-top: 10px;
    border: 1px solid #ebebeb;
    height: 10px;
    background: #ebebeb;
    box-shadow: 0;
    border-radius: 0;
  }
  
  .ui-slider-horizontal.ui-slider-pips {
    margin-bottom: .5em;
  }
  
  .ui-slider .ui-slider-range {
    background-position: 0 0;
    border: 0 none;
    display: block;
    font-size: .7em;
    position: absolute;
    z-index: 1;
    background-color: #0c9e15;
    height: 100%;
  }
  
  .ui-slider .ui-slider-handle {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    margin-left: -10px;
    top: -12px;
    background: url(/img/bg/arrows-bg.png) #fff no-repeat center center;
    border: 1px solid hsl(0deg 3% 92%);
  }


  
  .ui-slider-horizontal.ui-slider-pips {
    margin-bottom: 1.4em;
  }
  
  .ui-slider-label {
    display: none;
  }


  .page_used-car-details  .ucd__pricing-box {

    border: 1px solid rgb(229, 230, 230);
    text-align: center;
    padding: 1rem;
}

.page_used-car-details  .ucd__pricing-box .ucd__pricing-box-ctas {
  background-color: #a01d22;
  padding: 0.5rem;
  text-align: center;
  text-transform: capitalize;
  color: #fff;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}

.hero-side__wrapper {
  max-width: 878px;
  margin: auto;
}

.ucd__heading-sub .price-figure {
  font-size: 2rem;
  margin-bottom: 0.8em;
}


/* .page_used-car-details .hero-side .finance-calculator, .ucd__pricing-box {
  background: #f5f5f5;
} */

.finance-calculator {
  border-radius: 6px;
}

.page_used-car-details .bg-secondary, .finance-calculator #startValuationButton  {
  color: #191919!important;
}

.page_used-car-details .ui-slider {
  background: #ECEBEB;
}




.page_used-car-details .values {
  text-align: center;
  background: #ecebeb;
  font-weight: bold;
  font-size: 1.25rem;
  color: black;
  padding: 5px;
}

.page_used-car-details #purchaseType [type="radio"]+label {
  transition: all .4s ease-in-out;
}

.page_used-car-details #purchaseType [type="radio"]:checked+label {
  background: #4caf50;
  color: white;
}

#updQuoteSummary1 strong {
  color: black;
}

#ucd-dealer-info {
  color: black;
  text-align: right;
  font-size: 1.5rem;
  font-weight: bold;
}

.page_used-car-details .gallery-container {
  border-radius: 6px;
  border: 1px solid #dee2e6;
}


#ucd-person-viewing {
  background: #a01d22;
  color: white;
  padding: 0.5em;
  font-size:1.25rem;
  width: 100%;
  text-align: center;
}

.calculator-figure-container {
  color: #4caf50;
  font-size: 3.5rem;
}

.calculator-figure-container small {
  color: black;
}


.runningcost-left {
  border: 1px solid #dee2e6;
  padding: 2em;
  border-radius: 6px;
 
}


.runningcost-right {
  border: 1px solid #dee2e6;
  padding: 2em;
  height: 100%;
  display: flex;
  border-radius: 6px;

  margin-left: 1.4rem;
}

@media only screen and (max-width: 600px){
  .used-car-list__location {
    padding: 1em;
  }
  .runningcost-right {
    margin-left: 0;
  }
}

.ucd_costs {
  color: #4CAF50;
}

.green {
  color: #4CAF50;
}

.page_used-car-details .gallery {
  max-height: 573px;
}


.finance-calculator .block-label {
  padding-left: 0;
}

#resetButton4 {
  background: url(/img/bg/plus-bg.png) #fff0 no-repeat center center;
  text-indent: 15px;
  background-position-x: 38%;
  color: rgb(0, 0, 0);
  border: none;
  cursor: pointer;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
}

.page_used-car-details #purchaseType tr td:only-child label {
  background: #4CAF50;
  color: white;
}

.page_used-car-details .btn.btn-third.green {
  background: #4CAF50!important;
  color: white;
}

.page_used-car-details .btn.btn-third.green:hover {
  box-shadow: inset 29em 0 0 0 #388f3b!important;
  background: #4CAF50!important;
}

@media (min-width: 1200px){
  #franchise-new-cars-nav.hyundai-nav{
  flex-flow: column wrap; max-height: 300px;
}
#franchise-new-cars-nav.mg-nav{
  flex-flow: column wrap; max-height: 260px;
}
#franchise-new-cars-nav.skoda-nav{
  flex-flow: column wrap; max-height: 260px;
}
#franchise-new-cars-nav.suzuki-nav{
  flex-flow: column wrap; max-height: 260px;
}
#franchise-new-cars-nav a {
  color: #002C5F;
}
#franchise-nav-main-links a {
  font-weight: bold;
  color: #002C5F;
}
}

.home-banner .slick-prev,
.home-banner .slick-next {
  right: 55px;
  left: auto; }

.home-banner.slick-prev {
  right: 55px; }

.home-banner .slick-next {
  right: 15px; }

.home-banner .slick-slide {
  margin-bottom: 0 !important; }

@media (min-width: 1200px){
  #franchise-nav-main-links a {
    font-weight: bold;
  }
  #franchise-nav-main-links.suzuki-main a, #franchise-new-cars-nav.suzuki-nav a {
  color: #0582CA;
  }

  #franchise-nav-main-links.skoda-main a, #franchise-new-cars-nav.skoda-nav a {
  color: #0E3A2F;
  }

  #franchise-nav-main-links.mg-main a, #franchise-new-cars-nav.mg-nav a {
  color: #ff0000;
  }
}

.carousel .slick-prev {
  left: 0px;
}

.carousel .slick-next {
  right: 0px;
  left: unset;
}

.carousel .slider-item .banner {
  flex-direction: column;
  text-align: center;
}

.carousel .slider-item .banner h6 {
  margin-top: 20px;
}

.carousel .slick-initialized .slick-slide {
  display: flex!important;
  justify-content: center;
  align-items: center;
}

.homepage-offers .slick-prev {
  left: 0px;
}

.homepage-offers .slick-next {
  right: 0px;
  left: unset;
}

/* .used-car-list__location a.no-decoration.gtm-track--btn_location {
  color: #000 !important;
} */

.dealership-address {
  font-size: 1.125rem;
  color: black;
  position: relative;
}

.dealership-address::after {
  content: '';
  position: absolute;
  width: 80px;
  background-color: black;
  height: 4px;
  bottom: 0px;
  left: 0px;
}

.dealership-links {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}

@media (max-width: 488px) {
  .dealership-links > div {
    width: calc(50% - 40px);

  }

}


.dealership-links a {
  text-decoration: none;
}

.dealership-links {
  font-size: 1.125rem;
}

.dealership-help {
  list-style: none;
  font-size: 1.125rem;
 
}

.dealership-help li a {
  color: #002C5F;
}

.dealership-help li a:hover {
  color: #003f88;
}

.dealership-phonenumbers {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  font-size: 1.125rem;
}

.dealership-phonenumbers a {
  text-decoration: none;
  color: #002C5F;
  text-decoration: none;
}

.dealership-phonenumbers a:hover {
  color: #003f88;
}


#opening-times {
  color: #002C5F!important;
  font-weight: bold;
}

.dealership-btn {
  background-color: #002C5F!important;
  color: white!important;
}

.dealership-btn:hover {
  background-color: #003f88!important;
}


.dealership-used-slider .slick-next{
  right: -13px;
    left: unset;
}

.dealership-offers-slider .slick-prev {
  left: 5px; 
}

.dealership-offers-slider .slick-next {
  right: 7px; 
  left: unset;
}

.dealership-details-franchise-logo {
  width: 180px;
}


.page_notbooking .radio-list {
  padding: 0;
  border: none;
  background-color: transparent;
}

.page_notbooking .radio-list tbody {
  width:100%;
}

.page_notbooking .radio-list td {
  width:100%;
  padding: 10px 0;
}

.page_notbooking .radio-list input {
  margin-right: 10px;
}

@media (min-width: 48rem) {
  .page_notbooking .radio-list tr {
    width: 50%;
    float: left;
  }

  .page_notbooking .form-group.d-md-flex label {
    padding-right:10px;
    flex-basis: 25%;
  }

  .page_notbooking .form-group.d-md-flex input, .form-group.d-md-flex textarea {
    flex-basis: 75%;
  }
}


.navbar__phone .nav-item .nav-link {
  font-size: 0.8rem;
}


.motordat-opt-out iframe {height: 1600px; min-height: 745px;}
@media (min-width: 375px) {
  .motordat-opt-out iframe {height: 1545px;}
}
@media (min-width: 414px) {
  .motordat-opt-out iframe {height: 1432px;}
}
@media (min-width: 813px) {
  .motordat-opt-out iframe {height: 835px;}
}
@media (min-width: 920px) {
  .motordat-opt-out iframe {height: 767px;}
}
@media (min-width: 1353px) {
  .motordat-opt-out iframe {height: 745px;}
}

.hide-til-load {visibility: hidden; max-height: 100px;}


/* Temp Hypersearch Styling */
.hypersearch {
  background-color: #000;
}
.hypersearch h3.mb-4 {color: #FFF;}
.hypersearch h2.form-label {color: #FFF;}

/* ucd ctas */
.pe-small_btn {
  padding: 0 5px;
}

/* find us - what3words*/
.dealership_address .what3words-img {
  width: 20px;
  height: 20px !important;
}
.dealership-what3words {
  margin-top: 1rem;
}
.dealership-what3words .what3words-img {
  width: 20px;
  height: 20px !important;
}

.what3words-txt {
  font-size: 0.9rem;
}