/*!
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/).
*/
@import url(/css/ui-slider.css);
@font-face {
  font-family: "AvenirNext";
  src: url("/css/fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
  src: url("/css/fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"), url("/css/fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"), url("/css/fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"), url("/css/fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype"), url("/css/fonts/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "AvenirNext";
  src: url("/css/fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot?#iefix");
  src: url("/css/fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot?#iefix") format("eot"), url("/css/fonts/7377dbe6-f11a-4a05-b33c-bc8ce1f60f84.woff2") format("woff2"), url("/css/fonts/92b66dbd-4201-4ac2-a605-4d4ffc8705cc.woff") format("woff"), url("/css/fonts/18839597-afa8-4f0b-9abb-4a30262d0da8.ttf") format("truetype"), url("/css/fonts/1de7e6f4-9d4d-47e7-ab23-7d5cf10ab585.svg#1de7e6f4-9d4d-47e7-ab23-7d5cf10ab585") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "AvenirNext";
  src: url("/css/fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix");
  src: url("/css/fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"), url("/css/fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"), url("/css/fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"), url("/css/fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype"), url("/css/fonts/99affa9a-a5e9-4559-bd07-20cf0071852d.svg#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "AvenirNext";
  src: url("/css/fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix");
  src: url("/css/fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix") format("eot"), url("/css/fonts/14c73713-e4df-4dba-933b-057feeac8dd1.woff2") format("woff2"), url("/css/fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff"), url("/css/fonts/890bd988-5306-43ff-bd4b-922bc5ebdeb4.ttf") format("truetype"), url("/css/fonts/ed104d8c-7f39-4e8b-90a9-4076be06b857.svg#ed104d8c-7f39-4e8b-90a9-4076be06b857") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "AvenirLight";
  src: url("/css/fonts/avenir-light?#iefix");
  src: url("/css/fonts/avenir-light.eot?#iefix") format("eot"), url("/css/fonts/avenir-light.woff2") format("woff2"), url("/css/fonts/avenir-light.woff") format("woff"), url("/css/fonts/avenir-light.ttf") format("truetype"), url("/css/fonts/avenir-light.svg#AvenirLight") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "AvenirHeavy";
  src: url("/css/fonts/avenir-heavy?#iefix");
  src: url("/css/fonts/avenir-heavy.eot?#iefix") format("eot"), url("/css/fonts/avenir-heavy.woff2") format("woff2"), url("/css/fonts/avenir-heavy.woff") format("woff"), url("/css/fonts/avenir-heavy.ttf") format("truetype"), url("/css/fonts/avenir-heavy.svg#AvenirHeavy") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "AvenirBook";
  src: url("/css/fonts/avenir-book?#iefix");
  src: url("/css/fonts/avenir-book.eot?#iefix") format("eot"), url("/css/fonts/avenir-book.woff2") format("woff2"), url("/css/fonts/avenir-book.woff") format("woff"), url("/css/fonts/avenir-book.ttf") format("truetype"), url("/css/fonts/avenir-book.svg#AvenirBook") format("svg");
  font-weight: 600;
  font-style: normal; }

html {
  font-size: 14px; }

/* @include box-shadow(1px,1px,1px,0, #fff, true); */
/* Border Radius */
/* Opacity */
/* Center Block */
/* Text Overflow */
/* Absolute Positioning */
/* @include transition(all,2s,ease-out); */
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Common
	## Accessibility
	## Buttons
	## Lists
	## Forms
# Components
	## Header
	## Navigation
	## Footer
# Modules
	## Speedy Search
	## Finance
	## Valuation
# Pages
	## Home
	## Used Car Results
	## Used Car Details
        ## Used Van Details

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography - all typography defined here
--------------------------------------------------------------*/
body {
  color: #282828;
  font-family: "AvenirNext", sans-serif;
  font-size: 14px;
  font-size: 1rem;
  line-height: 2.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  clear: both;
  letter-spacing: 0.4px;
  margin-bottom: 1.5rem;
  font-weight: 400;
  width: 100%; }
  .h1.thin, .h2.thin, .h3.thin, .h4.thin, .h5.thin, .h6.thin, h1.thin, h2.thin, h3.thin, h4.thin, h5.thin, h6.thin {
    font-weight: 300; }
  .h1.thick, .h2.thick, .h3.thick, .h4.thick, .h5.thick, .h6.thick, h1.thick, h2.thick, h3.thick, h4.thick, h5.thick, h6.thick {
    font-weight: 500; }
  .h1.bold, .h2.bold, .h3.bold, .h4.bold, .h5.bold, .h6.bold, h1.bold, h2.bold, h3.bold, h4.bold, h5.bold, h6.bold {
    font-weight: 775; }
  .h1.no_spacing, .h2.no_spacing, .h3.no_spacing, .h4.no_spacing, .h5.no_spacing, .h6.no_spacing, h1.no_spacing, h2.no_spacing, h3.no_spacing, h4.no_spacing, h5.no_spacing, h6.no_spacing {
    letter-spacing: normal !important; }

h1 {
  font-family: "AvenirNext", sans-serif;
  font-size: 1.3rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 5px;
  text-transform: uppercase; }
  @media (min-width: 500px) {
    h1 {
      font-size: 1.857rem;
      line-height: 2rem; } }

h2 {
  font-family: "AvenirNext", sans-serif;
  font-size: 1.3rem;
  line-height: 1.5rem; }
  @media (min-width: 500px) {
    h2 {
      font-size: 1.857rem;
      line-height: 2rem; } }

h3 {
  font-family: "AvenirNext", sans-serif;
  font-size: 1.3rem;
  line-height: 1.5rem; }
  @media (min-width: 500px) {
    h3 {
      font-size: 1.714rem;
      line-height: 1.714rem; } }

h4 {
  font-family: "AvenirNext", sans-serif;
  font-size: 1.3rem;
  line-height: 1.5rem; }
  @media (min-width: 500px) {
    h4 {
      font-size: 1.429rem;
      line-height: 1.429rem; } }

h5 {
  font-family: "AvenirNext", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem; }

h6 {
  font-family: "AvenirNext", sans-serif;
  font-size: 0.929rem;
  line-height: 0.929rem; }

.text-alt h1, .text-alt .h1 {
  font-weight: 500;
  letter-spacing: 5px; }

.text-alt h2, .text-alt .h2 {
  font-weight: 500;
  letter-spacing: 5px; }

.text-alt h3, .text-alt .h3 {
  font-weight: 500;
  letter-spacing: 5px; }

.text-alt h4, .text-alt .h4 {
  font-weight: 500;
  letter-spacing: 5px; }

.text-alt h5, .text-alt .h5 {
  font-weight: 500;
  letter-spacing: 5px; }

.text-alt h6, .text-alt .h6 {
  font-weight: 500;
  letter-spacing: 5px; }

p {
  font-size: 1.071rem;
  line-height: 1.286rem;
  letter-spacing: 0.6px;
  margin-bottom: 1.5em; }
  p.alt {
    line-height: 2rem; }
  p.lg {
    font-size: 1.143rem;
    line-height: 2.2rem; }
  p.xl {
    font-size: 1.625rem;
    line-height: 2.25rem; }

.p-alt p {
  font-size: 1.071rem;
  line-height: 2rem;
  letter-spacing: 0.6px; }

.text-lg p {
  font-size: 1.143rem;
  line-height: 2.2rem; }

.text-xl p {
  font-size: 1.625rem;
  line-height: 2.25rem; }

.last-p p:last-of-type {
  margin-bottom: 0; }

a {
  color: #1A5895; }
  a:hover {
    color: #111; }
  a:visited {
    color: #1A5895; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 13.125px;
  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: 13.125px;
  font-size: 0.9375rem; }

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

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

ul {
  font-size: 1.071rem;
    letter-spacing: 0.6px;
}

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

*,
*: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. */ }

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. */ }

/*
// ## Layout
// --------------------------------------------------
*/
/* Sections */
.section {
  padding: 1.25rem 0; }
  .section.all {
    padding: 1.25rem; }
  .section.xs {
    padding: 1rem 0; }
    .section.xs.all {
      padding: 1rem; }
  .section.sm {
    padding: 2.857rem 0; }
    .section.sm.all {
      padding: 2.857rem; }
  .section.md {
    padding: 3.75rem 0; }
    .section.md.all {
      padding: 3.75rem; }
  .section.lg {
    padding: 3.75rem 0; }
    .section.lg.all {
      padding: 3.75rem; }
    @media (min-width: 768px) {
      .section.lg {
        padding: 5.714rem 0; }
        .section.lg.all {
          padding: 5.714rem; } }
  .section.xl {
    padding: 3.75rem 0; }
    .section.xl.all {
      padding: 3.75rem; }
    @media (min-width: 768px) {
      .section.xl {
        padding: 7.143rem 0; }
        .section.xl.all {
          padding: 7.143rem; } }
  .section.xxl {
    padding: 3.75rem 0; }
    .section.xxl.all {
      padding: 3.75rem; }
    @media (min-width: 768px) {
      .section.xxl {
        padding: 8.571rem 0; }
        .section.xxl.all {
          padding: 8.571rem; } }
  .section.xxxl {
    padding: 2.75rem 0; }
    .section.xxxl.all {
      padding: 2.75rem; }
    @media (min-width: 992px) {
      .section.xxxl {
        padding: 10rem 0; }
        .section.xxxl.all {
          padding: 10rem; } }

.xxxl_padding {
  padding: 2.75rem 0; }
  .xxxl_padding.all {
    padding: 2.75rem; }
  @media (min-width: 992px) {
    .xxxl_padding {
      padding: 10rem 0; }
      .xxxl_padding.all {
        padding: 10rem; } }

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

.container.md {
  max-width: 1240px; }

.container.lg {
  max-width: 1400px; }

.container.xl {
  max-width: 1540px; }

/* Borders */
/*
// ## 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%; } }

.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxl,
.col-xxxl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 1900px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xxl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-xxl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-xxl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-xxl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-xxl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xxl-first {
    order: -1; }
  .order-xxl-last {
    order: 13; }
  .order-xxl-0 {
    order: 0; }
  .order-xxl-1 {
    order: 1; }
  .order-xxl-2 {
    order: 2; }
  .order-xxl-3 {
    order: 3; }
  .order-xxl-4 {
    order: 4; }
  .order-xxl-5 {
    order: 5; }
  .order-xxl-6 {
    order: 6; }
  .order-xxl-7 {
    order: 7; }
  .order-xxl-8 {
    order: 8; }
  .order-xxl-9 {
    order: 9; }
  .order-xxl-10 {
    order: 10; }
  .order-xxl-11 {
    order: 11; }
  .order-xxl-12 {
    order: 12; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.333333%; }
  .offset-xxl-2 {
    margin-left: 16.666667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.333333%; }
  .offset-xxl-5 {
    margin-left: 41.666667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.333333%; }
  .offset-xxl-8 {
    margin-left: 66.666667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.333333%; }
  .offset-xxl-11 {
    margin-left: 91.666667%; } }

@media (max-width: 1899.98px) {
  .table-responsive-xxl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-xxl > .table-bordered {
    border: 0; } }

@media (max-width: 1899.98px) {
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1900px) {
  .navbar-expand-xxl {
    flex-flow: row nowrap;
    justify-content: flex-start; }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row; }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid {
    flex-wrap: nowrap; }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand-xxl .navbar-toggler {
    display: none; } }

@media (min-width: 1900px) {
  .d-xxl-none {
    display: none !important; }
  .d-xxl-inline {
    display: inline !important; }
  .d-xxl-inline-block {
    display: inline-block !important; }
  .d-xxl-block {
    display: block !important; }
  .d-xxl-table {
    display: table !important; }
  .d-xxl-table-row {
    display: table-row !important; }
  .d-xxl-table-cell {
    display: table-cell !important; }
  .d-xxl-flex {
    display: flex !important; }
  .d-xxl-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1900px) {
  .flex-xxl-row {
    flex-direction: row !important; }
  .flex-xxl-column {
    flex-direction: column !important; }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xxl-wrap {
    flex-wrap: wrap !important; }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xxl-fill {
    flex: 1 1 auto !important; }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxl-center {
    justify-content: center !important; }
  .justify-content-xxl-between {
    justify-content: space-between !important; }
  .justify-content-xxl-around {
    justify-content: space-around !important; }
  .align-items-xxl-start {
    align-items: flex-start !important; }
  .align-items-xxl-end {
    align-items: flex-end !important; }
  .align-items-xxl-center {
    align-items: center !important; }
  .align-items-xxl-baseline {
    align-items: baseline !important; }
  .align-items-xxl-stretch {
    align-items: stretch !important; }
  .align-content-xxl-start {
    align-content: flex-start !important; }
  .align-content-xxl-end {
    align-content: flex-end !important; }
  .align-content-xxl-center {
    align-content: center !important; }
  .align-content-xxl-between {
    align-content: space-between !important; }
  .align-content-xxl-around {
    align-content: space-around !important; }
  .align-content-xxl-stretch {
    align-content: stretch !important; }
  .align-self-xxl-auto {
    align-self: auto !important; }
  .align-self-xxl-start {
    align-self: flex-start !important; }
  .align-self-xxl-end {
    align-self: flex-end !important; }
  .align-self-xxl-center {
    align-self: center !important; }
  .align-self-xxl-baseline {
    align-self: baseline !important; }
  .align-self-xxl-stretch {
    align-self: stretch !important; } }

@media (min-width: 3000px) {
  .flex-xxxl-row {
    flex-direction: row !important; }
  .flex-xxxl-column {
    flex-direction: column !important; }
  .flex-xxxl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xxxl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xxxl-wrap {
    flex-wrap: wrap !important; }
  .flex-xxxl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xxxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xxxl-fill {
    flex: 1 1 auto !important; }
  .flex-xxxl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xxxl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xxxl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xxxl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xxxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxxl-center {
    justify-content: center !important; }
  .justify-content-xxxl-between {
    justify-content: space-between !important; }
  .justify-content-xxxl-around {
    justify-content: space-around !important; }
  .align-items-xxxl-start {
    align-items: flex-start !important; }
  .align-items-xxxl-end {
    align-items: flex-end !important; }
  .align-items-xxxl-center {
    align-items: center !important; }
  .align-items-xxxl-baseline {
    align-items: baseline !important; }
  .align-items-xxxl-stretch {
    align-items: stretch !important; }
  .align-content-xxxl-start {
    align-content: flex-start !important; }
  .align-content-xxxl-end {
    align-content: flex-end !important; }
  .align-content-xxxl-center {
    align-content: center !important; }
  .align-content-xxxl-between {
    align-content: space-between !important; }
  .align-content-xxxl-around {
    align-content: space-around !important; }
  .align-content-xxxl-stretch {
    align-content: stretch !important; }
  .align-self-xxxl-auto {
    align-self: auto !important; }
  .align-self-xxxl-start {
    align-self: flex-start !important; }
  .align-self-xxxl-end {
    align-self: flex-end !important; }
  .align-self-xxxl-center {
    align-self: center !important; }
  .align-self-xxxl-baseline {
    align-self: baseline !important; }
  .align-self-xxxl-stretch {
    align-self: stretch !important; } }

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

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

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

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

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

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

/*
// ## Accessibility
// --------------------------------------------------
*/
/* Screen reader */
.sr-only, .hide {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

/* Screen reader active/focus */
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

/* Skip to main content */
.skippy {
  display: block;
  padding: 1em;
  color: #fff;
  text-align: center;
  background-color: #369;
  outline: 0;
  text-decoration: underline; }
  .skippy:hover, .skippy:focus, .skippy:active {
    color: #fff; }
  .skippy .skippy__text {
    padding: .5em;
    outline: 1px dotted; }

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

/* lazyload background placeholder */
.lazyload_fade {
  overflow: hidden;
  margin: 0 auto;
  display: block; }

/* lazyload loading */
.lazyload_fade .lazyload,
.lazyload_fade .lazyloading {
  -webkit-filter: blur(20px);
  /* 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 {
  -webkit-filter: blur(0);
  /* Safari 6.0 - 9.0 */
  filter: blur(0);
  transform: scale(1);
  opacity: 1; }

/*
Hide tab-pane as default
*/
.tab-content > .tab-pane {
  display: none; }

/*
Display tab pane if it has .active class
*/
.tab-content > .active {
  display: block; }

/*
Display all tabs if no-js
*/
.no-js .tab-content > .tab-pane {
  display: block; }

.nav-pills {
  padding: 0;
  margin: 0; }
  .nav-pills .nav-item {
    flex: 1 1 100%;
    max-width: 100%; }
    @media (min-width: 540px) {
      .nav-pills .nav-item {
        flex: 1 1 auto;
        max-width: inherit; } }
    .nav-pills .nav-item .nav-link {
      font-size: 1.143rem;
      line-height: 1.143rem;
      font-weight: 400;
      padding: 2rem;
      color: #fff;
      text-transform: uppercase;
      border-radius: 0;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      background-color: #575757; }
      .nav-pills .nav-item .nav-link.active {
        background: #1d5e9e;
        -moz-background-color: linear-gradient(149deg, #1d5e9e 0%, #144071 100%);
        -o-background: linear-gradient(149deg, #1d5e9e 0%, #144071 100%);
        -webkit-background: linear-gradient(149deg, #1d5e9e 0%, #144071 100%);
        background-color: linear-gradient(149deg, #1d5e9e 0%, #144071 100%); }
  .nav-pills.vertical .nav-link {
    font-size: 1.143rem;
    line-height: 1.143rem;
    font-weight: 450;
    text-align: center;
    padding: 1.429rem;
    margin-bottom: 1.071rem;
    color: #000;
    border: 3px solid #000;
    text-transform: uppercase;
    border-radius: 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background-color: #fff; }
    .nav-pills.vertical .nav-link.active {
      color: #fff;
      background-color: #000; }
  @media (min-width: 425px) {
    .nav-pills.lg .nav-item .nav-link {
      padding: 3rem; } }
  .nav-pills.fit .nav-pills .nav-item {
    flex: 1 1 50%;
    max-width: 50%; }
    @media (min-width: 768px) {
      .nav-pills.fit .nav-pills .nav-item {
        flex: 1 1 auto;
        max-width: auto; } }

.used-pills {
  width: 100%; }
  .used-pills .nav-pills {
    width: 100%; }
    .used-pills .nav-pills .nav-item {
      flex: 1 1 50%;
      max-width: 50%; }
      .used-pills .nav-pills .nav-item:nth-child(1) .nav-link, .used-pills .nav-pills .nav-item:nth-child(4) .nav-link, .used-pills .nav-pills .nav-item:nth-child(5) .nav-link {
        color: #fff;
        background-color: #000; }
      .used-pills .nav-pills .nav-item:nth-child(2) .nav-link, .used-pills .nav-pills .nav-item:nth-child(3) .nav-link, .used-pills .nav-pills .nav-item:nth-child(6) .nav-link {
        color: #000;
        background-color: #fff; }
      @media (min-width: 992px) {
        .used-pills .nav-pills .nav-item {
          flex: 1 1 16.666%;
          max-width: 16.666%; }
          .used-pills .nav-pills .nav-item:nth-child(odd) .nav-link {
            color: #fff;
            background-color: #000; }
          .used-pills .nav-pills .nav-item:nth-child(even) .nav-link {
            color: #000;
            background-color: #fff; } }
      .used-pills .nav-pills .nav-item .nav-link {
        font-weight: 550;
        height: 100%;
        color: #fff;
        padding: 2rem .5rem;
        font-size: 1rem; }
        .used-pills .nav-pills .nav-item .nav-link.active, .used-pills .nav-pills .nav-item .nav-link:hover {
          color: #fff !important;
          background-color: #19a9e2 !important; }
  @media (min-width: 992px) {
    .used-pills.half {
      max-width: 100%;
      width: 100%; } }
  @media (min-width: 992px) {
    .used-pills.half .nav-pills .nav-item {
      flex: 1 1 50%;
      max-width: 50%; } }
  .used-pills.half .nav-pills .nav-item:nth-child(1) .nav-link, .used-pills.half .nav-pills .nav-item:nth-child(4) .nav-link {
    color: #fff;
    background-color: #000; }
  .used-pills.half .nav-pills .nav-item:nth-child(2) .nav-link, .used-pills.half .nav-pills .nav-item:nth-child(3) .nav-link {
    color: #fff;
    background-color: #1D1D1B; }
  @media (min-width: 425px) {
    .used-pills.half .nav-pills .nav-item .nav-link {
      padding: 4rem; } }

#pills-tabContent, .tab-content {
  padding-top: 2rem; }

@media (min-width: 768px) {
  #Offers-Content {
    padding-top: 0; } }

#Personal-Tab .nav-tabs, #Business-Tab .nav-tabs, #Motability-Tab .nav-tabs {
  padding: 0;
  border: none; }
  @media (min-width: 768px) {
    #Personal-Tab .nav-tabs, #Business-Tab .nav-tabs, #Motability-Tab .nav-tabs {
      padding: 0 2.857rem; } }
  #Personal-Tab .nav-tabs li, #Business-Tab .nav-tabs li, #Motability-Tab .nav-tabs li {
    border: none;
    padding: 0 1rem 1rem 0; }
    @media (min-width: 768px) {
      #Personal-Tab .nav-tabs li, #Business-Tab .nav-tabs li, #Motability-Tab .nav-tabs li {
        padding: 0 2rem 2rem 0; } }
    #Personal-Tab .nav-tabs li a, #Business-Tab .nav-tabs li a, #Motability-Tab .nav-tabs li a {
      border: none;
      font-weight: 500;
      padding: 0 1rem 0 0;
      text-transform: uppercase;
      letter-spacing: 1px;
      border-bottom: 4px solid #efefef; }
      #Personal-Tab .nav-tabs li a.active, #Business-Tab .nav-tabs li a.active, #Motability-Tab .nav-tabs li a.active {
        border-bottom: 4px solid #0F3365; }

/*
// ## Accordions
// --------------------------------------------------
*/
/* Accordion -- header */
.accordion .card {
  background-color: transparent;
  border: none;
  margin-bottom: 0.938rem; }
  .accordion .card .card-body {
    background-color: transparent;
    border: none; }
  .accordion .card .card-header {
    position: relative;
    border: 2px solid #000;
    font-size: 2rem;
    line-height: 2rem;
    padding: 0; }
    .accordion .card .card-header .btn {
      color: #000;
      text-decoration: none;
      font-size: 1.3rem;
      line-height: 1.3rem;
      width: 100%;
      text-align: left;
      background-color: #000;
      color: #fff;
      border: none;
      padding: 2rem; }
      .accordion .card .card-header .btn.collapsed {
        background-color: transparent;
        color: #000;
        border: none; }
        .accordion .card .card-header .btn.collapsed:after {
          content: "\e991"; }
      .accordion .card .card-header .btn:after {
        content: "\e97b";
        font-family: "mbblueskyicons";
        right: .65rem;
        position: absolute;
        font-size: 1.3rem;
        line-height: 1.3rem; }

/*
// ## Media
// --------------------------------------------------
*/
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  background-color: #ebebeb; }

.embed-responsive::before {
  display: block;
  content: ""; }

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

.embed-responsive-21by9::before {
  padding-top: 42.857143%; }

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

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

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

/*
// ## Buttons
// --------------------------------------------------
*/
.btn {
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1rem;
  white-space: normal;
  font-weight: 550;
  letter-spacing: .25rem;
  padding: 15px 10px;
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background-clip: initial; }
  .btn.btn-primary {
    background-color: #1A5895;
    color: #fff !important; }
    .btn.btn-primary:hover, .btn.btn-primary:active {
      background-color: #1A5895;
      color: #fff !important; }
    .btn.btn-primary:focus {
      background-color: #1A5895;
      color: #fff !important; }
  .btn.btn-secondary {
    background-color: #fff;
    color: #000;
    font-weight: 400; }
    .btn.btn-secondary:hover, .btn.btn-secondary:active {
      background-color: #fff;
      color: #000; }
    .btn.btn-secondary:focus {
      background-color: #fff;
      color: #000; }
  .btn.btn-grey {
    background-color: #575757;
    color: #fff; }
    .btn.btn-grey:hover, .btn.btn-grey:active {
      background-color: #000;
      color: #fff; }
    .btn.btn-grey:focus {
      background-color: #575757;
      color: #fff; }
  .btn.btn-dark {
    background-color: #3C3C3C;
    color: #fff; }
    .btn.btn-dark:hover, .btn.btn-dark:active {
      background-color: #000;
      color: #fff; }
    .btn.btn-dark:focus {
      background-color: #575757;
      color: #fff; }
  .btn.btn-red {
    background-color: #1A5895;
    color: #fff; }
    .btn.btn-red:hover, .btn.btn-red:active {
      background-color: #000;
      color: #fff; }
    .btn.btn-red:focus {
      background-color: #575757;
      color: #fff; }
  .btn.btn-outline-dark {
    border: 3px solid #000;
    color: #000;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1rem;
    font-weight: 550;
    letter-spacing: .1rem;
    padding: 15px 15px; }
    .btn.btn-outline-dark:hover, .btn.btn-outline-dark:active {
      background-color: #000;
      color: #fff; }
    .btn.btn-outline-dark.thin {
      border: 1px solid #000;
      font-weight: 400; }
  .btn.btn-outline-white {
    border: 3px solid #fff;
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1rem;
    font-weight: 400;
    letter-spacing: .25rem;
    padding: 15px 15px; }
    .btn.btn-outline-white:hover, .btn.btn-outline-white:active {
      background-color: #fff;
      color: #000; }
  .btn.small {
    font-weight: 400;
    font-size: 1rem; }

/*
// ## Forms
// --------------------------------------------------
*/
.form-control {
  font-weight: 400;
  padding: 0 20px;
  height: 48px;
  line-height: 48px;
  border-radius: 0px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background-color: #e8e8e8;
  color: #000;
  border: 2.5px solid #e8e8e8;
  cursor: pointer; }
  .form-control:focus {
    color: #000; }
  .form-control.auto {
    max-width: 250px !important; }

textarea {
  line-height: auto !important;
  height: auto !important; }

input[type=text] {
  height: calc(48px + 2px);
  color: #000; }

select.form-control:not([size]):not([multiple]) {
  height: calc(48px + 2px);
  line-height: calc(48px + 2px);
  color: #000;
  background-color: #e8e8e8;
  background-image: url("/img/icons/dropdown.png");
  background-repeat: no-repeat,repeat;
  background-position: right .7em top 50%,0 0;
  background-size: .65em auto,100%;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none; }
  select.form-control:not([size]):not([multiple])::-ms-expand {
    display: none; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  width: 25px;
  height: 25px;
  border-radius: 3px; }

.form-check-inline {
  margin-right: 0; }
  .form-check-inline .form-check-input {
    margin-right: 0;
    padding-right: 15px; }

.valuation_checkbox_group {
  justify-content: space-evenly; }
  .valuation_checkbox_group .valuation_checkbox label {
    margin-bottom: 15px;
    padding-right: 5px; }
  .valuation_checkbox_group .valuation_checkbox span {
    margin-right: 15px;
    margin-bottom: 15px; }

.checkbox_group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }
  .checkbox_group label {
    margin-bottom: 15px;
    padding-right: 5px; }
  .checkbox_group input {
    margin-right: 15px;
    margin-bottom: 15px; }

.radio-list {
  display: block;
  width: 100%;
  box-sizing: border-box; }
  .radio-list tbody {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box; }
    .radio-list tbody tr {
      flex: 1 1 50%;
      max-width: 50%;
      margin-bottom: 1rem; }
      @media (min-width: 425px) {
        .radio-list tbody tr {
          flex: 1 1 33.3336%;
          max-width: 33.336%; } }
      @media (min-width: 992px) {
        .radio-list tbody tr {
          flex: 1 1 auto;
          max-width: inherit;
          margin-bottom: 0; } }
      .radio-list tbody tr td, .radio-list tbody tr th {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: flex-start;
        padding: 0; }
        .radio-list tbody tr td input, .radio-list tbody tr th input {
          align-self: center; }
        .radio-list tbody tr td label, .radio-list tbody tr th label {
          align-self: center;
          margin-left: 1rem;
          margin-bottom: 0; }
.reCaptchaV2 div {
  width: 100% !important;
  height: 100% !important; }
.form-field-border {
    border: 2.5px solid #e8e8e8;
    cursor: pointer;
    background: #fff;
    padding: 25px;
}
.form-field-border.reduce-padding {
    padding: 25px 5px 25px 5px
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e8e8e8;
}

/*--------------------------------------------------------------
# Components - strucutre site components (header, nav, footer)
--------------------------------------------------------------*/
/*
// ## Header
// --------------------------------------------------
*/
header {
  background-color: #fff;
  padding: 1.5rem 0 1.2rem;overflow: hidden;min-height: 40px; }
  header .header__logo img {
    padding: 0 1.071rem 0 1.071rem;width: 70px;
height: 40px; }
  header .navbar-toggle {
    background-color: transparent;
    border: none;
    width: 30px;
    height: 17px;
    position: relative;
    display: block;
    margin-left: 15px; }
    header .navbar-toggle .line {
      display: block;
      background: #000;
      width: 30px;
      height: 2px;
      position: absolute;
      left: 0;
      border-radius: 0.5px;
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s; }
      header .navbar-toggle .line.line-1 {
        top: 0; }
      header .navbar-toggle .line.line-2 {
        top: 50%; }
      header .navbar-toggle .line.line-3 {
        top: 100%; }
    header .navbar-toggle:hover, header .navbar-toggle:focus {
      outline: none;
      border: none; }
      header .navbar-toggle:hover .line-1, header .navbar-toggle:focus .line-1 {
        transform: translateY(-0.5px);
        -webkit-transform: translateY(-0.5px);
        -moz-transform: translateY(-0.5px); }
      header .navbar-toggle:hover .line-3, header .navbar-toggle:focus .line-3 {
        transform: translateY(0.5px);
        -webkit-transform: translateY(0.5px);
        -moz-transform: translateY(0.5px); }
    header .navbar-toggle.active .line-1 {
      transform: translateY(8.5px) translateX(0) rotate(45deg);
      -webkit-transform: translateY(8.5px) translateX(0) rotate(45deg);
      -moz-transform: translateY(8.5px) translateX(0) rotate(45deg); }
    header .navbar-toggle.active .line-2 {
      opacity: 0; }
    header .navbar-toggle.active .line-3 {
      transform: translateY(-8.5px) translateX(0) rotate(-45deg);
      -webkit-transform: translateY(-8.5px) translateX(0) rotate(-45deg);
      -moz-transform: translateY(-8.5px) translateX(0) rotate(-45deg); }
  header.stuck {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999; }

/*
// ## Navigation
// --------------------------------------------------
*/
.navbar__menu {
  display: block;
  position: fixed;
  height: 100vh;
  flex-basis: 100%;
  flex-grow: 1;
  align-items: stretch;
  align-content: start;
  background: #000;
  width: 420px;
  left: -420px;
  top: 0;
  z-index: 998;
  padding-bottom: 140px;
  padding-top: 73px;
  transition: all 0.5s ease-in-out;
  overflow-y: scroll; }
  @media (max-width: 900px) {
    .navbar__menu {
      -webkit-filter: opacity(0.95);
              filter: opacity(0.95); } }
  .navbar__menu.show {
    z-index: 998;
    left: 0; }
  .navbar__menu .divider {
    position: relative;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    flex-grow: 1;
    justify-content: flex-start;
    padding: 15px 45px 15px 45px; }
    .navbar__menu .divider span {
      width: 40px;
      border-bottom: 2px solid rgba(237, 237, 237, 0.3); }
  .navbar__menu .nav-item {
    position: relative;
    display: block;
    border: none; }
    .navbar__menu .nav-item.top__nav {
      padding: 10px 20px; }
      .navbar__menu .nav-item.top__nav a {
        flex: 1 1 auto;
        color: #fff;
        padding: 15px 15px;
        cursor: pointer;
        text-decoration: none; }
        .navbar__menu .nav-item.top__nav a i {
          font-size: 2rem;
          color: #fff; }
    .navbar__menu .nav-item .nav-link {
      display: flex;
      padding: 15px 45px 15px 45px;
      font-size: 1rem;
      line-height: 1rem;
      font-weight: 440;
      letter-spacing: 2px;
      text-transform: uppercase;
      text-decoration: none;
      color: #fff; }
      .navbar__menu .nav-item .nav-link span {
        border-bottom: 5px solid transparent; }
        .navbar__menu .nav-item .nav-link span:hover, .navbar__menu .nav-item .nav-link span:active {
          border-bottom-color: #17406f; }
      .navbar__menu .nav-item .nav-link .dropdown-toggle {
        font-weight: 500; }
        .navbar__menu .nav-item .nav-link .dropdown-toggle::after {
          display: none; }
      .navbar__menu .nav-item .nav-link.btn {
        margin: 0 15px; }
      .navbar__menu .nav-item .nav-link.mega-menu-dropdown {
        display: flex;
        width: 100%; }
        .navbar__menu .nav-item .nav-link.mega-menu-dropdown i {
          margin-left: auto; }
    .navbar__menu .nav-item .dropdown-toggle {
      cursor: pointer; }
    .navbar__menu .nav-item.dropdown {
      position: relative;
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
      flex-grow: 1;
      justify-content: space-between; }
      .navbar__menu .nav-item.dropdown .nav-link {
        flex-grow: 1; }
      .navbar__menu .nav-item.dropdown .dropdown-toggle {
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 500;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding: 15px 45px 15px 45px;
        color: #fff;
        cursor: pointer;
        flex-grow: 0; }
        .navbar__menu .nav-item.dropdown .dropdown-toggle span {
          border-bottom: 5px solid transparent; }
          .navbar__menu .nav-item.dropdown .dropdown-toggle span:hover {
            border-bottom-color: #17406f; }
        .navbar__menu .nav-item.dropdown .dropdown-toggle::after {
          display: none; }
      .navbar__menu .nav-item.dropdown .dropdown-menu {
        margin: 0;
        padding: 0;
        border: none;
        background-color: rgba(255, 255, 255, 0.95);
        border-radius: 0;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        transition: all 0.2s ease-in-out;
        width: 100%;
        height: 0;
        z-index: 0; }
        .navbar__menu .nav-item.dropdown .dropdown-menu a {
          display: block;
          box-sizing: border-box;
          color: #000;
          font-size: 1rem;
          line-height: 1rem;
          font-weight: 500;
          letter-spacing: 2px;
          text-transform: uppercase;
          text-decoration: none;
          padding: 15px 45px; }
        .navbar__menu .nav-item.dropdown .dropdown-menu.show {
          position: relative !important;
          transform: none !important;
          height: 100%; }
          .navbar__menu .nav-item.dropdown .dropdown-menu.show .dropdown-item {
            padding: 15px 15px 15px 30px; }
        .navbar__menu .nav-item.dropdown .dropdown-menu.dropdown-submenu a {
          display: block;
          box-sizing: border-box;
          color: #000;
          font-weight: 500;
          text-transform: uppercase;
          text-decoration: none;
          text-align: left;
          padding: 15px 45px; }
        .navbar__menu .nav-item.dropdown .dropdown-menu.dropdown-submenu.show {
          position: relative !important;
          transform: none !important;
          height: 100%; }
          .navbar__menu .nav-item.dropdown .dropdown-menu.dropdown-submenu.show span {
            padding: 15px 15px 15px 30px; }
          .navbar__menu .nav-item.dropdown .dropdown-menu.dropdown-submenu.show .dropdown-submenu .dropdown-menu {
            padding: 0;
            background-color: rgba(237, 237, 237, 0.95);
            position: relative !important;
            top: inherit !important;
            left: inherit !important; }
        .navbar__menu .nav-item.dropdown .dropdown-menu .nav-pills a {
          padding: 15px 45px; }
          .navbar__menu .nav-item.dropdown .dropdown-menu .nav-pills a.active {
            background-color: transparent; }
            .navbar__menu .nav-item.dropdown .dropdown-menu .nav-pills a.active span {
              border-bottom: 5px solid #17406f; }
        .navbar__menu .nav-item.dropdown .dropdown-menu .tab-content {
          padding: 15px 45px; }

@media (max-width: 420px) {
  .navbar__menu {
    width: 320px;
    z-index: 998; }
    .navbar__menu.show {
      z-index: 998;
      left: 0; }
      .navbar__menu.show .nav-item.dropdown .dropdown-menu a {
        font-size: 0.75rem; } }

@media (min-width: 900px) {
  .navbar__menu {
    overflow-y: auto; }
    .navbar__menu .divider {
      justify-content: flex-end; }
    .navbar__menu .nav-item {
      text-align: right; }
      .navbar__menu .nav-item .nav-link {
        text-align: right;
        font-size: 0.875rem;
        line-height: 0.875rem; }
        .navbar__menu .nav-item .nav-link span {
          margin-left: auto; }
      .navbar__menu .nav-item.dropdown .dropdown-toggle {
        text-align: right;
        margin-left: auto;
        font-size: 0.875rem;
        line-height: 0.875rem; }
      .navbar__menu .nav-item.dropdown .dropdown-menu {
        padding-top: 96px; }
        .navbar__menu .nav-item.dropdown .dropdown-menu a {
          font-size: 0.875rem;
          line-height: 0.875rem; }
          .navbar__menu .nav-item.dropdown .dropdown-menu a span {
            font-size: 0.875rem;
            line-height: 0.875rem;
            border-bottom: 5px solid transparent; }
            .navbar__menu .nav-item.dropdown .dropdown-menu a span:hover {
              border-bottom-color: #17406f; }
        .navbar__menu .nav-item.dropdown .dropdown-menu .dropdown-submenu .dropdown-toggle {
          text-align: left;
          font-size: 0.875rem;
          line-height: 0.875rem; }
      .navbar__menu .nav-item.dropdown.show .dropdown-menu {
        position: fixed !important;
        top: 0 !important;
        left: 420px  !important;
        width: 400px; }
        .navbar__menu .nav-item.dropdown.show .dropdown-menu .dropdown-submenu .dropdown-menu {
          padding: 0;
          background-color: rgba(237, 237, 237, 0.95);
          position: relative !important;
          top: inherit !important;
          left: inherit !important; } }

@media (min-width: 1220px) {
  .navbar__menu .nav-item.dropdown.show .dropdown-menu .dropdown-submenu .dropdown-menu {
    overflow: hidden;
    padding-top: 96px;
    position: fixed !important;
    top: 0 !important;
    left: 400px  !important;
    width: 400px; } }

/* Safari fix/hack */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .navbar__menu.show {
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available; }
    .navbar__menu .nav-item.dropdown .dropdown-toggle {
      margin-right: auto;
      margin-left: 0; }
    .navbar__menu .divider span {
      margin-right: auto;
      margin-left: 0; }
    .navbar__menu .nav-item .nav-link span {
      margin-right: auto;
      margin-left: 0; }
    .navbar__menu .nav-item.dropdown.show .dropdown-menu { z-index:10 !important;} 
    .navbar__menu .nav-item.dropdown.show .dropdown-menu .dropdown-submenu .dropdown-menu {overflow: hidden;padding-top: 96px;position: fixed;top: 0;left: 820px;width: 100%;} 
    }
   
  /*  2021 updates*/
    
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 0) { 
.navbar__menu .nav-item.dropdown.show .dropdown-menu {left: 0px !important; position: relative !important; padding-top:0px !important;} 
}

@media only screen 
  and (min-device-width: 1280px) 
  and (max-device-width: 2000px) 
  and (-webkit-min-device-pixel-ratio: 0) { 
 .navbar__menu .nav-item.dropdown.show .dropdown-menu .dropdown-submenu .dropdown-menu {overflow: hidden;padding-top: 96px;position: fixed !important;top: 0 !important;left: 800px !important;width: 400px; } }
    }

/*
// ## Footer
// --------------------------------------------------
*/
.social_footer ul {
  padding: 0;
  margin: 0; }
  .social_footer ul li {
    list-style-type: none;
    width: 50px;
    height: 50px;
    box-sizing: border-box;margin: 2.5%; }
    @media (min-width: 500px) {
      .social_footer ul li {
        margin: 0 1.071rem; } }
    .social_footer ul li a {
      display: table;
box-sizing: border-box;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
text-decoration: none;
border: 1px solid #fff;
transition: all 0.2s ease-in-out;
border-radius: 100px;
background-clip: padding-box;
      /* stops bg color from leaking outside the border: */ }
      .social_footer ul li a i {
        font-size: 1.4rem;
        line-height: 1.4rem;
        display: table-cell;
        vertical-align: middle;
        width: 50px;
        height: 50px; }
      .social_footer ul li a:hover {
        background-color: #fff;
        color: #000; }

.footer_cars a {
  color: #fff; }
  .footer_cars a:visited, .footer_cars a:active {
    color: #fff; }
  .footer_cars a:hover {
    color: #efefef; }

.footer_cars h3 {
  color: #fff; }

.footer ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0;
  padding: 0; }
  .footer ul li {
    list-style-type: none;
    align-self: center; }
    .footer ul li a, .footer ul li a:visited, .footer ul li a:hover, .footer ul li a:active, .footer ul li a:focus {
      color: #000;
      padding: 1.071rem 0.536rem; }

.footer .image-with-accreditation-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-end; }
   .footer .image-with-accreditation-wrapper img {
   width: 150px;
   height: 75px; }

.social_footer h5 {font-size: 25px;
line-height: 35px;
letter-spacing: 0em;}

/*--------------------------------------------------------------
# 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; }

/*
// ## Widget
// --------------------------------------------------
*/
#cog_cast.modal {
  max-width: 600px;
  max-height: 600px;
  padding: 50px 0 50px 0px;
  margin: 0 auto;
  text-align: justify;
  border-radius: 3px;
  background: transparent;}
  .modal .content-scroll {
     }

#CogCastMain {
  display: block !important; }

#CogCastMain #CogCastPopup {
	width: 100%;max-width: 100% !important;}

#cog_cast.fancybox__content>.carousel__button.is-close {
    top: 5px;}

#CogCastUpdatePanel {padding: 10px 25px 10px 25px;}
@media (max-width: 768px){
#CogCastMain #CogCastPopup {
  width: 97%;
  top: 10px;
  position: fixed;
}
.fancybox-slide--html .fancybox-close-small {position: fixed;top: 5px;}
}
/*
// ## Banner
// --------------------------------------------------
*/
/* banner */
.banner {
  position: relative;
  overflow: hidden;
  min-height: 320px;
  display: flex;
  align-items: end; }

/* banner -- content */
.banner__content {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0);
  padding: 2rem;
  position: relative;
  width: 100%; }

/* 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; }

/* banner -- headline */
.banner__headline {
  color: #fff;
  font-size: 15.4px;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: .5rem; }

/* banner -- synopsis */
.banner__synopsis {
  color: #fff;
  font-size: 28px;
  font-size: 2rem;
  margin-bottom: .5rem; }

/* banner -- button */
.banner__btn {
  background-color: #ebc729;
  color: #333; }

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

/* 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: 320px; }
  .banner__video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*
// ## Slider
// --------------------------------------------------
*/
/*
// ## Carousel
// --------------------------------------------------
*/
/* 
Slider prev/next -
Used across all sliders on the site.
*/
.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 50px;
  height: 50px;
  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: 50px;
  line-height: 1;
  opacity: .75;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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

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

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

.slick-list {
  margin: 0; }

.special_carousel .slick-list {
  margin: 0 -35px; }

.slick-slide {
  margin: 0; }

/* 
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: transparent;
      border: 1px solid #dee2e6;
      border-radius: 50%;
      color: transparent;
      cursor: pointer;
      display: block;
      font-size: 0;
      line-height: 0;
      outline: none;
      padding: 0;
      width: 1.5rem;
      height: 1rem;
      width: 1rem; }
    .slick-dots li.slick-active button {
      background: #575757;
      border-color: #575757; }

/* 
Carousel item -
Styling for each slide.
*/
.carousel__carousel-item .carousel-item__inner {
  background-color: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); }
  .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; }

/*
// ## 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; }

/*
// ## COGCMS
// --------------------------------------------------
*/
/* COGCMS -- Buttons */
._vm_btn {
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1rem;
  font-weight: 550;
  letter-spacing: .25rem;
  padding: 15px 15px;
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

._vm_btn--primary {
  border: 1px solid #000;
  color: #000;
  font-size: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: .25rem;
  padding: 15px 15px; }
  ._vm_btn--primary:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none; }

/* COGCMS -- Accordions */
.umb-grid .accordion .card {
  background-color: transparent;
  border: none;
  margin-bottom: 0.938rem; }
  .umb-grid .accordion .card .card-body {
    background-color: transparent;
    border: none; }
  .umb-grid .accordion .card .card-header {
    position: relative;
    border: 2px solid #000;
    font-size: 2rem;
    line-height: 2rem;
    padding: 0; }
    .umb-grid .accordion .card .card-header .btn {
      color: #000;
      text-decoration: none;
      font-size: 1.3rem;
      line-height: 1.3rem;
      width: 100%;
      text-align: left;
      background-color: #000;
      color: #fff;
      border: none;
      padding: 2rem; }
      .umb-grid .accordion .card .card-header .btn.collapsed {
        background-color: transparent;
        color: #000;
        border: none; }
        .umb-grid .accordion .card .card-header .btn.collapsed:after {
          content: "\e991"; }
      .umb-grid .accordion .card .card-header .btn:after {
        content: "\e97b";
        font-family: "mbblueskyicons";
        right: .65rem;
        position: absolute;
        font-size: 1.3rem;
        line-height: 1.3rem; }

/* 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; }

/* Embed */
.tl-grid-html-embed {
  display: block;
  width: 100%;
  clear: both; }
  .tl-grid-html-embed::after, .tl-grid-html-embed:before {
    content: '';
    clear: both; }

/* Call to action */
.tl-grid-call-to-action-box {
  border: 1px solid #3C3C3C;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  padding: 30px;
  text-align: left; }
  .tl-grid-call-to-action-box h2:empty {
    margin: 0;
    height: 0; }
  @media (max-width: 425px) {
    .tl-grid-call-to-action-box ._vm_btn {
      width: 100%;
      display: block;
      text-align: center; } }

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

.gallery-list-inner,
.image-gallery__ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0; }
  .gallery-list-inner li,
  .image-gallery__ul li {
    flex: 1 1 auto; }
    @media (min-width: 540px) {
      .gallery-list-inner li,
      .image-gallery__ul li {
        flex: 1 1 25%; } }
  .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; }

/* COGCMS - Blockquote */
.umb-grid blockquote {
  background-color: #f4f8fb;
  padding: 30px;
  text-align: center; }
  .umb-grid blockquote p {
    font-size: 1.3rem;
    margin-bottom: .75rem;
    font-style: italic;
    padding-left: 60px;
    position: relative; }
    .umb-grid blockquote p::before {
      font-family: 'mbblueskyicons';
      content: "\ec07";
      font-size: 3rem;
      line-height: 3rem;
      top: inherit;
      right: inherit;
      bottom: inherit;
      left: 0;
      position: absolute;
      color: #3c5866;
      opacity: 0.4; }
  .umb-grid blockquote cite {
    font-style: normal;
    font-weight: 550; }

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

/* Wrapped inline Image */
.inline-block {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 30px; }
  .inline-block .image-with-accreditation-wrapper .image-caption {
    font-size: 1.875rem;
    line-height: 2.2rem; }

/*
// ## Cookie Notice
// --------------------------------------------------
*/
.cookie-notice {
  position: fixed;
  bottom: 14px;
  transform: translateX(50%);
  width: 100%;
  z-index: 1060;
  transition: .2s ease-in-out;
  display:none;}

.cookie-message {
  max-width: 500px;
  overflow: hidden;
  font-size: .875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  border: 1px solid #efefef;
  border-radius: 0;
  text-align: center; }

.cookie-message-header {
  display: flex;
  align-items: center;
  padding: .25rem .75rem;
  color: #a8a8a8;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 14px 14px 0;
  border-bottom: 0;
  background: none;
  transition: .2s ease-in-out; }

.cookie-message-header .close {
  margin: 0 auto;
  transition: .2s ease-in-out; }

.cookie-message-body {
  padding: 0 25px 15px; }

@media (min-width: 768px) {
  .cookie-notice {
    left: 15px;
    transform: none;
    width: auto; }
  .cookie-notice .cookie-message {
    min-width: 425px;
    margin: 0; } }

@media (max-width: 767.98px) {
    .cookie-notice {
  bottom: 2.5%; right: 50%;
}  
  .cookie-notice .cookie-message {
    margin: 0 auto;
    max-width: 345px; }
  .cookie-message .cookie-message-body {
    padding-left: 40px;
    padding-right: 40px; } }

.table.no_style tr td {
  border: none;
  font-size: 1.071rem;
  line-height: 2rem;
  letter-spacing: 0.6px;
  padding-left: 0; }

.table.no_style tr th {
  border: none;
  font-size: 1.071rem;
  line-height: 2rem;
  letter-spacing: 0.6px;
  padding-left: 0; }

/*--------------------------------------------------------------
# Pages - Page specific styling
--------------------------------------------------------------*/
/*
// ## 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 ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  margin-bottom: 30px; }
  .results-controls__pagination ul li {
    display: block;
    width: 48px;
    height: 48px;
    /* Selected pager item */
    /* Pager item with and without link */
    /* First pager item */
    /* Pagination with link */
    /* Pagination without link */ }
    .results-controls__pagination ul li.COGPagerItemSelected, .results-controls__pagination ul li.COGPagerItem {
      display: none; }
    .results-controls__pagination ul li.COGPagerFirst {
      margin-right: 20px; }
    .results-controls__pagination ul li.COGPagerPrevious {
      margin-right: auto; }
    .results-controls__pagination ul li.COGPagerNext, .results-controls__pagination ul li.COGPagerLast {
      margin-left: 20px; }
    .results-controls__pagination ul li a, .results-controls__pagination ul li span {
      display: block;
      width: 48px;
      height: 48px;
      line-height: 48px;
      background-color: transparent;
      border: 1px solid #cacaca;
      border-radius: 5px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      text-align: center;
      vertical-align: midddle; }
    .results-controls__pagination ul li:first-child a,
    .results-controls__pagination ul li:first-child span {
      margin-left: 0; }
    .results-controls__pagination ul li a {
      color: #19a9e2;
      border: 1px solid #19a9e2; }
    .results-controls__pagination ul li span {
      color: #cacaca; }

@media (min-width: 400px) {
  .results-controls__pagination.results_bottom ul {
    margin-bottom: -38px; } }

/*
// ## Used Car Results
// --------------------------------------------------
*/
#COGDynamicOrderResultsTop_COGOrderBy {
  margin-bottom: 20px; }
  @media (min-width: 550px) {
    #COGDynamicOrderResultsTop_COGOrderBy {
      margin-top: -78px; } }

/* used list vehicle container */
.used-list-vehicle-wrap .used-list-vehicle:hover {
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 60px 45px rgba(0, 0, 0, 0.1); }

.used-list-vehicle-wrap .used-list-vehicle__image {
  background-color: #000;
  position: relative;
  margin-bottom: -11px; }
  .used-list-vehicle-wrap .used-list-vehicle__image .ribbon-box {
    top: 0;
    right: inherit;
    bottom: inherit;
    left: 0;
    position: absolute; }
    .used-list-vehicle-wrap .used-list-vehicle__image .ribbon-box .ribbon {
      top: -5px;
      right: inherit;
      bottom: inherit;
      left: -5px;
      position: absolute;
      position: absolute;
      z-index: 1;
      overflow: hidden;
      width: 75px;
      height: 75px;
      text-align: right; }
      .used-list-vehicle-wrap .used-list-vehicle__image .ribbon-box .ribbon span {
        font-size: 10px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        -webkit-transform: rotate(-45deg);
        width: 100px;
        display: block;
        background: #79a70a;
        background: linear-gradient(#f70505 0%, #8f0808 100%);
        transform: rotate(-45deg);
        box-shadow: 0 3px 10px -5px black;
        position: absolute;
        top: 19px;
        left: -21px; }
        .used-list-vehicle-wrap .used-list-vehicle__image .ribbon-box .ribbon span::before {
          content: "";
          position: absolute;
          left: 0;
          top: 100%;
          z-index: -1;
          border-left: 3px solid #8f0808;
          border-right: 3px solid transparent;
          border-bottom: 3px solid transparent;
          border-top: 3px solid #8f0808; }
        .used-list-vehicle-wrap .used-list-vehicle__image .ribbon-box .ribbon span::after {
          content: "";
          position: absolute;
          right: 0;
          top: 100%;
          z-index: -1;
          border-left: 3px solid transparent;
          border-right: 3px solid #8f0808;
          border-bottom: 3px solid transparent;
          border-top: 3px solid #8f0808; }
    .used-list-vehicle-wrap .used-list-vehicle__image .ribbon-box.ex-demo .ribbon span {
      background: #79a70a;
      background: linear-gradient(#9bc90d 0%, #79a70a 100%); }
      .used-list-vehicle-wrap .used-list-vehicle__image .ribbon-box.ex-demo .ribbon span::before {
        border-left: 3px solid #79a70a;
        border-top: 3px solid #79a70a; }
      .used-list-vehicle-wrap .used-list-vehicle__image .ribbon-box.ex-demo .ribbon span::after {
        border-right: 3px solid #79a70a;
        border-top: 3px solid #79a70a; }
  .used-list-vehicle-wrap .used-list-vehicle__image .image-count {
    top: inherit;
    right: inherit;
    bottom: 11px;
    left: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 0 10px;
    margin: 0; }
  .used-list-vehicle-wrap .used-list-vehicle__image .video-count {
    top: inherit;
    right: 0;
    bottom: 11px;
    left: inherit;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 0 10px;
    margin: 0; }

.used-list-vehicle-wrap .used-list-vehicle .used-list-summary {
  padding: 1.875rem; }

/*
// ## Used Car details
// --------------------------------------------------
*/
.slick-slider {
  min-height: 1px;
  min-width: 1px; }

.slick-slide {
  float: left;
  display: none; }
  .slick-slide [dir="rtl"] {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-slide .slick-initialized {
    display: block;
    height: 100%;
    width: 100% !important; }
  .slick-slide .slick-loading {
    visibility: hidden; }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-track .slick-loading {
    visibility: hidden; }

.slick-initialized {
  display: block;
  height: 100%;
  width: 100% !important; }

.slick-loading {
  visibility: hidden; }

.page__used_details .lighter_grey_bg {
  background-color: #f8f8f8; }

.page__used_details .light_grey_bg {
  background-color: #f6f6f6; }

@media only screen and (max-width: 1440px) and (min-width: 1366px) {
  .right-block .section.lg {
    padding: 2.714rem 0; }
  .right-block .section.md {
    padding: 1.75rem 0; } }

@media only screen and (max-width: 1536px) {
  .right-block .section.lg {
    padding: 2.714rem 0; }
  .right-block .section.md {
    padding: 2.75rem 0; } }

@media only screen and (max-width: 1368px) {
  .right-block .section.md {
    padding: 1.75rem 0; }
  .right-block .section.sm {
    padding: 1.75rem 2.7rem; } }

.page__used_details #used-details-title {
  font-family: "AvenirHeavy", sans-serif;
  font-weight: 500;
  font-size: 20px; }

.page__used_details .version {
  font-size: 15px !important;
  font-family: "AvenirLight", sans-serif;
  color: #fff; }

.page__used_details .full-spec li {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  list-style-type: none; }

.used-dealer-details h2 {
  font-size: 20px; }

.used-dealer-details .used-address {
  font-size: 16px; }

.used-dealer-details .thin {
  font-size: 15px;
  font-family: "AvenirHeavy", sans-serif;
  font-weight: 200; }

.used-dealer-details .email {
  font-size: 15px;
  font-family: "AvenirHeavy", sans-serif;
  font-weight: 500; }

.page__used_details .used__ctas {
  width: 100%; }

.page__used_details .used__ctas a:visited {
  color: #000; }

.page__used_details .used__ctas a span {
  font-family: "AvenirHeavy", sans-serif;
  font-weight: 500;
  font-size: 15px; }

.page__used_details .used__ctas a span {
  border-bottom: 3pt solid rgba(0, 90, 43, 0.3);
  -moz-background-clip: border;
  -webkit-background-clip: border;
  background-clip: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  padding: 0px 0px 5px 0px;
  font-size: 1.2rem;
  letter-spacing: 0.10rem; }

.page__used_details .used__ctas a span:hover {
  border-bottom: 3pt solid #00391A;
  -moz-background-clip: border;
  -webkit-background-clip: border;
  background-clip: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box; }
.page__used_details .monthly-price {
  font-family: "AvenirLight", sans-serif;
  font-size: 20px;
  color: #fff; }

.page__used_details .monthly-price-link {
  color: #fff; }

.page__used_details .monthly-price strong {
  font-family: "AvenirHeavy", sans-serif !important;
  font-weight: 500 !important; }

.page__used_details .monthly-price span {
  font-family: "AvenirLight", sans-serif; }

@media only screen and (max-width: 767px) {
  .mobile-break {
    display: block;
    margin-bottom: 1rem; } }

.page__used_details .top__spec p.lg {
  font-size: 18px;
  line-height: 30px; }
  @media only screen and (max-width: 600px) and (min-width: 320px) {
    .page__used_details .top__spec p.lg {
      font-size: 17px; } }

.used-pills .nav-pills {
  width: 25%;
  float: left; }
  .used-pills .nav-pills .nav-item {
    flex: 1 1 100%;
    max-width: 100%; }
    .used-pills .nav-pills .nav-item:nth-child(1) .nav-link, .used-pills .nav-pills .nav-item:nth-child(4) .nav-link, .used-pills .nav-pills .nav-item:nth-child(5) .nav-link {
      color: #000;
      background-color: transparent; }
    .used-pills .nav-pills .nav-item:nth-child(2) .nav-link, .used-pills .nav-pills .nav-item:nth-child(3) .nav-link, .used-pills .nav-pills .nav-item:nth-child(6) .nav-link {
      color: #000;
      background-color: transparent; }
    @media (min-width: 992px) {
      .used-pills .nav-pills .nav-item {
        flex: 1 1 100%;
        max-width: 100%;
        text-align: left; }
        .used-pills .nav-pills .nav-item:nth-child(odd) .nav-link {
          color: #000;
          background-color: transparent; }
        .used-pills .nav-pills .nav-item:nth-child(even) .nav-link {
          color: #000;
          background-color: transparent; } }
    .used-pills .nav-pills .nav-item .nav-link {
      font-weight: 550;
      height: 100%;
      padding: 2.5rem 0 .5rem 0;
      font-size: 1.2rem !important;
      border-bottom: 3pt solid rgba(0, 123, 255, 0.3);
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      letter-spacing: 2px; }
      .used-pills .nav-pills .nav-item .nav-link.active, .used-pills .nav-pills .nav-item .nav-link:hover {
        color: #000 !important;
        background-color: transparent !important;
        border-bottom: 3pt solid #1A5895; }

@media (min-width: 992px) {
  .used-pills.half {
    max-width: 100%;
    width: 100%; } }

@media (min-width: 992px) {
  .used-pills.half .nav-pills .nav-item {
    flex: 1 1 50%;
    max-width: 50%; } }

.used-pills.half .nav-pills .nav-item:nth-child(1) .nav-link, .used-pills.half .nav-pills .nav-item:nth-child(4) .nav-link {
  color: #fff;
  background-color: #000; }

.used-pills.half .nav-pills .nav-item:nth-child(2) .nav-link, .used-pills.half .nav-pills .nav-item:nth-child(3) .nav-link {
  color: #fff;
  background-color: #1D1D1B; }

@media (min-width: 425px) {
  .used-pills.half .nav-pills .nav-item .nav-link {
    padding: 4rem; } }

.used-pills.half-mobile .nav-pills .nav-item {
  flex: 1 1 50%;
  max-width: 50%; }

.used-pills.new-pills .nav-pills .nav-item {
  flex: 1 1 50%;
  max-width: 50%; }
  @media (min-width: 550px) {
    .used-pills.new-pills .nav-pills .nav-item {
      flex: 1 1 25%;
      max-width: 25%; } }

.used-pills ul, .tab-content ul {
  margin: 0px;
  padding: 0px; }

#pills-Approved .advanced__textarea h2, .car_and_driving h4 {
  font-size: 1.3rem;
  font-weight: 550;
  font-family: "AvenirNext", sans-serif !important;
  letter-spacing: .25rem;
  line-height: 1.429rem;
  text-transform: uppercase; }

#pills-Approved .advanced__textarea p {
  font-size: 1.071rem;
  line-height: 1.286rem;
  letter-spacing: 0.6px;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc; }
  #pills-Approved .advanced__textarea p:last-child {
    border-bottom: 0px; }

.page__used_details .tab-content .section.md {
  padding-top: 0; }

.page__used_details .accordion .card {
  margin-bottom: 0; }

.page__used_details .accordion .card .card-header {
  position: relative;
  border-top: 1px solid #eee;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  font-size: 2rem;
  line-height: 2rem;
  padding: 0;
  background-color: transparent; }

.page__used_details .accordion .card .card-header .btn {
  padding: 2rem 3rem;
  background-color: transparent;
  color: #000; }

.page__used_details .accordion .card .card-header .btn.collapsed:after {
  content: ""; }

.page__used_details .accordion .card .card-header .btn.collapsed:before {
  content: "\e991"; }

.page__used_details .accordion .card .card-header .btn:before {
  content: "\e97b";
  font-family: "mbblueskyicons";
  left: .65rem;
  position: absolute;
  font-size: 1.3rem;
  line-height: 1.3rem; }

.page__used_details .accordion .card .card-header .btn:after {
  content: "";
  font-family: "mbblueskyicons";
  left: .65rem;
  position: absolute;
  font-size: 1.3rem;
  line-height: 1.3rem; }

.tab-pane .section.lg, #pills-tab-accordion .section.lg {
  padding-top: 0px; }

#pills-tab-accordion .section.md {
  padding-top: .75rem; }

#pills-tab-accordion h2 {
  margin-bottom: 0px; }

#pills-tab-accordion .nav-link {
  font-weight: 550;
  height: 100%;
  padding: 2.6rem 0 .5rem 0;
  font-size: 1.25rem !important;
  border-bottom: 3pt solid rgba(0, 123, 255, 0.3);
  width: 100%;
  color: #000 !important;
  text-transform: uppercase; }
  #pills-tab-accordion .nav-link.active, #pills-tab-accordion .nav-link:hover {
    color: #000 !important;
    background-color: transparent !important;
    border-bottom: 3pt solid #1A5895; }

@media (max-width: 750px) {
/*	to hide active border on mobile*/
	#pills-tab-accordion .nav-link.active.collapsed:first-child {
		border-bottom: 3pt solid rgba(0, 123, 255, 0.3);}
		
	#pills-tab-accordion .nav-link:hover.active.collapsed:first-child {
		border-bottom: 3pt solid #1A5895;}  
}
#pills-tab-accordion .panel-collapse {
  margin-top: 2rem; }

#pills-value h4, h4.valuation-header {
  font-size: 1.3rem;
  font-weight: 550;
  letter-spacing: .25rem; }

.reg_box {
  font-family: 'uknumberplateregular';
  background: url(/img/valuation/gb.jpg) center left no-repeat #fff !important;
  border: 0px !important;
  font-size: 1.3rem !important;
  font-weight: 550 !important;
  font-family: "AvenirNext", sans-serif !important; }

.car_and_driving .carAndDrivingCarousel {
  margin-bottom: 2rem; }
  .car_and_driving .carAndDrivingCarousel .slick-list {
    min-height: 250px;
    height: auto !important;
    position: relative;
    z-index: 0; }
    .car_and_driving .carAndDrivingCarousel .slick-list .slick-track {
      min-height: 250px;
      height: auto !important; }
      .car_and_driving .carAndDrivingCarousel .slick-list .slick-track .imgLiquidFill {
        min-height: 250px;
        height: auto !important; }
        .car_and_driving .carAndDrivingCarousel .slick-list .slick-track .imgLiquidFill img {
          width: 100%;
          height: auto; }

#finance .btn-finance {
  background: #000;
  width: 40px;
  height: 40px;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center; }
  #finance .btn-finance::before {
    font-family: 'mbblueskyicons';
    content: "\e907";
    transition: all 0.5s;
    color: #fff;
    font-size: 3rem;
    font-weight: 600;
    vertical-align: middle;
    text-align: center; }

#finance {
  width: 100%; }

#finance .btn-finance.collapsed:before {
  font-family: 'mbblueskyicons';
  content: "\e904"; }

#finance .finance-link {
  text-align: center;
  padding-top: 40px;
  width: 12%;
  float: left; }
  @media (max-width: 767px) {
    #finance .finance-link {
      width: 48%;
      padding: 0 0 10px 0; } }

#finance .finance-link a {
  font-weight: bold;
  font-size: 1.1rem;
  color: #19a9e2; }

#finance .finance-link a:hover {
  text-decoration: none;
  color: #0f6a8e; }

.page_used-car-details .fancybox-slide--html .fancybox-content {
  width: 600px;
  height: 780px;
  max-width: 80%;
  max-height: 80%;
	padding: 44px;
  margin: 0; }

.page_used-car-details .carousel__button .fancybox__button--zoom {display: none;}
}
.page_used-car-details .fancybox-slide--html {
  background: rgba(0, 0, 0, 0.6); }

.page_used-car-details .fancybox-slide--html .fancybox-close-small {
    color: #ccc;
}

#new-finance .finance-table {
  width: 100%;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 50px;
  display: block; }
  #new-finance .finance-table span {
    text-transform: lowercase !important; }

#finance h5 {
  padding-top: 40px; }
.used__ctas.no-finance {
  width: 100%; }

.no-finance h2 {
  font-size: 1.3rem;
  font-weight: 550;
  font-family: "AvenirNext", sans-serif !important;
  letter-spacing: .25rem;
  line-height: 1.429rem;
  text-transform: uppercase;
  margin-bottom: 0; }

.no-finance h4 {
  font-family: "AvenirHeavy", sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  font-size: 20px; }


#new-finance h4 {
  font-size: 1.2rem;
  letter-spacing: 2px;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    #new-finance h4 {
      font-size: 0.9rem;
      margin-bottom: 0.9rem; } }

#new-finance label {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 2px; }

@media (max-width: 767px) {
  #adjust-finance.col-12 {
    padding: 0px; } }

#new-finance [type="radio"]:checked, #new-finance [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px; }

#new-finance [type="radio"]:checked + label, #new-finance [type="radio"]:not(:checked) + label {
  margin-right: 15px;
  line-height: 25px;
  cursor: pointer; }

#new-finance .term, #new-finance .mileage {
  position: relative; }

#new-finance .term {
  padding-top: 30px;
  display: block;
  float: left;
  width: 100%; }

#new-finance .nav-tabs {
  border-bottom: 0;
  float: left;
  width: 100%; }

#new-finance .tab-content {
  padding-top: 0;
  float: left; }

@media (max-width: 767px) {
  #adjust-finance.col-12 {
    padding: 0; } }

#paymenttype .col-sm-9, #paymenttype .col-sm-3, #paymenttype .col-sm-4, #paymenttype .col-sm-5, #paymenttype .col-sm-10 {
  float: left; }

#paymenttype .col-sm-4, #paymenttype .col-sm-5, #paymenttype .col-sm-10 {
  margin-top: 15px; }
  @media (max-width: 767px) {
    #paymenttype .col-sm-4, #paymenttype .col-sm-5, #paymenttype .col-sm-10 {
      margin-top: 0px; } }

#paymenttype .col-sm-9 {
  padding-right: 0px; }

#paymenttype .col-sm-3 {
  padding-left: 0px; }

#financeType label, #searchType label {
  border: 1px solid #000000;
  padding: 10px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold; }

#searchType label, #searchType {
  width: 100%; }

#new-finance #searchType td {
  padding-right: 15px;
  width: 48%; }

@media only screen and (max-width: 767px) {
  #new-finance label {
    font-size: 1rem;
    margin-bottom: 0.9rem; }
  #new-finance .no-pad {
    padding: 0; }
  #new-finance #searchType td:last-child, #financeType td:last-child {
    padding-right: 0; }
  #financeType, #searchType, #financeType label {
    width: 100% !important; }
  #paymenttype .col-sm-9, #paymenttype .col-sm-3 {
    padding: 0px 15px; }
  #new-finance #searchType td, #financeType td {
    /*padding-right: 15px;*/
    width: 50%;
    float: left; }
  #searchType label, #financeType label {
    font-size: 0.9rem;
    padding: 10px 0; }
  #financeType label {
    margin-bottom: 0; }
  #finance .border-left {
    border-left: 0px !important; } }

.border-right {
  border-right: 1px solid #000; }

#new-finance .finance-table {
  width: 100%;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 50px;
  display: block; }
  #new-finance .finance-table span {
    text-transform: lowercase !important; }

#new-finance .finance-table tr {
  line-height: 1.5;
  font-size: 1.2rem;
  font-weight: 400; }
  @media (max-width: 767px) {
    #new-finance .finance-table tr {
      font-size: 13px; } }

#new-finance .finance-table td:nth-child(1) {
  width: 79%; }
  @media (max-width: 360px) {
    #new-finance .finance-table td:nth-child(1) {
      width: 73%; } }

#new-finance .finance-table td:nth-child(2) {
  text-align: right; }

@media (max-width: 767px) {
  #new-finance #finance-table p {
    font-size: 90%; } }

#new-finance input#txtDeposit, #new-finance input#txtRegularPayment {
  background: #fff;
  border: 1px solid #000;
  border-radius: 0;
  font-size: 1.2rem;
  font-weight: bold;
  width: 46%;
  float: left; }
  @media (max-width: 767px) {
    #new-finance input#txtDeposit, #new-finance input#txtRegularPayment {
      width: 56%; } }

#updateQuote.btn, #updateQuote2.btn {
  padding: 14px 15px; }
  @media (max-width: 767px) {
    #updateQuote.btn, #updateQuote2.btn {
      width: 100%; } }

#updateQuote.btn.btn-primary, #updateQuote2.btn.btn-primary {
  border: 3px solid #000;
  background-color: transparent;
  color: #000 !important;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1rem;
  font-weight: 550;
  letter-spacing: .25rem; }

#updateQuote.btn.btn-primary:hover, #updateQuote.btn.btn-primary:active, #updateQuote2.btn.btn-primary:hover, #updateQuote2.btn.btn-primary:active {
  background-color: #000;
  color: #fff !important;
  outline: none; }

.notification {
  color:#fff;
  float:left;
  width:100%;
  padding:10px;
  background:#000
}
@media(max-width:767px) {
  .notification {
    font-size:.8rem;
    margin-top:3%
  }
}

#new-finance input#txtDeposit:focus, #new-finance input#txtRegularPayment:focus {
  outline: none;
  box-shadow: none; }

#new-finance input#txtDeposit, #new-finance input#txtRegularPayment {
  height: 47px;
  background: url(/img/used-cars/gbp.jpg) center left no-repeat !important;
  padding: 0 20px 0 40px !important; }

#financeType [type="radio"]:checked + label:after, #financeType [type="radio"]:checked + label:before, #financeType [type="radio"]:not(:checked) + label:before, #searchType [type="radio"]:checked + label:after, #searchType [type="radio"]:checked + label:before, #searchType [type="radio"]:not(:checked) + label:before {
  content: '';
  background-color: transparent;
  width: 0; }

#financeType [type="radio"]:checked + label, #searchType [type="radio"]:checked + label {
  background: #000000;
  color: #fff; }

.values {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.h3 {
  font-size: 20px; }

.price {
  font-size: 20px;
  font-family: "AvenirHeavy", sans-serif;
  font-weight: 500; }

h4 {
  font-size: 20px; }

.cw-view-count {
  display: none; }

#cw-total-deposit {
  font-weight: 410; }

#cw-monthly-payment {
  font-weight: 410; }

span.ml-3 {
  font-weight: 410; }

.gtm-track--tel {
  font-size: 1.5rem; }

.page__used_details .section {
  color: black; }

.section.sm.all, .section.sm {
  padding: 2.7rem; }

.section .lighter_grey_bg a {
  color: black; }

.section .white a {
  color: white !important; }

p.lg {
  line-height: 1.2rem;
  font-size: 1rem; }

strong.thin {
  font-weight: 410;
  letter-spacing: 0.10rem; }

.right-block {
  background-color: #fff; }



/*
// ## Used van details - new Jan 2023
// --------------------------------------------------
*/
.page_used-car-details .section {
 /* padding: 2rem 0 2rem;*/
  overflow-x: hidden;
}
.page_used-car-details html {
  scroll-behavior: smooth;
}
/* buttons */
.page_used-car-details .btn-primary {
  border: none;
  transition: ease all .6s;
  background-color: #000;
}
.page_used-car-details .btn-primary:hover {
  background-color: #333 !important;
}
.page_used-car-details .btn-white {
  border: none;
  color: #262626;
  font-weight: 600 !important;
  background-color: #fff;
  transition: ease all .6s;
  padding: 15px 50px;
}
.page_used-car-details #cw-apply-cw-apply {
  color: #262626 !important;
  font-weight: 600;
}

.page_used-car-details .gallery-thumbs img {
  cursor: pointer;
  border-bottom: 1.75vw solid transparent;
}
.page_used-car-details h1 {
  font-size: 2rem !important;
}
.page_used-car-details h2 {
  font-size: 1.5rem !important;
}
.page_used-car-details .used_valuation {
  position: relative;
}
.page_used-car-details .full-spec {
  column-count: 2;
}
@media (max-width: 768px) {
  .page_used-car-details .full-spec {
    column-count: 1;
  }
	.page_used-car-details .btn-white {
  padding: 15px 10px;
}
}
.page_used-car-details .full-spec li {
  border-bottom: 1px solid #000;
}
.page__used_details .used__ctas {
  width: 100% !important;
  overflow: hidden;
  border-bottom: none medium !important;
}
.page__used_details .used__ctas a {
  border-bottom: none medium !important;
}
.page_used-car-details .used_valuation .btn {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 20;
}
.page_used-car-details .used_valuation .btn:hover {
  background-color: #000;
  color: #fff;
}
@media (min-width: 968px) {
  .page_used-car-details #financeType {
    margin: 2rem auto;
  }
  .page_used-car-details #financeType label {
    width: 28rem;
    padding: 10px;
    text-align: center;
    width: 400px;
  }
}
.page_used-car-details #new-finance label {
  font-size: 1.3rem;
}
.page_used-car-details #new-finance .finance-table tr {
  font-size: 1rem;border-bottom: 1px solid #000;
}
.page_used-car-details .slider-value {
  text-align: right;
  font-weight: 100;
}
.page_used-car-details #new-finance .dropdown {
  background: transparent;
  border: none;
  border-bottom: 2px solid #000;
  float: right;
  font-weight: 600;
}
.page_used-car-details .location-details .btn-primary a, .location-details .btn {
  color: #fff;
  font-size: 0.9rem;
  font-weight: 100 !important;
  text-decoration: none;
}
@media (max-width: 968px) {
 .page_used-car-details .location-details .btn-primary a, .location-details .btn {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.page_used-car-details .ui-slider .ui-slider-handle {
  margin-left: -2px;
  margin-top: -3px;
  cursor: pointer;
}
.page_used-car-details .ui-slider {
  height: 8px;
  background: #f6f6f6;
}
.page_used-car-details .ui-slider-pips .ui-slider-pip {
  display: none;
}
.page_used-car-details .payment-tabs .nav-pills {
  background: #000;
}
.page_used-car-details .payment-tabs .nav-item .nav-link {
  line-height: 1.143rem;
  text-transform: uppercase;
  border-radius: 0;
  background-clip: padding-box;
  color: #000;
  background: #f6f6f6;
  ;
}
.page_used-car-details .nav-pills .nav-item .nav-link.active {
      background-color: #000;
      color: #f6f6f6;
}
.page_used-car-details .dealer-details {
  column-count: 2;
}
@media (max-width: 500px) {
  .page_used-car-details .dealer-details {
    column-count: 1;
  }
}
.page_used-car-details .dealer-details li {
  margin-left: -45px;
  list-style: none outside;
  font-size: 1rem;
  font-weight: 500;
}
.page_used-car-details .gallery-thumbs img {
  width: 100%;border-bottom: 0; padding-bottom: 21px;
}
.slick-vertical .slick-slide { border: 0;}
.page_used-car-details .used-list-vehicle-wrap .used-list-vehicle__image {
  background-color: transparent !important;
  margin-bottom: 0px;
}
.page_used-car-details .used-list-vehicle-wrap .used-list-vehicle .used-list-summary {
  padding: 0px;
  margin-top: -20px;
}
/*Used details */
.page_used-car-details .slick-dots {
  display: none;
}
.page_used-car-details .mh-adjust {
  height: auto;
  max-height: 410px;
  overflow: hidden;
}
.page_used-car-details .btn-link {
  color: #000;
  font-size: 15px;
  font-weight: 200;
}
.page_used-car-details .btn-link:hover {
  color: #000;
  text-decoration: none;
}
.page_used-car-details .gtm-track--tel {
  font-size: inherit !important;
}
.page_used-car-details .version-2 .gallery-thumbs {
  margin-top: 2rem;
}
.page_used-car-details .version-2 .gallery-thumbs img {
  width: 130px !important;
  margin: 0 10px;
}
.page_used-car-details .version-2 .carousel_trustees_Banner .slick-prev, .slick-next {
  top: 50%
}
.page_used-car-details .version-2 .slick-prev {
  left: -30px;
}
.page_used-car-details .version-2 .slick-next {
  right: -5px;
}
.page_used-car-details .version-2 .black_bg .reg_box {
  border: 1px solid #fff !important;
}
.page_used-car-details .btn.btn-secondary {
  font-weight: 600 !important;
  font-size: 0.8rem;
  transition: ease all .3s;
  color: #000;
}
.page_used-car-details .cw-checkout {
  font-weight: 600 !important;
  font-size: 0.8rem;
  transition: ease all .3s;
  color: #000;
}
.page_used-car-details .cw-checkout:hover {
  background-color: #000 !important;
  color: #fff !important;
}
.page_used-car-details .btn.btn-secondary:hover {
  background-color: #000 !important;
  color: #fff !important;
}
.page_used-car-details .letter-space {
  letter-spacing: 0.5rem;
}
.page_used-car-details .table td, .page_used-car-details .table th {
  padding: .75rem;
  vertical-align: top;
  border-top: 0px;
  width: 50%;
}
.page_used-car-details tr:nth-child(odd) {
  background-color: #fff;
}
.page_used-car-details .uppercase {
  text-transform: uppercase;
}
@media (max-width: 500px) {
  .page_used-car-details .reg_box {
    width: 100% !important;
  }
}
.page_used-car-details .slick-slide .icon {
  margin-right: 5px;
  width: 20px; display: inline-flex;
}
.page_used-car-details #used-details-title {
  line-height: 2rem !important;
}
.page_used-car-details #new-finance .dropdown {
  color: #000;
    /* clickup 862jfm0br sliders */
    line-height: 1.4;
    /* end of clickup 862jfm0br sliders */
}
.page_used-car-details .breadcrumb {
  padding: 1rem !important;
  margin-bottom: 0px !important;
  font-weight: bold;
}
.page_used-car-details .breadcrumb p {
  margin-bottom: 0px !important;
  font-size: 0.8rem;
}
.page_used-car-details .breadcrumb .active {
  opacity: 0.5;
}
.page_used-car-details .values .deposit-min-value {
  display: inline-block !important;
}
.page_used-car-details #financeType label span {
  display: block;
  font-size: 1rem;
  font-weight: lighter;
  margin-top: 1rem;
  text-transform: none;
}
@media (max-width: 500px) {
  .page_used-car-details #financeType label span {
    font-size: 0.8rem;
    line-height: 1rem; padding: 1px;
  }
}
.page_used-car-details #financeType label span:nth-of-type(n+2) {
  display: none;
}
@media (min-width: 768px) {
  .page_used-car-details #new-finance .finance-table {
    width: 400px;
  }
}

.page__used_details .used__ctas a {
  flex: 1 1 100% !important;
}

/*if used has video*/

.page_used-car-details .has-iframe {
  padding: 0;
  width: 75%;
  left: 0;
  right: 0;
  top: 2.5%;
  margin: 0 auto;
}

.page_used-car-details.fancybox__html5video, .page_used-car-details .fancybox__iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.page_used-car-details .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content {background: transparent;}

@media (max-width: 768px) {
.page_used-car-details.has-iframe {
  width: 100%;
  top: 10%;
}
}

/*overwrites*/

.page_used-car-details .btn.btn-primary {
    background-color: #05171d;
    color: #fff !important; }
.page_used-car-details .btn.btn-primary:hover {
      background-color: #05171d;
      color: #fff !important; }
.page_used-car-details .btn.btn-primary:focus {
      background-color: #05171d;
      color: #fff !important; }


.page_used-car-details .form-control {background-color: #fff !important;}

.page_used-car-details .used-running-costs p {font-weight: 410;font-size: 20px;} 

@media (max-width: 1400px) {
.page_used-car-details .used-running-costs p {font-size: 14px;} 
}


@media (max-width: 750px) {
 .page_used-car-details .used-running-costs {padding-top: 2rem !important;padding-bottom: 1rem !important;}
  }


/*gallery buttons*/
@media (min-width: 968px) {
  .page_used-car-details .used-gallery-ctas {
    margin-top: -30px !important;
  }
}

/*overwrite for terms
*/
@media (max-width: 750px) {
  .page_used-car-details .terms-content {padding-top: 0 !important;padding-bottom: 0 !important;} 
  .page_used-car-details #new-finance .terms-content {padding-top: 3rem  !important;} 

}

/*
// ## New van details
// --------------------------------------------------
*/
.gallery .ribbon-box {
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  position: absolute; }
  .gallery .ribbon-box .ribbon {
    top: -5px;
    right: inherit;
    bottom: inherit;
    left: -5px;
    position: absolute;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    width: 100px;
    height: 50px;
    text-align: right; }
    .gallery .ribbon-box .ribbon span {
      font-size: 10px;
      font-weight: bold;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      line-height: 20px;
      width: 100px;
      display: block;
      background: #79a70a;
      background: linear-gradient(#19a9e2 0%, #0f6a8e 100%);
      position: absolute;
      top: 5px;
      left: 0px; }
      .gallery .ribbon-box .ribbon span::before {
        content: "";
        position: absolute;
        left: 0;
        top: 100%;
        z-index: -1; }
      .gallery .ribbon-box .ribbon span::after {
        content: "";
        position: absolute;
        right: 0;
        top: 100%;
        z-index: -1; }
  .gallery .ribbon-box.ex-demo .ribbon span {
    background: #79a70a;
    background: linear-gradient(#9bc90d 0%, #79a70a 100%); }

.page__new_details .lighter_grey_bg {
  background-color: #f8f8f8; }

.page__new_details .light_grey_bg {
  background-color: #f6f6f6; }

@media only screen and (max-width: 1440px) and (min-width: 1366px) {
  .page__new_details .right-block .section.lg {
    padding: 2.714rem 0; }
  .page__new_details .right-block .section.md {
    padding: 1.75rem 0; } }

@media only screen and (max-width: 1536px) {
  .page__new_details .right-block .section.lg {
    padding: 2.714rem 0; }
  .page__new_details .right-block .section.md {
    padding: 2.75rem 0; } }

@media only screen and (max-width: 1368px) {
  .page__new_details .right-block .section.md {
    padding: 1.75rem 0; }
  .page__new_details .right-block .section.sm {
    padding: 1.75rem 2.7rem; } }

.page__new_details #used-details-title {
  font-family: "AvenirHeavy", sans-serif;
  font-weight: 500;
  font-size: 20px; }

.page__new_details .version {
  font-size: 15px !important;
  font-family: "AvenirLight", sans-serif;
  color: #fff; }

.page__new_details .full-spec li {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  list-style-type: none; }

.page__new_details .used-dealer-details h2 {
  font-size: 20px; }

.page__new_details .used-dealer-details .used-address {
  font-size: 16px; }

.page__new_details .used-dealer-details .thin {
  font-size: 15px;
  font-family: "AvenirHeavy", sans-serif;
  font-weight: 200; }

.page__new_details .used-dealer-details .email {
  font-size: 15px;
  font-family: "AvenirHeavy", sans-serif;
  font-weight: 500; }

.page__new_details .used__ctas a span {
  font-family: "AvenirHeavy", sans-serif;
  font-weight: 500;
  font-size: 15px; }

.page__new_details .monthly-price {
  font-family: "AvenirLight", sans-serif;
  font-size: 20px; }

.page__new_details .monthly-price strong, .page__new_details .monthly-price span {
  font-family: "AvenirHeavy", sans-serif !important;
  font-weight: 500 !important; }

.page__new_details .top__spec p.lg {
  font-size: 18px;
  line-height: 30px; }
  @media only screen and (max-width: 600px) and (min-width: 320px) {
    .page__new_details .top__spec p.lg {
      font-size: 17px; } }

.page__new_details .used-pills .nav-pills {
  width: 25%;
  float: left; }
  .page__new_details .used-pills .nav-pills .nav-item {
    flex: 1 1 100%;
    max-width: 100%; }
    .page__new_details .used-pills .nav-pills .nav-item:nth-child(1) .nav-link, .page__new_details .used-pills .nav-pills .nav-item:nth-child(4) .nav-link, .page__new_details .used-pills .nav-pills .nav-item:nth-child(5) .nav-link {
      color: #000;
      background-color: transparent; }
    .page__new_details .used-pills .nav-pills .nav-item:nth-child(2) .nav-link, .page__new_details .used-pills .nav-pills .nav-item:nth-child(3) .nav-link, .page__new_details .used-pills .nav-pills .nav-item:nth-child(6) .nav-link {
      color: #000;
      background-color: transparent; }
    @media (min-width: 992px) {
      .page__new_details .used-pills .nav-pills .nav-item {
        flex: 1 1 100%;
        max-width: 100%;
        text-align: left; }
        .page__new_details .used-pills .nav-pills .nav-item:nth-child(odd) .nav-link {
          color: #000;
          background-color: transparent; }
        .page__new_details .used-pills .nav-pills .nav-item:nth-child(even) .nav-link {
          color: #000;
          background-color: transparent; } }
    .page__new_details .used-pills .nav-pills .nav-item .nav-link {
      font-weight: 550;
      height: 100%;
      padding: 2.5rem 0 .5rem 0;
      font-size: 1.2rem !important;
      border-bottom: 3pt solid rgba(15, 51, 101, 0.3);
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      letter-spacing: 2px; }
      .page__new_details .used-pills .nav-pills .nav-item .nav-link.active, .page__new_details .used-pills .nav-pills .nav-item .nav-link:hover {
        color: #000 !important;
        background-color: transparent !important;
        border-bottom: 3pt solid #0f3365; }

@media (min-width: 992px) {
  .page__new_details .used-pills.half {
    max-width: 100%;
    width: 100%; } }

@media (min-width: 992px) {
  .page__new_details .used-pills.half .nav-pills .nav-item {
    flex: 1 1 50%;
    max-width: 50%; } }

.page__new_details .used-pills.half .nav-pills .nav-item:nth-child(1) .nav-link, .page__new_details .used-pills.half .nav-pills .nav-item:nth-child(4) .nav-link {
  color: #fff;
  background-color: #000; }

.page__new_details .used-pills.half .nav-pills .nav-item:nth-child(2) .nav-link, .page__new_details .used-pills.half .nav-pills .nav-item:nth-child(3) .nav-link {
  color: #fff;
  background-color: #1D1D1B; }

@media (min-width: 425px) {
  .page__new_details .used-pills.half .nav-pills .nav-item .nav-link {
    padding: 4rem; } }

.page__new_details .used-pills.half-mobile .nav-pills .nav-item {
  flex: 1 1 50%;
  max-width: 50%; }

.page__new_details .used-pills.new-pills .nav-pills .nav-item {
  flex: 1 1 50%;
  max-width: 50%; }
  @media (min-width: 550px) {
    .page__new_details .used-pills.new-pills .nav-pills .nav-item {
      flex: 1 1 25%;
      max-width: 25%; } }

.nav-pills .nav-item .nav-link {
  line-height: 1.143rem;
  text-transform: uppercase;
  border-radius: 0;
  background-clip: padding-box; }

.page__new_details .used-pills ul, .tab-content ul {
  margin: 0px;
  padding: 0px;font-size: 1.071rem;letter-spacing: 0.6px; }

.page__new_details #pills-Approved .advanced__textarea h2, .car_and_driving h4 {
  font-size: 1.3rem;
  font-weight: 550;
  font-family: "AvenirNext", sans-serif !important;
  letter-spacing: .25rem;
  line-height: 1.429rem;
  text-transform: uppercase; }

.page__new_details #pills-Approved .advanced__textarea p {
  font-size: 1.071rem;
  line-height: 1.286rem;
  letter-spacing: 0.6px;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc; }
  .page__new_details #pills-Approved .advanced__textarea p:last-child {
    border-bottom: 0px; }

.page__new_details .tab-content .section.md {
  padding-top: 0; }

.page__new_details .accordion .card {
  margin-bottom: 0; }

.page__new_details .accordion .card .card-header {
  position: relative;
  border-top: 1px solid #eee;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  font-size: 2rem;
  line-height: 2rem;
  padding: 0;
  background-color: transparent; }

.page__new_details .accordion .card .card-header .btn {
  padding: 2rem 3rem;
  background-color: transparent;
  color: #000; }

.page__new_details .accordion .card .card-header .btn.collapsed:after {
  content: ""; }

.page__new_details .accordion .card .card-header .btn.collapsed:before {
  content: "\e991"; }

.page__new_details .accordion .card .card-header .btn:before {
  content: "\e97b";
  font-family: "mbblueskyicons";
  left: .65rem;
  position: absolute;
  font-size: 1.3rem;
  line-height: 1.3rem; }

.page__new_details .accordion .card .card-header .btn:after {
  content: "";
  font-family: "mbblueskyicons";
  left: .65rem;
  position: absolute;
  font-size: 1.3rem;
  line-height: 1.3rem; }

.page__new_details .tab-pane .section.lg, #pills-tab-accordion .section.lg {
  padding-top: 0px; }

.page__new_details #pills-tab-accordion .section.md {
  padding-top: .75rem; }

.page__new_details #pills-tab-accordion h2 {
  margin-bottom: 0px; }

.page__new_details #pills-tab-accordion .nav-link {
  font-weight: 550;
  height: 100%;
  padding: 2.6rem 0 .5rem 0;
  font-size: 1.25rem !important;
  border-bottom: 3pt solid rgba(117, 4, 28, 0.3);
  width: 100%;
  color: #000 !important;
  text-transform: uppercase; }
  .page__new_details #pills-tab-accordion .nav-link.active, .page__new_details #pills-tab-accordion .nav-link:hover {
    color: #000 !important;
    background-color: transparent !important;
    border-bottom: 3pt solid #0f3365; }

.page__new_details #pills-tab-accordion .panel-collapse {
  margin-top: 2rem; }

.page__new_details #pills-value h4, h4.valuation-header {
  font-size: 1.3rem;
  font-weight: 550;
  letter-spacing: .25rem; }

.page__new_details .reg_box {
  font-family: 'uknumberplateregular';
  background: url(/img/valuation/gb.jpg) center left no-repeat #faee05 !important;
  border: 0px !important;
  font-size: 1.3rem !important;
  font-weight: 550 !important;
  font-family: "AvenirNext", sans-serif !important; }

.page__new_details .car_and_driving .carAndDrivingCarousel {
  margin-bottom: 2rem; }
  .page__new_details .car_and_driving .carAndDrivingCarousel .slick-list {
    min-height: 250px;
    height: auto !important;
    position: relative;
    z-index: 0; }
    .page__new_details .car_and_driving .carAndDrivingCarousel .slick-list .slick-track {
      min-height: 250px;
      height: auto !important; }
      .page__new_details .car_and_driving .carAndDrivingCarousel .slick-list .slick-track .imgLiquidFill {
        min-height: 250px;
        height: auto !important; }
        .page__new_details .car_and_driving .carAndDrivingCarousel .slick-list .slick-track .imgLiquidFill img {
          width: 100%;
          height: auto; }

.page__new_details .h3 {
  font-size: 20px; }

.page__new_details .price {
  font-size: 20px;
  font-family: "AvenirHeavy", sans-serif;
  font-weight: 500; }

.page__new_details h4 {
  font-size: 20px; }

.page__new_details .cw-view-count {
  display: none; }

.page__new_details #cw-total-deposit {
  font-weight: 410; }

.page__new_details #cw-monthly-payment {
  font-weight: 410; }

.page__new_details span.ml-3 {
  font-weight: 410; }

.page__new_details .white {
  color: #fff !important; }

.page__new_details .gtm-track--tel {
  font-size: 1.5rem; }

.page__new_details .section.sm.all, .section.sm {
  padding: 2.7rem; }

.page__new_details .section .lighter_grey_bg a {
  color: black; }

.page__new_details .section .white a {
  color: white !important; }

.page__new_details p.lg {
  line-height: 1.2rem;
  font-size: 1rem; }

.page__new_details strong.thin {
  font-weight: 410;
  letter-spacing: 0.10rem; }

.page__new_details .right-block {
  background-color: #fff; }

.page__new_details #used-details-title {
  letter-spacing: 0.25rem; }
  @media (max-width: 450px) {
    .page__new_details #used-details-title {
      font-size: 1.143rem;
      line-height: 1.2rem; } }

@media (max-width: 450px) {
  .page__new_details .price, .page__new_details .monthly-price, .page__new_details .monthly-price-link {
    font-size: 1rem;
    line-height: 1rem; } }

.page__new_details .version {
  font-size: 1.0rem; }
  @media (max-width: 450px) {
    .page__new_details .version {
      font-size: 0.875rem;
      line-height: 1.2rem; } }

.page__new_details .gallery__wrap {
  position: relative;
  z-index: 0; }
  .page__new_details .gallery__wrap .gallery {
    position: relative;
    z-index: 1; }
  .page__new_details .gallery__wrap .gallery__controlls {
    background-color: rgba(0, 0, 0, 0.6);
    top: inherit;
    right: 0;
    bottom: 0;
    left: inherit;
    position: absolute;
    z-index: 2;
    padding-left: 15px; }
    .page__new_details .gallery__wrap .gallery__controlls .open_gallery, .page__new_details .gallery__wrap .gallery__controlls .open_video {
      font-size: 25px;
      line-height: 25px;
      padding: 0 15px 0 0; }
    .page__new_details .gallery__wrap .gallery__controlls .slick-arrow {
      position: relative;
      left: inherit;
      right: inherit;
      top: inherit;
      bottom: inherit;
      transform: none;
      width: 25px;
      height: 25px;
      margin: 0;
      padding: 0 15px 0 0; }
      .page__new_details .gallery__wrap .gallery__controlls .slick-arrow:before {
        color: #fff;
        line-height: 25px;
        opacity: 1; }

.page__new_details .used_strip {
  background-color: #919191;
  font-size: 0.7rem; }
  @media (min-width: 550px) {
    .page__new_details .used_strip {
      font-size: 1rem; } }
  @media (min-width: 992px) {
    .page__new_details .used_strip {
      background-color: #0F3365; } }

.page__new_details .used__ctas a {
  flex: 1 1 100%;
  border-bottom: 1px solid #cacaca;
  font-weight: 500; }
  @media (min-width: 550px) {
    .page__new_details .used__ctas a {
      flex: 1 1 50%;
      border-bottom: none; }
      .page__new_details .used__ctas a:last-child, .page__new_details .used__ctas a:nth-child(2) {
        border: none; } }
  .page__new_details .used__ctas a i {
    background-color: black;
    transition: all 0.3s ease-in-out; }
  .page__new_details .used__ctas a:hover i {
    background-color: #0F3365; }
  .page__new_details .used__ctas a span {
    border-bottom: 3pt solid rgba(15, 51, 101, 0.3);
    -moz-background-clip: border;
    /* Firefox 3.6 */
    -webkit-background-clip: border;
    /* Safari 4? Chrome 6? */
    background-clip: border-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */
    -moz-background-clip: padding;
    /* Firefox 3.6 */
    -webkit-background-clip: padding;
    /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */
    padding: 0px 0px 5px 0px;
    font-size: 1.2rem;
    letter-spacing: 0.10rem; }
  .page__new_details .used__ctas a span:hover {
    border-bottom: 3pt solid #0f3365;
    -moz-background-clip: border;
    /* Firefox 3.6 */
    -webkit-background-clip: border;
    /* Safari 4? Chrome 6? */
    background-clip: border-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */
    -moz-background-clip: padding;
    /* Firefox 3.6 */
    -webkit-background-clip: padding;
    /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */ }

@media (max-width: 768px) {
  .page__new_details .used__ctas a {
    flex: 1 1 50%;
    border-bottom: 0px solid #cacaca; } }

@media (max-width: 415px) {
  .page__new_details .used__ctas a {
    flex: 1 1 100%;
    border-bottom: 0px solid #cacaca; } }

@media (min-width: 768px) {
  .page__new_details .full-spec li {
    flex: 1 1 50%;
    max-width: 50%; } }

.page__new_details .section {
  color: black; }



/* Utilities */
.no-decoration {
  text-decoration: none; }
  .no-decoration:hover, .no-decoration:active, .no-decoration:visited, .no-decoration:focus {
    text-decoration: none; }

.no-overflow-x {
  overflow-x: hidden; }

.pointer {
  cursor: pointer; }
.full-img img {
  width: 100%;
  height: auto; }

.hide_4 > div:nth-child(-n+4) {
  display: none; }

.massive_shadow {
  box-shadow: 0 0 60px 45px rgba(0, 0, 0, 0.1); }

.hover_shadow {
  transition: all 0.3s ease-in-out; }
  .hover_shadow:hover {
    box-shadow: 0 0 60px 45px rgba(0, 0, 0, 0.1); }

.border-top, .border-bottom, .border-right, .border-left {
  border-color: #cacaca; }

.sticker.stuck {
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 60px;
  z-index: 10; }

.bolt {
  width: 15px !important;
  max-width: 20px;
  height: 20px;
  margin-bottom: 0 !important; }

.img-center img {
  margin: 0 auto; }

/* Colours */
.white {
  color: #fff; }

.black {
  color: #000; }

.blue {
  color: #0F3365; }

.grey {
  color: #919191; }

.light_blue {
  color: #1A5895; }

.blueish {
  color: #3c5866; }

.used_blue {
  color: #0f6a8e; }

.used_light_blue {
  color: #19a9e2; }

.electric_blue {
  color: #19a9e2; }

.red {
  color: #1A5895; }

.blue {
  color: #0F3365; }

.black_hover {
  transition: all 0.3s ease-in-out; }
  .black_hover:hover {
    color: #000; }
  .black_hover a {
    transition: all 0.3s ease-in-out;
    text-decoration: none; }
    .black_hover a:hover {
      color: #000; }

.black_a a {
  color: #000;
  transition: all 0.3s ease-in-out;
  text-decoration: none; }
  .black_a a:hover {
    color: #000; }

.white_a a {
  color: #fff;
  transition: all 0.3s ease-in-out;
  text-decoration: none; }
  .white_a a:hover {
    color: #fff; }

.even_lighter_grey_bg {
  background-color: #f5f5f5; }

.lighter_grey_bg {
  background-color: #EAEAEA; }

.light_grey_bg {
  background-color: #efefef; }

.grey_bg {
  background-color: #575757; }

.other_grey_bg {
  background-color: #919191; }

.dark_grey_bg {
  background-color: #3C3C3C; }

.darker_grey_bg {
  background-color: #1D1D1B; }

.white_bg {
  background-color: #fff; }

.white_bg .image-caption-wrap {
  box-shadow: none !important; }

.black_bg {
  background-color: #000; }

.blue_bg {
  background-color: #0F3365; }

.light_blue_bg {
  background-color: #1A5895; }

.light_blueish_bg {
  background-color: #f4f8fb; }

.used_blue_bg {
  background-color: #0f6a8e; }

.used_light_blue_bg {
  background-color: #19a9e2; }

.blue_bg {
  background-color: #1A5895; }

.dark_blue_bg {
  background-color: #0F3365; }

.dark_overlay {
  background-color: rgba(0, 0, 0, 0.7); }

.white_bg_trans {
  background-color: rgba(255, 255, 255, 0.3); }

.version_bg {
  background: #757374;
  background: linear-gradient(45deg, #757374 0%, #919191 35%, #d7d7d7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#757374",endColorstr="#d7d7d7",GradientType=1);
  padding: 2rem 0; }
  @media (min-width: 768px) {
    .version_bg {
      padding: 5.714rem 0; }
      .version_bg.all {
        padding: 5.714rem; } }

.electric_cta {
  background: black;
  background: linear-gradient(0deg, black 0%, #16214a 73%, #304592 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#304592",GradientType=1); }

.cars_bg {
  background: url("https://bluesky.sirv.com/Websites/Sinclair%20Group/page-backgrounds/valuation-bg-dark.jpg") center center no-repeat;
  background-size: cover; }

.news_bg {
  background: url("/img/bg/news.jpg") center center no-repeat;
  background-size: cover; }

.parts_bg {
  background: url("/img/bg/parts.jpg") center center no-repeat;
  background-size: cover; }

.grey_hover {
  transition: all 0.3s ease-in-out; }
  .grey_hover:hover {
    background-color: #EAEAEA; }

/* Hero */
.hero_banner {
  position: relative;
  z-index: 0;
  z-index: 100%;
  height: 100%; }

.hero_banner__image {
  position: relative;
  z-index: 1;
  overflow: hidden; }

.hero_banner__video {
  position: relative;
  background-color: black;
  height: 100%;
  min-height: 570px;
  width: 100%;
  overflow: hidden; }

.hero_banner__video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  transform: translateX(-50%) translateY(-50%); }

@media (max-width: 992px) {
  .hero_banner__overlay {
    font-size: 1rem; } }

@media (min-width: 992px) {
  .hero_banner__overlay {
    top: 0;
    right: 0;
    bottom: inherit;
    left: 0;
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%; }
  .hero_banner__overlay.banner_clear {
    height: auto;
    bottom: 2%;
    top: inherit; } }

.hero_banner__overlay a {
  transition: all 0.2s ease-in-out;
  border: 4px solid #000;
  color: #000;
  padding: 1.429rem;
  margin-bottom: 2.143rem; }

@media (min-width: 992px) {
  .hero_banner__overlay a {
    background-color: #000;
    border: 4px solid #fff;
    color: #fff;
    width: 100%;
    opacity: 0.8; } }

@media (max-width: 500px) {
  .hero_banner__overlay a p {
    font-size: 1rem;
    line-height: 1rem; } }

.hero_banner__overlay a i {
  font-size: 1.786rem;
  line-height: 1.786rem; }

.hero_banner__overlay a:hover {
  background-color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.1);
  color: #000; }

.hero_banner.home .hero_banner__video {
  min-height: 240px; }

@media (min-width: 1200px) {
  .hero_banner.home .hero_banner__video {
    min-height: 570px; } }

.hero_banner.home .hero_banner__overlay {
  top: 0;
  right: 0;
  bottom: inherit;
  left: 0;
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%; }

.hero_banner.home .hero_banner__overlay h2 {
  font-size: 1rem;
  line-height: 1.6rem;
  letter-spacing: 0.25rem;
  font-weight: 425; }

.intro h1 {
  text-transform: uppercase;
  font-size: 1.429rem;
  line-height: 1.5rem;
  margin-bottom: 0; }

.intro h2 {
  text-transform: uppercase;
  font-size: 1.429rem;
  line-height: 1.429rem;
  font-weight: 300; }

.intro p {
  font-size: 1rem;
  line-height: 1.1rem; }

.intro .btn {
  margin-bottom: 0; }

.cars a {
  position: relative;
  display: block;
  color: #fff;
  padding: 2.143rem 2.143rem 0 2.143rem;
  transition: opacity 0.3s ease-in-out;
  min-height: 225px;
  background: #3f3f3f;
  background: linear-gradient(45deg, #989898 0%, #7b7b7b 35%, #3f3f3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#3f3f3f",GradientType=1); }
  .cars a .model__img {
    margin-top: 2rem;
    overflow: hidden;
    position: relative; }
    .cars a .model__img img {
      opacity: 1;
      transition: opacity 0.3s ease-in-out;
      -webkit-animation-duration: 2s;
              animation-duration: 2s;
      -webkit-animation-name: slidein;
              animation-name: slidein; }
  .cars a .model__content {
    top: 0;
    right: 0;
    bottom: inherit;
    left: 0;
    position: absolute;
    width: 100%;
    padding: 1.429rem 2.143rem;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .cars a .model__content h4 {
      color: #fff;
      transition: opacity 0.3s ease-in-out;
      align-self: flex-start; }
    .cars a .model__content .model__synopsis {
      transition: opacity .3s ease-in-out;
opacity: 1;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: .5rem;
letter-spacing: .2rem;
font-weight: 550;
line-height: 1rem;
align-self: flex-start;
top: 50px;
position: absolute;
border-radius: 12px;
padding: 5px 5px;
border: 1px solid #fff; }
  .cars a:hover {
    color: #000;
    background: #f0f0f0;
    background: linear-gradient(45deg, #f0f0f0 0%, #c1c1c1 35%, #9f9f9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#9f9f9f",GradientType=1); }
    .cars a:hover .model__img img {
      opacity: 0.2; }
    .cars a:hover .model__content h3 {
      color: #000; }
    .cars a:hover .model__content .model__synopsis {
      opacity: 1; }

.new_cars .slick-list {
  padding: 0 120px !important; }
  @supports (-webkit-touch-callout: none) {
    .new_cars .slick-list {
      /* CSS specific to iOS devices */
      padding: 0 !important; } }
  @media (min-width: 450px) {
    .new_cars .slick-list {
      padding: 0 !important; } }
  @media (min-width: 450px) {
    .new_cars .slick-list .carousel-item {
      padding: 1.875rem;
      border-right: 1px solid #5f5f5f;
      transition: all 0.2s ease-in-out;
      transform: skew(-10deg, 0) !important;
      height: auto;
      max-height: inherit; }
      .new_cars .slick-list .carousel-item:last-of-type {
        border: none; }
      .new_cars .slick-list .carousel-item:hover {
        background-color: #efefef; }
      .new_cars .slick-list .carousel-item .carousel-item-inner {
        transform: skew(10deg, 0) !important; } }

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

.new-slider__desc {
  background: none; }
  @media (min-width: 992px) {
    .new-slider__desc {
      background-color: rgba(255, 255, 255, 0.3);
      padding: 4.286rem 20%; } }
  .new-slider__desc ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    @media (min-width: 992px) {
      .new-slider__desc ul {
        list-style-type: initial;
        padding: 0 0 0 20px; } }
    .new-slider__desc ul li {
      font-size: 1rem;
      line-height: 1.4rem; }
      @media (min-width: 992px) {
        .new-slider__desc ul li {
          font-size: 1.286rem;
          line-height: 2rem; } }

.new-slider__price span {
  font-weight: 450;
  font-size: 1.286rem; }

.new-slider__img {
  position: relative;
  z-index: 10;
  margin-bottom: 0; }
  @media (min-width: 992px) {
    .new-slider__img {
      margin-right: -5vw;
      margin-bottom: 0; } }
  .new-slider__img .lazyload_fade {
    display: block; }
    .new-slider__img .lazyload_fade img {
      margin: 0 auto; transform: scaleX(-1); }
      @media (min-width: 1270px) {
        .new-slider__img .lazyload_fade img {
          height: auto;
          max-width: 100%; } }

.new-slider .slick-dots {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-direction: row;
  justify-content: center; }
  .new-slider .slick-dots li {
    padding: 0 15px;
    margin: 0;
    flex: 1 1 auto; }
    .new-slider .slick-dots li span {
      display: block;
      border: 1.5px solid rgba(255, 255, 255, 0.4);
      padding: 5px 5px;
      margin: 0 0 5px 0;
      color: #fff;
      font-weight: 550;
      letter-spacing: 0.2rem;
      text-align: center;
      text-transform: uppercase; }
   @media (min-width: 768px) {
        .new-slider .slick-dots li span {
          padding: 15px 20px;
          margin: 0 0 15px 0; } }

@media (min-width: 768px) {
  .offer__content {
    padding: 0 2.857rem; } }

.offer__content p {
  font-size: 1.143rem; }

.offer__content table {
  width: 100%;
  margin-bottom: 30px; }
  .offer__content table tr {
    width: 100%; }
    .offer__content table tr th, .offer__content table tr td {
      font-size: 1.143rem;
      padding: 1px 0;
      border-bottom: 1px solid #575757;
      text-transform: uppercase;
      font-weight: 400;
      vertical-align: middle; }
      @media (min-width: 768px) {
        .offer__content table tr th, .offer__content table tr td {
          font-size: 1.143rem; } }
      @media (max-width: 450px) {
        .offer__content table tr th, .offer__content table tr td {
          font-size: 0.8rem;
          line-height: 1rem; } }
    .offer__content table tr th {
      width: 70%; }
    .offer__content table tr td {
      width: 30%;
      padding-left: 15px; }

.new_gallery {
  margin-left: -15px;
  margin-right: -15px; }
  .new_gallery .gallery-tabs {
    padding: 0;
    margin-bottom: 40px; }
    .new_gallery .gallery-tabs li {
      list-style-type: none;
      padding: 0 15px 15px 15px;
      text-transform: uppercase;
      font-weight: 550;
      cursor: pointer; }
      .new_gallery .gallery-tabs li.inactive {
        opacity: 0.6; }
  .new_gallery .umb-grid .grid-section .row {
    margin: 0;
    min-width: 100%; }
    .new_gallery .umb-grid .grid-section .row .column {
      padding: 0; }
      .new_gallery .umb-grid .grid-section .row .column > div .image-gallery__ul li {
        flex: 1 1 auto;
        padding: 15px; }
        @media (min-width: 768px) {
          .new_gallery .umb-grid .grid-section .row .column > div .image-gallery__ul li {
            flex: 1 1 50%; } }
        @media (min-width: 1200px) {
          .new_gallery .umb-grid .grid-section .row .column > div .image-gallery__ul li {
            flex: 1 1 33.3336%; } }
  .new_gallery .umb-grid .grid-section .videos .row .column > div {
    padding: 0 15px 15px; }
    .new_gallery .umb-grid .grid-section .videos .row .column > div .video-wrapper {
      margin: 0; }
  .new_gallery .gallery_body {
    transition: all 0.5s ease-in-out; }
    .new_gallery .gallery_body.inactive {
      display: none; }
    .new_gallery .gallery_body.active {
      display: inherit; }
    .new_gallery .gallery_body img {
      width: 100%;
      height: auto; }

.new-cta {
  transition: all 0.2s ease-in-out;
  position: fixed;
  z-index: 100;
  bottom: -190px;
  left: 0;
  right: 0; }
  .new-cta__list a {
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #3C3C3C;
    vertical-align: middle;
    flex: 1 0 100%; }
    @media (min-width: 768px) {
      .new-cta__list a {
        flex: 0 0 auto; } }
  @media (max-width: 992px) {
    .new-cta__list {
      border: none; } }
  .new-cta.show {
    bottom: 0; }
  @media (min-width: 768px) {
    .new-cta {
      bottom: 0; } }
  @media (max-width: 400px) {
    .new-cta p {
      font-size: 0.875rem;
      line-height: 0.875rem; } }

.locator-map {
  min-height: 400px; }

.location_tiles {
  transition: all 0.3s ease-in-out;
  z-index: 0; }
  .location_tiles:hover {
    box-shadow: 0 0 60px 45px rgba(0, 0, 0, 0.1);
    z-index: 100; }

.page__locations .dealer_details.section.xl.all {
  padding: 1.2rem; }
  @media (min-width: 768px) {
    .page__locations .dealer_details.section.xl.all {
      padding: 7.143rem; } }

@media (max-width: 400px) {
  .page__locations .dealer_details table tr td, .page__locations .dealer_details table tr th {
    font-size: 0.875rem; } }

@media (max-width: 400px) {
  .page__locations .dealer_details .btn {
    width: 100%;
    margin-bottom: 1.2rem; } }

.page__locations .letterspacing {
  letter-spacing: 5px; }
.dealer_list a {
  position: relative;
  display: block; }
  .dealer_list a img {
    position: relative;
    z-index: 0; }
  .dealer_list a .overlay {
    transition: all 0.3s ease-in-out;
    top: 0;
    right: 0;
    bottom: inherit;
    left: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 10px; }
    .dealer_list a .overlay .dealer_town {
      letter-spacing: 3px; }
    .dealer_list a .overlay .icon_wrap {
      background-color: rgba(255, 255, 255, 0.5);
      display: inline-block;
      width: auto; }
      .dealer_list a .overlay .icon_wrap i {
        font-size: 3rem;
        line-height: 3rem; }
    .dealer_list a .overlay:hover {
      background-color: #1A5895; }

.car_and_driving .carAndDrivingCarousel {
  margin-bottom: 2rem; }
  .car_and_driving .carAndDrivingCarousel .slick-list {
    min-height: 237px;
    height: auto !important;
    position: relative;
    z-index: 0; }
    .car_and_driving .carAndDrivingCarousel .slick-list .slick-track {
      min-height: 237px;
      height: auto !important; }
      .car_and_driving .carAndDrivingCarousel .slick-list .slick-track .imgLiquidFill {
        min-height: 237px;
        height: auto !important; }
        .car_and_driving .carAndDrivingCarousel .slick-list .slick-track .imgLiquidFill img {
          width: 100%;
          height: auto; }
  .car_and_driving .carAndDrivingCarousel .slick-dots {
    position: relative;
    z-index: 1;
    margin-top: -2rem;
    margin-bottom: 0; }

.car_and_driving .progress {
  max-width: 90%;
  flex: 1 1 90%;
  background-color: #3C3C3C;
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  height: 20px; }
  .car_and_driving .progress .progress-bar {
    background-color: #000;
    height: 20px;
    border-radius: 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }

.car_and_driving .progress-score {
  max-width: 10%;
  flex: 1 1 10%;
  padding-left: 10px; }

.car_and_driving .accordion_alt .card {
  background-color: transparent;
  border: none;
  margin-bottom: 0.938rem; }
  .car_and_driving .accordion_alt .card .card-body {
    background-color: transparent;
    border: none;
    overflow: hidden;
    display: none; }
  .car_and_driving .accordion_alt .card .card-header {
    position: relative;
    border: 2px solid #000;
    font-size: 1.175rem;
    line-height: 1.175rem;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    width: 100%;
    text-align: left;
    background-color: transparent;
    color: #000;
    padding: 1.5rem; }
    .car_and_driving .accordion_alt .card .card-header:after {
      content: "\e991";
      font-family: "mbblueskyicons";
      right: .65rem;
      position: absolute;
      font-size: 1.3rem;
      line-height: 1.3rem;
      color: #000; }
    .car_and_driving .accordion_alt .card .card-header.active {
      background-color: #000;
      color: #fff;
      border: none; }
      .car_and_driving .accordion_alt .card .card-header.active:after {
        content: "\e97b";
        color: #fff; }

.umb-section-simple .row {
  margin-bottom: 0; }

.umb-section-simple .column > div {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  width: 100%;
  height: 100%;
  align-content: center; }

.umb-section-simple img {
  margin-bottom: 1.875rem;
  width: 100%; }

.umb-section-simple .advanced__textarea {
  display: block;
  width: 100%;
  align-self: center; }
  .umb-section-simple .advanced__textarea p:last-of-type {
    margin-bottom: 0; }

.umb-section-simple .img-icon .image-with-accreditation-wrapper {
  display: block;
  width: 100%; }
  .umb-section-simple .img-icon .image-with-accreditation-wrapper img {
    max-width: 80px;
    margin: 0 auto;
    margin-bottom: 30px; }

.umb-section-simple .img-thumb img {
  max-width: 200px; }

.umb-section-simple .img-center .image-with-accreditation-wrapper {
  width: 100%;
  display: block; }
  .umb-section-simple .img-center .image-with-accreditation-wrapper img {
    width: 100%;
    height: auto; }
.umb-section-simple table {
  width: 100%;
  margin: 1.875rem 0;
  border: 2px solid #000; }
  .umb-section-simple table tr {
    background: #fff; }
    .umb-section-simple table tr:nth-child(even) td {
      background: #ededed; }
    .umb-section-simple table tr:first-of-type {
      border-bottom: 2px solid #000; }
  .umb-section-simple table tr td:first-of-type {
    border-right: 2px solid #000; }
  .umb-section-simple table th, .umb-section-simple table td {
    padding: 0.625rem;
    border: 1px solid #ddd;
    font-weight: 700;
    font-size: 1.2em;
    text-align: center; }
 @media (max-width: 768px) {
    .umb-section-simple table {
      font-size: 9px; } }

.umb-section-simple .service-tiles .column {
  margin-bottom: 1.875rem; }

.umb-section-simple .service-tiles h6 {
  font-weight: 700;
  color: #1A5895; }

.umb-section-simple.stretch-content .column > div {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  width: 100%;
  height: 100%;
  align-content: stretch; }

.umb-section-simple.sidebar .column > div {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-direction: inherit;
  width: 100%;
  height: 100%;
  align-content: center;
  margin-bottom: 1.875rem; }
  .umb-section-simple.sidebar .column > div .image-with-accreditation-wrapper {
    width: 100%; }
    .umb-section-simple.sidebar .column > div .image-with-accreditation-wrapper img {
      margin-bottom: 0; }
      @media (max-width: 768px) {
        .umb-section-simple.sidebar .column > div .image-with-accreditation-wrapper img {
          display: block;
          margin: 0 auto; } }
  .umb-section-simple.sidebar .column > div .advanced__textarea {
    flex-direction: inherit;
    align-content: center;
    justify-content: inherit; }

.umb-section-simple.tiles-alt a {
  display: block;
  position: relative; }
  .umb-section-simple.tiles-alt a .image-with-accreditation-wrapper {
    position: relative;
    z-index: 0; }
  .umb-section-simple.tiles-alt a .image-caption {
    top: inherit;
    right: 0;
    bottom: 1.875rem;
    left: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 10px; }

.umb-section-simple .no-gutters .row {
  margin: 0; }
  .umb-section-simple .no-gutters .row .column {
    padding: 0; }
    .umb-section-simple .no-gutters .row .column .image-with-accreditation-wrapper {
      width: 100%; }
      .umb-section-simple .no-gutters .row .column .image-with-accreditation-wrapper img {
        margin: 0; }

.umb-section-simple.with-padding .advanced__textarea {
  padding: 2.75rem; }
  @media (min-width: 992px) {
    .umb-section-simple.with-padding .advanced__textarea {
      padding: 10rem; } }

.umb-section-simple.grid_no-mobile .col-md-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%; }

.umb-section-simple.grid_no-mobile .col-md-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.umb-section-simple.bordered_gallery .image-gallery .image-gallery__item:nth-child(1) {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff; }

.umb-section-simple.bordered_gallery .image-gallery .image-gallery__item:nth-child(2) {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff; }

.umb-section-simple.bordered_gallery .image-gallery .image-gallery__item:nth-child(3) {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff; }

.umb-section-simple.bordered_gallery .image-gallery .image-gallery__item a {
  display: block;
  overflow: hidden; }
  .umb-section-simple.bordered_gallery .image-gallery .image-gallery__item a img {
    margin: 0;
    zoom: 1;
    transition: all 0.3s ease-in-out; }
  .umb-section-simple.bordered_gallery .image-gallery .image-gallery__item a:hover img {
    transform: scale(1.2); }

.umb-section-simple.service-offers a {
  position: relative;
  overflow: hidden; }
  .umb-section-simple.service-offers a .imgLiquidFill {
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 100%; }
  .umb-section-simple.service-offers a .synopsis {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: inherit;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.3s ease-in-out; }
  .umb-section-simple.service-offers a:hover .imgLiquidFill {
    transform: scale(1.2); }
  .umb-section-simple.service-offers a:hover .synopsis {
    background-color: rgba(0, 0, 0, 0.6); }

.umb-section-simple .start-content .column > div {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  width: 100%;
  height: 100%;
  align-content: flex-start; }

.umb-section-default .advanced__textarea {
  padding: 2rem 1rem;
  align-self: center; }
  @media (min-width: 992px) {
    .umb-section-default .advanced__textarea {
      padding: 3.125rem; } }
  .umb-section-default .advanced__textarea p:last-of-type {
    margin-bottom: 0; }

.umb-section-default.img-full img {
  width: 100%; }

.umb-section-default.tiles-offers a {
  color: #000;
  display: block;
  position: relative;
  width: 100%; }
  .umb-section-default.tiles-offers a .image-with-accreditation-wrapper {
    position: relative; }
  .umb-section-default.tiles-offers a .image-caption, .umb-section-default.tiles-offers a .read_more_hover {
    transition: all 0.2s ease-in-out;
    top: 0;
    right: 0;
    bottom: inherit;
    left: 0;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    font-size: 1rem;
    opacity: 1;
    font-weight: 600;
    min-height: 95px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    max-width: 80%;
    justify-content: center; }
  .umb-section-default.tiles-offers a .read_more_hover {
    opacity: 0;
    margin: 0;
    font-weight: 500;
    max-width: 30%;
    width: 30%; }
  .umb-section-default.tiles-offers a h6 {
    font-size: 0.7rem;
    letter-spacing: normal;
    font-weight: 500;
    align-self: center;
    width: 100%; }
  .umb-section-default.tiles-offers a h5 {
    font-size: 1rem;
    letter-spacing: normal;
    font-weight: 500;
    align-self: flex-end;
    width: 100%;
    padding: 0 10px;
    top: inherit;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    color: #fff; }
  .umb-section-default.tiles-offers a:hover .image-caption {
    opacity: 0;
    background-color: #1A5895;
    color: #fff; }
  .umb-section-default.tiles-offers a:hover .read_more_hover {
    opacity: 1;
    background-color: #1A5895;
    color: #fff;
    max-width: 30%;
    width: 30%; }

.umb-section .row {
  margin-bottom: 0; }

.umb-section .umb-video .image-with-accreditation-wrapper {
  position: relative; }
  .umb-section .umb-video .image-with-accreditation-wrapper img {
    position: relative;
    width: 100%; }
  .umb-section .umb-video .image-with-accreditation-wrapper i {
    top: calc(50% - 71px);
    right: 0;
    bottom: inherit;
    left: 0;
    position: absolute;
    transition: all 0.2s ease-in-out;
    color: #fff;
    display: inline-block;
    width: 140px;
    height: 142px;
    font-size: 6rem;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2rem 0.8rem 2rem 2rem;
    border: 1px solid #fff;
    border-radius: 100px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
    .umb-section .umb-video .image-with-accreditation-wrapper i:hover {
      background-color: #000;
      border-color: #000; }

.umb-section .advanced__textarea {
  padding: 0 3.125rem;
  align-self: center; }
  @media (min-width: 768px) {
    .umb-section .advanced__textarea {
      padding: 0 6.25rem; } }

.umb-section.no-fill .image-with-accreditation-wrapper.imgLiquidFill, .umb-section .no-fill .image-with-accreditation-wrapper.imgLiquidFill {
  background-image: none !important;
  background-size: auto !important;
  min-height: auto;
  height: 100%; }
  .umb-section.no-fill .image-with-accreditation-wrapper.imgLiquidFill img, .umb-section .no-fill .image-with-accreditation-wrapper.imgLiquidFill img {
    display: block !important;
    width: 100%; }

.umb-section.match_panels .section {
  align-self: center !important;
  justify-content: unset;
  -ms-justify-content: unset; }
  @media (max-width: 992px) {
    .umb-section.match_panels .section {
      min-height: auto !important; } }

@media (min-width: 992px) {
  .umb-section.lg_img .image-with-accreditation-wrapper.imgLiquidFill {
    min-height: 512px; } }

.umb-section.stretch-content .column > div {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  width: 100%;
  height: 100%;
  align-content: stretch; }

.umb-section.stretch-content .section {
  align-self: unset !important;
  justify-content: unset !important;
  -ms-justify-content: unset !important; }
.umb-section.start-content .row {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  width: 100%;
  height: 100%;
  align-content: flex-start; }
  .umb-section.start-content .row .column {
    align-self: flex-start !important; }

@media (max-width: 992px) {
  .umb-half-section .image-with-accreditation-wrapper {
    height: auto !important; } }

@media (max-width: 992px) {
  .umb-half-section .section {
    height: auto !important; } }

.widgets .widget a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #fff;
  text-transform: uppercase;
  font-weight: 450; }
  .widgets .widget a .image-with-accreditation-wrapper {
    position: relative; }
    .widgets .widget a .image-with-accreditation-wrapper img {
      -webkit-filter: grayscale(50%);
              filter: grayscale(50%); }
      .widgets .widget a .image-with-accreditation-wrapper img:hover {
        -webkit-filter: grayscale(20%);
                filter: grayscale(20%); }
  .widgets .widget a .image-caption-wrap {
    top: 0;
    right: 0;
    bottom: inherit;
    left: 0;
    position: absolute;
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 200px 60px inset rgba(0, 0, 0, 0.7); }
    .widgets .widget a .image-caption-wrap:hover {
      box-shadow: 0 0 200px 60px inset rgba(0, 0, 0, 0.1); }
    .widgets .widget a .image-caption-wrap .image-caption {
height: auto;
display: inline-block;
align-self: center;
font-size: 1.6rem;
line-height: 2.2rem;
font-weight: 400; } 

.brands a {
  position: relative;
  display: block;
  color: #fff;
  padding: 1.875rem;
  transition: opacity 0.3s ease-in-out;
  background: #252525;
  background: linear-gradient(90deg, #252525 0%, #313131 50%, #252525 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#252525",endColorstr="#252525",GradientType=1); }
  .brands a:hover {
    color: #000;
    background: #f0f0f0;
    background: linear-gradient(45deg, #f0f0f0 0%, #c1c1c1 35%, #9f9f9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#9f9f9f",GradientType=1); }
  .brands a .image-with-accreditation-wrapper {
    padding-top: 1.875rem;
    overflow: hidden;
    position: relative; }
    .brands a .image-with-accreditation-wrapper img {
      -webkit-animation-duration: 2s;
              animation-duration: 2s;
      -webkit-animation-name: slidein;
              animation-name: slidein; }
  .brands a .image-caption {
    top: 0;
    right: 0;
    bottom: inherit;
    left: 0;
    position: absolute;
    width: 100%;
    padding: 1.071rem;
    letter-spacing: 0.3rem;
    font-size: 1.571rem;
    line-height: 1.571rem; }

.brands .advanced__textarea {
  padding: 0 3.125rem; }

.tiles a {
  display: block;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 34px;
  font-weight: 425;
  letter-spacing: 3px;
  transition: opacity 0.3s ease-in-out; }
  .tiles a .imgLiquidFill {
    -webkit-filter: grayscale(20%);
            filter: grayscale(20%); }
    @media (min-width: 769px) {
      .tiles a .imgLiquidFill {
        min-height: 300px; } }
    @media (max-width: 768px) {
      .tiles a .imgLiquidFill {
        min-height: 300px !important; }
        .tiles a .imgLiquidFill img {
          display: none !important; } }
    .tiles a .imgLiquidFill:hover {
      -webkit-filter: grayscale(0%);
              filter: grayscale(0%); }
  .tiles a .image-caption-wrap {
    top: 0;
    right: 0;
    bottom: inherit;
    left: 0;
    position: absolute;
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    padding: 0 3.125rem;
    box-shadow: 0 0 200px 60px inset rgba(0, 0, 0, 0.7); }
    .tiles a .image-caption-wrap:hover {
      box-shadow: 0 0 200px 200px inset rgba(200, 200, 200, 0.9);
      color: #000; }
    .tiles a .image-caption-wrap .image-caption {
      height: auto;
      display: inline-block;
      align-self: center;
      margin-bottom: 0;
      text-transform: uppercase;
      font-size: 22px;
      line-height: 34px;
      font-weight: 425;
      letter-spacing: 3px; }


.tiles a.small-link {display: inline-block;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 1.143rem;
  line-height: 1.571rem;
  color: #1a5895;font-weight: inherit;letter-spacing: inherit
}
.tiles a.small-link:hover {text-decoration: underline;}

.tiles .black_bg {
  transition: all 0.3s ease-in-out;
  -webkit-filter: grayscale(20%);
          filter: grayscale(20%); }
  .tiles .black_bg a {
    color: #fff;
    text-decoration: none; }
  .tiles .black_bg:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
    background-color: #fff; }
    .tiles .black_bg:hover a {
      color: #1A5895; }

.tiles .white_bg {
  transition: all 0.3s ease-in-out;
  -webkit-filter: grayscale(20%);
          filter: grayscale(20%); }
  .tiles .white_bg a {
    color: #000;
    text-decoration: none; }
  .tiles .white_bg:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
    background-color: #000; }
    .tiles .white_bg:hover a {
      color: #fff; }

.tiles .blue_bg {
  transition: all 0.3s ease-in-out;
  -webkit-filter: grayscale(20%);
          filter: grayscale(20%); }
  .tiles .blue_bg a {
    color: #fff;
    text-decoration: none; }
  .tiles .blue_bg:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
    background-color: #fff; }
    .tiles .blue_bg:hover a {
      color: #1A5895; }

.tiles .blue_bg {
  transition: all 0.3s ease-in-out;
  -webkit-filter: grayscale(20%);
          filter: grayscale(20%); }
  .tiles .blue_bg a {
    color: #fff;
    text-decoration: none; }
  .tiles .blue_bg:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
    background-color: #fff; }

.tiles .dark_grey_bg {
  transition: all 0.3s ease-in-out;
  -webkit-filter: grayscale(20%);
          filter: grayscale(20%); }
  .tiles .dark_grey_bg a {
    color: #fff;
    text-decoration: none; }
  .tiles .dark_grey_bg:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
    background-color: #fff; }
    .tiles .dark_grey_bg:hover a {
      color: #1A5895; }

.tiles .darker_grey_bg {
  transition: all 0.3s ease-in-out;
  -webkit-filter: grayscale(20%);
          filter: grayscale(20%); }
  .tiles .darker_grey_bg a {
    color: #fff;
    text-decoration: none; }
  .tiles .darker_grey_bg:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
    background-color: #fff; }
    .tiles .darker_grey_bg:hover a {
      color: #1A5895; }

.tiles .light_grey_bg {
  transition: all 0.3s ease-in-out;
  -webkit-filter: grayscale(20%);
          filter: grayscale(20%); }
  .tiles .light_grey_bg a {
    color: #1A5895;
    text-decoration: none; }
  .tiles .light_grey_bg:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
    background-color: #3C3C3C; }
    .tiles .light_grey_bg:hover a {
      color: #fff; }

.tiles .used_light_blue_bg {
  transition: all 0.3s ease-in-out;
  -webkit-filter: grayscale(20%);
          filter: grayscale(20%); }
  .tiles .used_light_blue_bg a {
    color: #efefef;
    text-decoration: none; }
  .tiles .used_light_blue_bg:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
    background-color: #efefef; }
    .tiles .used_light_blue_bg:hover a {
      color: #0F3365; }

.tiles .section {
  height: 100%;
  min-height: 300px;
  padding: 4rem;
  text-align: center;
  box-shadow: 0 0 200px 60px inset rgba(0, 0, 0, 0.2);
  -webkit-filter: grayscale(20%);
          filter: grayscale(20%); }
  .tiles .section .advanced__textarea {
    align-self: center; }
    .tiles .section .advanced__textarea h3 {
      margin-bottom: 0;
      text-transform: uppercase;
      text-align: center;
      font-size: 22px;
      line-height: 34px;
      font-weight: 425;
      letter-spacing: 3px; }
      .tiles .section .advanced__textarea h3 a {
        text-align: center; }

@media (min-width: 768px) {
  .tiles.tall .imgLiquidFill {
    min-height: 380px; } }

.tiles p {
  font-size: 1.143rem;
  line-height: 1.571rem; }

.tiles.invert {
  transition: -webkit-filter 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out; }
  .tiles.invert .imgLiquidFill {
    -webkit-filter: grayscale(20%) invert(0%);
            filter: grayscale(20%) invert(0%); }
    .tiles.invert .imgLiquidFill:hover {
      -webkit-filter: grayscale(0%) invert(75%);
              filter: grayscale(0%) invert(75%); }

.tiles.home .section {
  min-height: 240px; }

.tiles.home .imgLiquidFill {
  min-height: 240px !important; }
  .tiles.home .imgLiquidFill img {
    display: none !important; }

.tiles.home .image-caption-wrap {
  box-shadow: 0 0 200px 60px inset rgba(0, 0, 0, 0.8); }
  .tiles.home .image-caption-wrap:hover {
    box-shadow: 0 0 200px 200px inset rgba(200, 200, 200, 0);
    color: #fff; }
  .tiles.home .image-caption-wrap .image-caption {
    font-size: 1rem;
    line-height: 1.6rem;
    letter-spacing: 0.25rem;
    font-weight: 425; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tiles.home {
    /* IE media query hack */ }
    .tiles.home .image-caption-wrap {
      background: rgba(0, 0, 0, 0.6); }
      .tiles.home .image-caption-wrap:hover {
        background: transparent;
        opacity: 0.9; } }

.tiles.home .section .advanced__textarea h3 a {
  font-size: 1rem;
  line-height: 1.6rem;
  letter-spacing: 0.25rem;
  font-weight: 425; }

@media (max-width: 768px) {
  .imgLiquidFill {
    min-height: 300px !important; } }

@media (min-width: 768px) {
  .imgLiquidFill {
    min-height: 280px; }
    .imgLiquidFill img {
      display: none; } }

.more-info-js-wrap + [data-readmore-toggle], .more-info-js-wrap[data-readmore], .new-more-info-js-wrap + [data-readmore-toggle], .new-more-info-js-wrap[data-readmore] {
  display: block;
  width: 100%; }

.more-info, .new-more-info {
	overflow: hidden; 
}

.more-info, .new-more-info a {color: white; text-decoration: underline;}

#regNumber {
  background: #fce410 url(/img/valuation/numberplate-bg.png) no-repeat scroll left center;
  border-radius: 8px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  font-size: 55px;
  font-weight: bold;
  height: 80px;
  letter-spacing: -.02em;
  margin-bottom: 20px;
  max-width: 380px;
  padding: 0 5px 5px 50px;
  text-transform: uppercase;
  width: 100%;
  color: #000; }

.reg_box {
  width: 300px;
  border: 1px solid #333;
  border-radius: 4px;
  background: url(/img/valuation/gb.jpg) center left no-repeat;
  height: 70px !important;
  line-height: 70px !important;
  display: block;
  margin: 30px auto;
  padding: 15px 20px 15px 70px; }

.page__used_details #used-details-title {
  letter-spacing: 0.25rem; }
  @media (max-width: 450px) {
    .page__used_details #used-details-title {
      font-size: 1.143rem !important;
      line-height: 1.2rem !important; } }
@media (max-width: 450px) {
  .page__used_details #used-details-title, .page__used_details .price, .page__used_details .monthly-price, .page__used_details .monthly-price-link {
    font-size: 1rem;
    line-height: 1.2rem; } }

@media (max-width: 450px) {
  .page__used_details .version {
    font-size: 0.875rem;
    line-height: 1.2rem; } }

.page__used_details .gallery__wrap {
  position: relative;
  z-index: 0; }
  .page__used_details .gallery__wrap .gallery {
    position: relative;
    z-index: 1; }
  .page__used_details .gallery__wrap .gallery__controlls {
    background-color: rgba(0, 0, 0, 0.6);
    top: inherit;
    right: 0;
    bottom: 0;
    left: inherit;
    position: absolute;
    z-index: 2;
    padding-left: 15px; }
    .page__used_details .gallery__wrap .gallery__controlls .open_gallery, .page__used_details .gallery__wrap .gallery__controlls .open_video {
      font-size: 25px;
      line-height: 25px;
      padding: 0 15px 0 0; }
    .page__used_details .gallery__wrap .gallery__controlls .slick-arrow {
      position: relative;
      left: inherit;
      right: inherit;
      top: inherit;
      bottom: inherit;
      transform: none;
      width: 25px;
      height: 25px;
      margin: 0;
      padding: 0 15px 0 0; }
      .page__used_details .gallery__wrap .gallery__controlls .slick-arrow:before {
        color: #fff;
        line-height: 25px;
        opacity: 1; }

.page__used_details .used__ctas a {
  flex: 1 1 100%;
  border-bottom: 1px solid #cacaca;
  font-weight: 500; }
  @media (min-width: 550px) {
    .page__used_details .used__ctas a {
      flex: 1 1 50%;
      border-bottom: none; }
      .page__used_details .used__ctas a:last-child, .page__used_details .used__ctas a:nth-child(2) {
        border: none; } }
  .page__used_details .used__ctas a i {
    background-color: black;
    transition: all 0.3s ease-in-out; }
  .page__used_details .used__ctas a:hover i {
    background-color: #0F3365; }
  .page__used_details .used__ctas a span {
    border-bottom: 3pt solid rgba(0, 123, 255, 0.3);
    -moz-background-clip: border;
    /* Firefox 3.6 */
    -webkit-background-clip: border;
    /* Safari 4? Chrome 6? */
    background-clip: border-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */
    -moz-background-clip: padding;
    /* Firefox 3.6 */
    -webkit-background-clip: padding;
    /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */
    padding: 0px 0px 5px 0px;
    font-size: 1.2rem;
    letter-spacing: 0.10rem; }
  .page__used_details .used__ctas a span:hover {
    border-bottom: 3pt solid #007bff;
    -moz-background-clip: border;
    /* Firefox 3.6 */
    -webkit-background-clip: border;
    /* Safari 4? Chrome 6? */
    background-clip: border-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */
    -moz-background-clip: padding;
    /* Firefox 3.6 */
    -webkit-background-clip: padding;
    /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */ }

@media (max-width: 768px) {
  .page__used_details .used__ctas a {
    flex: 1 1 50%;
    border-bottom: 0px solid #cacaca; } }

@media (max-width: 415px) {
  .page__used_details .used__ctas a {
    flex: 1 1 100%;
    border-bottom: 0px solid #cacaca; } }

@media (min-width: 768px) {
  .page__used_details .full-spec li {
    flex: 1 1 50%;
    max-width: 50%; } }

.PaypalButton {
  background: url(/img/icons/paypal-pay-button.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  cursor: pointer;
  display: block;
  height: 51px;
  padding: 0;
  position: relative;
  text-decoration: none;
  width: 234px;
  margin: 0 auto 25px auto; }

.covid_strip {
  padding: 8px 0; }
  .covid_strip h5 {
    font-size: 9px;
    line-height: 15px;
    letter-spacing: 0.4px; }
    @media (min-width: 425px) {
      .covid_strip h5 {
        font-size: 14px;
        line-height: 20px; } }
    @media (min-width: 990px) {
      .covid_strip h5 {
        font-size: 18px;
        line-height: 24px; } }

@media (min-width: 769px) {	
.page_used-car-details .showstrip {display: inherit !important;}
	.page_used-car-details .hidestrip {display: none !important;}
	.page_home .showstrip {display: none !important;}
	.page_home .hidestrip {display: inherit !important;}
/* default*/
	.showstrip {display: none !important;}
	.hidestrip {display: inherit !important;}
}


.addthis_inline_share_toolbox {
  display: inline-block;
  width: auto;
  max-width: inherit;
  box-sizing: border-box; }

.news-body img {
  width: 100%;
  margin-bottom: 2rem; }

.offer-details .offer-details_terms {
  font-size: 0.875rem; }

.half-ctas a {
  flex: 1 1 50%;
  max-width: 50%; }

@-webkit-keyframes slidein {
  from {
    margin-left: 100%;
    width: 100%; }
  to {
    margin-left: 0%;
    width: 100%; } }

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 100%; }
  to {
    margin-left: 0%;
    width: 100%; } }

.findus__ctas a {
  flex: 1 0 75%;
  border-bottom: 1px solid #cacaca;
  font-weight: 500; }
  @media (min-width: 550px) {
    .findus__ctas a {
      flex: 0 0 75%;
      border-bottom: none; }
      .findus__ctas a:last-child, .findus__ctas a:nth-child(2) {
        border: none; } }
  .findus__ctas a i {
    background-color: black;
    transition: all 0.3s ease-in-out; }
  .findus__ctas a:hover i {
    background-color: #f6bc13; }
  .findus__ctas a span {
    border-bottom: 3pt solid rgba(255, 255, 255, 0.3);
    -moz-background-clip: border;
    /* Firefox 3.6 */
    -webkit-background-clip: border;
    /* Safari 4? Chrome 6? */
    background-clip: border-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */
    -moz-background-clip: padding;
    /* Firefox 3.6 */
    -webkit-background-clip: padding;
    /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */
    padding: 0px 0px 5px 0px;
    font-size: 1.2rem;
    letter-spacing: 0.10rem; }
  .findus__ctas a span:hover {
    border-bottom: 3pt solid rgba(255,255,255, 0.9);
    -moz-background-clip: border;
    /* Firefox 3.6 */
    -webkit-background-clip: border;
    /* Safari 4? Chrome 6? */
    background-clip: border-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */
    -moz-background-clip: padding;
    /* Firefox 3.6 */
    -webkit-background-clip: padding;
    /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */ }
  .findus__ctas a span:before {
    border-bottom: 3pt solid rgba(117, 4, 28, 0.3);
    -moz-background-clip: border;
    /* Firefox 3.6 */
    -webkit-background-clip: border;
    /* Safari 4? Chrome 6? */
    background-clip: border-box;
    /* Firefox 4, Safari 5, Opera 10, IE 9 */
    -moz-background-clip: padding;
    /* Firefox 3.6 */
    -webkit-background-clip: padding;
    /* Safari 4? Chrome 6? */ }

@media (max-width: 768px) {
  .findus__ctas a {
    flex: 1 0 100%;
    border-bottom: 0px solid #cacaca; } }

@media (max-width: 415px) {
  .findus__ctas a {
    flex: auto;
    border-bottom: 0px solid #cacaca; } }

@media (max-width: 415px) {
  .opening-hours .border-right {
    border-right: 0px solid #cacaca !important; } }

.umb-grid .container {
  padding-right: unset !important;
  padding-left: unset !important;
  padding: 0 !important;}

@media (min-width: 992px) {
  .umb-grid .container {
    max-width: 100% !important;padding: 0 !important;width: 100% !important; } }

@media (min-width: 768px) {
  .umb-grid .container {
    max-width: 100% !important;padding: 0 !important;width: 100% !important; } }

@media (min-width: 576px) {
  .umb-grid .container {
    max-width: 100% !important;padding: 0 !important;width: 100% !important; } }
.fade-in {
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  90% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  90% {
    opacity: 1; } }

.fade-in2 {
  animation: fadeIn ease 8s;
  -webkit-animation: fadeIn ease 8s;
  -moz-animation: fadeIn ease 8s;
  -o-animation: fadeIn ease 8s;
  -ms-animation: fadeIn ease 8s; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  90% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* Cookies Styling 2022*/
.cookie-button {
  font-weight: normal;
  padding: 15px 15px!important;
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  background-color: #249c00;
}

.cookie-paragraph {
  font-size: .85rem;
}

#cookieSettings {box-shadow: none;}
#cookieSettings h5 {
  margin-bottom: 5px;
}

#cookieSettings .modal-footer {
  justify-content: center;
}

#cookieSettings .modal-footer button {
  width: 100%;
}

#cookieSettings .custom-control-label::after {
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    width: 25px;
    height: 22.5px;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
    background: #fff;
    border-radius: 0;
    transition: transform .3s ease;
}

#cookieSettings .custom-control-label::before {
    position: absolute;
    left: 0;
    display: block;
    width: 75px;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #000;
    height: 30px;
    border-radius: 0;
    top: 0;
}

#cookieSettings .custom-control-input:checked~.custom-control-label::after {
  color: #fff;
  background-color: #fff;
transform: translateX(40px);
}

#cookieSettings .checked .custom-control-label::after {
      color: #fff;
  background-color: #fff;
transform: translateX(0px);
}

#cookieSettings .checked {
  filter: none;
}
.cookieInitialPopUp {justify-content: space-evenly;}
.modal-title {
    text-align: center;
    font-weight: bold;
}
@media (max-width: 768px){
  .cookieInitialPopUp button, .cookieInitialPopUp a {
    width: 100%;
  }
}
/* Cookie Slideout */
@media (max-width: 576px){.modal-dialog.modal-dialog-slideout {width: 100%}}
.modal-dialog-slideout {min-height: 100%; margin: 0 auto 0 0 ;  /*background: transparent;*/ background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(-100%,0);transform: translate(-100%,0);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);flex-flow: column;}
.modal-dialog-slideout .modal-content{border: 0;}

.underline-link {display:inline-block;   font-weight:500;   text-transform: uppercase;   position: relative;   font-size: 1rem;   line-height:2rem;   text-decoration: none;   letter-spacing: 5px; font-weight: bold;}   
.underline-link::before {   content: "";   position:absolute;   bottom: 0;   left: 0;   height: 3px;   width:100%;   background-color: #cecece; }  
.underline-link::after {   content: "";   position:absolute;   bottom: 0;   left: 0;   height: 0px;   width:0%;   background-color: #000;   transition: height 200ms ease-in-out, width 200ms ease-in-out;}
.underline-link:hover::after {height: 3px;width: 100%;}

#cookieSettings .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 0px solid #e5e5e5;
}
.modal-open .modal {
    max-width: fit-content;
    height: fit-content;
    box-shadow: none;
}

/*New brands layout sinclairgroup*/
.brands-grid .row {
  margin-inline: 0;margin-bottom: 0px;
}

.brands-grid .column {
  padding-inline: 0;
}

.brands-grid .column .advanced__textarea {
  padding: 30px;
}

.brands-grid.light_gray_intro .column .advanced__textarea {
  background-color: #efefef;
}

.brands-grid .column a {
padding:0;
}

.brands-grid .column a .image-with-accreditation-wrapper {
padding:0;
height:100%;
overflow:hidden;
}

.brands-grid .column a .image-with-accreditation-wrapper img {
height: 100%;
width: 100%;
object-fit: cover;
transition: transform 500ms ease-in, filter 500ms ease-in;
}


.brands-grid .column a:hover .image-with-accreditation-wrapper img {
transform:scale(1.05);
filter: brightness(1.5);
}

@media (max-width: 450px) {	
   .brands-grid .column a .image-with-accreditation-wrapper {height: 200px;}
}

@media (min-width:768px) {
  .brands-grid .column > div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .brands-grid .column > div div:first-child {
    grid-column:span 2;
  }
}

@media (min-width:992px) {
  .brands-grid .column .advanced__textarea {
  padding: 50px;
}
}

@media (min-width: 1200px) {
  .brands-grid .column > div {
    grid-template-columns: repeat(4, 1fr);
  }

  .brands-grid .column > div div:first-child {
    grid-column:span 2;
  }

  .brands-grid .column .advanced__textarea {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
}

.brands-grid .column .c {
  display:none;
}
/* homepage grid images with links */
@media (max-width:767px) {
  .home-grid .new_section {
    padding: 0 0 2rem;
  }
}

.home-grid .column > div {
  overflow: hidden;
}

.home-grid .column a {
  position:relative;
  overflow: hidden;
  display:block;
}

@media (max-width:767px) {
  .home-grid .umb-grid .row.c {
    margin-bottom:0;
  }

  .home-grid .column a {
    max-height: 200px;
}
}

.home-grid .column a:hover img {
 transform: scale(1.05);
 filter: brightness(0.9);
}

.home-grid .column a:hover .image-caption::after {
 height: 3px;
 width: 100%;
}

.home-grid .image-with-accreditation-wrapper img {
 filter: brightness(0.5);
 transition: transform 500ms ease-in,filter 500ms ease-in;
}

.home-grid .column .image-caption {
 position:absolute;
 top:50%;
 left: 50%;
 transform: translate(-50%, -50%);
 font-size: 1rem;
 text-transform: uppercase;
 font-weight: 500;
 color: #fff;
 letter-spacing: 0.2rem;
 text-align:center;
 white-space: nowrap;
}

@media (min-width: 1500px) {
 .home-grid .column .image-caption {
   font-size: 1.3rem;
 }
}

.home-grid .column .image-caption::before {
   /*content: "";*/
   position: absolute;
   bottom: 0;
   left: 0;
   height: 3px;
   width: 100%;
   background-color: #cecece;
   opacity:0.5;
}

.home-grid .column .image-caption::after {
   /*content: "";*/
   position: absolute;
   bottom: 0;
   left: 0;
   height: 0px;
   width: 0%;
   background-color: #fff;
   transition: height 200ms ease-in-out, width 200ms ease-in-out;
}


/* homepage new layout Sept 23  */

.hero_banner.home .hero_banner__overlay h2 {
  line-height: 2rem;
  letter-spacing: .2rem;
  font-weight: 425;
  font-size: 1rem;
}
.hero_banner__overlay h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  letter-spacing: .2rem;
  text-align: center;
  white-space: nowrap;
}
.hero_banner.home .hero_banner__overlay h2 {
max-width: 100%;
}

.hero_banner.home .hero_banner__overlay {
box-shadow: 0 0 1200px 200px inset rgba(0,0,0,.38);
transition: all .3s ease-in-out;
}
.hero_banner.home .hero_banner__overlay:hover {
  box-shadow: 0 0 1200px 200px inset rgba(0,0,0,0);
}
.home-grid.home-tiles .column .image-caption {
white-space: break-spaces;
}

.home-grid.home-tiles .image-with-accreditation-wrapper img {
width:100%;
}


.home-grid .row {
margin-left: -0.5rem!important;
margin-right: -0.5rem!important;
}

.home-grid .row .column {
padding-right: 0.5rem!important;
padding-left: 0.5rem!important;
}

@media (max-width: 767px) {
  
.hero_banner.home .hero_banner__video {
  min-height: 180px;
}
/*.hero_banner .top_banner, .hero_banner_img_wrapper {
    padding: 0rem 1rem 0rem 1rem;
    background: black;
}*/
.home-grid.home-tiles .column a {
    margin: 7px 0 7px 0;
}
.home-grid.home-tiles .column:first-of-type  a{
    margin-top: 0px;
}
.home-grid .new_section {
  padding: 0 0 1rem;
}

.home-grid.home-tiles .image-with-accreditation-wrapper {
  max-height: 200px;
}
        
.home-grid.home-tiles .image-with-accreditation-wrapper img {
 width: 100%;
    object-position: center;
    height: 210px;
    object-fit: cover;
}

.top_banner {
  height: 200px;
	image-rendering: optimizequality;
    image-rendering: -webkit-optimize-contrast;
}
}
@media (max-width: 320px) {
.home-grid.home-tiles .image-with-accreditation-wrapper img {
  object-position: 50%;
}
}
@media (min-width: 1500px) {
.hero_banner.home .hero_banner__overlay h2 {
    font-size: 1.3rem;
}
}

@media (min-width:768px) and (max-width:1099px) {
.home-grid.home-tiles .column:first-of-type a,
.homr-grid.home-tiles .column:nth-of-type(n+1) a {
  margin-bottom: 1rem;
}
}

.top_banner {
background-color: #000;
overflow: hidden;
}

.top_banner .banner__image {
transition: all .5s ease-in-out;
transform: scale(1);
overflow: hidden;
max-height: 500px;
}

.top_banner:hover .banner__image {
transform: scale(1.05);
}

.top_banner .banner__image picture,
.top_banner .banner__image img {
width: 100%;
}

.banner__content {
padding: 0;
background: transparent!important;
}
/*# sourceMappingURL=style.css.map */