
#autocomplete{border:1px solid;overflow:hidden;position:absolute;z-index:100;}#autocomplete ul{list-style:none;list-style-image:none;margin:0;padding:0;}#autocomplete li{background:#fff;color:#000;cursor:default;white-space:pre;zoom:1;}html.js input.form-autocomplete{background-image:url(//cdn2.buyacar.co.uk/misc/throbber-inactive.png);background-position:100% center;background-repeat:no-repeat;}html.js input.throbbing{background-image:url(//cdn1.buyacar.co.uk/misc/throbber-active.gif);background-position:100% center;}html.js fieldset.collapsed{border-bottom-width:0;border-left-width:0;border-right-width:0;height:1em;}html.js fieldset.collapsed .fieldset-wrapper{display:none;}fieldset.collapsible{position:relative;}fieldset.collapsible .fieldset-legend{display:block;}.form-textarea-wrapper textarea{display:block;margin:0;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.resizable-textarea .grippie{background:#eee url(//cdn1.buyacar.co.uk/misc/grippie.png) no-repeat center 2px;border:1px solid #ddd;border-top-width:0;cursor:s-resize;height:9px;overflow:hidden;}body.drag{cursor:move;}.draggable a.tabledrag-handle{cursor:move;float:left;height:1.7em;margin-left:-1em;overflow:hidden;text-decoration:none;}a.tabledrag-handle:hover{text-decoration:none;}a.tabledrag-handle .handle{background:url(//cdn2.buyacar.co.uk/misc/draggable.png) no-repeat 6px 9px;height:13px;margin:-0.4em 0.5em;padding:0.42em 0.5em;width:13px;}a.tabledrag-handle-hover .handle{background-position:6px -11px;}div.indentation{float:left;height:1.7em;margin:-0.4em 0.2em -0.4em -0.4em;padding:0.42em 0 0.42em 0.6em;width:20px;}div.tree-child{background:url(//cdn2.buyacar.co.uk/misc/tree.png) no-repeat 11px center;}div.tree-child-last{background:url(//cdn1.buyacar.co.uk/misc/tree-bottom.png) no-repeat 11px center;}div.tree-child-horizontal{background:url(//cdn2.buyacar.co.uk/misc/tree.png) no-repeat -11px center;}.tabledrag-toggle-weight-wrapper{text-align:right;}table.sticky-header{background-color:#fff;margin-top:0;}.progress .bar{background-color:#fff;border:1px solid;}.progress .filled{background-color:#000;height:1.5em;width:5px;}.progress .percentage{float:right;}.ajax-progress{display:inline-block;}.ajax-progress .throbber{background:transparent url(//cdn1.buyacar.co.uk/misc/throbber-active.gif) no-repeat 0px center;float:left;height:15px;margin:2px;width:15px;}.ajax-progress .message{padding-left:20px;}tr .ajax-progress .throbber{margin:0 2px;}.ajax-progress-bar{width:16em;}.container-inline div,.container-inline label{display:inline;}.container-inline .fieldset-wrapper{display:block;}.nowrap{white-space:nowrap;}html.js .js-hide{display:none;}.element-hidden{display:none;}.element-invisible{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;}.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus{position:static !important;clip:auto;overflow:visible;height:auto;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}* html .clearfix{height:1%;}*:first-child + html .clearfix{min-height:1%;}/**/
div.messages{background-position:8px 8px;background-repeat:no-repeat;border:1px solid;margin:6px 0;padding:10px 10px 10px 50px;}div.status{background-image:url(//cdn1.buyacar.co.uk/misc/message-24-ok.png);border-color:#be7;}div.status,.ok{color:#234600;}div.status,table tr.ok{background-color:#f8fff0;}div.warning{background-image:url(//cdn1.buyacar.co.uk/misc/message-24-warning.png);border-color:#ed5;}div.warning,.warning{color:#840;}div.warning,table tr.warning{background-color:#fffce5;}div.error{background-image:url(//cdn1.buyacar.co.uk/misc/message-24-error.png);border-color:#ed541d;}div.error,.error{color:#8c2e0b;}div.error,table tr.error{background-color:#fef5f1;}div.error p.error{color:#333;}div.messages ul{margin:0 0 0 1em;padding:0;}div.messages ul li{list-style-image:none;}/**/
span[data-picture-align="left"],img[data-picture-align="left"]{float:left;}span[data-picture-align="right"],img[data-picture-align="right"]{float:right;}span[data-picture-align="center"],img[data-picture-align="center"]{display:block;margin-left:auto;margin-right:auto;}.cke_dialog_body tr td:last-child{border-right:0px;}/**/
.rrssb-buttons.large-format li a,.rrssb-buttons.large-format li a .text{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.rrssb-buttons,.rrssb-buttons li,.rrssb-buttons li a{-moz-box-sizing:border-box;box-sizing:border-box}.clearfix{*zoom:1}.clearfix:after{clear:both}.clearfix:before,.clearfix:after{content:" ";display:table}.rrssb-buttons{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:36px;margin:0;padding:0;width:100%}.rrssb-buttons li{float:left;height:100%;list-style:none;margin:0;padding:0 2.5px;line-height:13px}.rrssb-buttons li.email a{background-color:#0a88ff}.rrssb-buttons li.email a:hover{background-color:#006ed6}.rrssb-buttons li.facebook a{background-color:#306199}.rrssb-buttons li.facebook a:hover{background-color:#244872}.rrssb-buttons li.tumblr a{background-color:#32506d}.rrssb-buttons li.tumblr a:hover{background-color:#22364a}.rrssb-buttons li.linkedin a{background-color:#007bb6}.rrssb-buttons li.linkedin a:hover{background-color:#005983}.rrssb-buttons li.twitter a{background-color:#26c4f1}.rrssb-buttons li.twitter a:hover{background-color:#0eaad6}.rrssb-buttons li.googleplus a{background-color:#e93f2e}.rrssb-buttons li.googleplus a:hover{background-color:#ce2616}.rrssb-buttons li.youtube a{background-color:#df1c31}.rrssb-buttons li.youtube a:hover{background-color:#b21627}.rrssb-buttons li.reddit a{background-color:#8bbbe3}.rrssb-buttons li.reddit a:hover{background-color:#62a3d9}.rrssb-buttons li.pinterest a{background-color:#b81621}.rrssb-buttons li.pinterest a:hover{background-color:#8a1119}.rrssb-buttons li.pocket a{background-color:#ed4054}.rrssb-buttons li.pocket a:hover{background-color:#e4162d}.rrssb-buttons li.github a{background-color:#444}.rrssb-buttons li.github a:hover{background-color:#2b2b2b}.rrssb-buttons li a{background-color:#ccc;border-radius:2px;display:block;font-size:11px;font-weight:bold;height:100%;padding:11px 7px 12px 27px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}.rrssb-buttons li a .icon{display:block;height:100%;left:10px;padding-top:9px;position:absolute;top:0;width:10%}.rrssb-buttons li a .icon svg{height:17px;width:17px}.rrssb-buttons li a .icon svg path,.rrssb-buttons li a .icon svg polygon{fill:#fff}.rrssb-buttons li a .text{color:#fff}.rrssb-buttons li a:active{box-shadow:inset 1px 3px 15px 0 rgba(22,0,0,0.25)}.rrssb-buttons li.small a{padding:0}.rrssb-buttons li.small a .icon{height:100%;left:auto;margin:0 auto;overflow:hidden;position:relative;top:auto;width:100%}.rrssb-buttons li.small a .text{visibility:hidden}.rrssb-buttons.large-format{height:auto}.rrssb-buttons.large-format li{height:auto}.rrssb-buttons.large-format li a{font-size:15px;font-size:1vw;padding:7% 0% 7% 12%;border-radius:0.2em;line-height:1vw}.rrssb-buttons.large-format li a .icon{left:7%;padding-top:0;width:12%}.rrssb-buttons.large-format li a .icon svg{height:100%;width:100%}.rrssb-buttons.large-format li a .text{font-size:15px;font-size:1vw}.rrssb-buttons.large-format li a:hover{font-size:15px;font-size:1vw;padding:7% 0% 7% 12%;border-radius:0.2em}.rrssb-buttons.small-format{padding-top:5px}.rrssb-buttons.small-format li{height:80%;padding:0 1.5px}.rrssb-buttons.small-format li a .icon{height:100%;padding-top:0}.rrssb-buttons.small-format li a .icon svg{height:48%;position:relative;top:6px;width:80%}.rrssb-buttons.tiny-format{height:22px;position:relative}.rrssb-buttons.tiny-format li{padding-right:7px}.rrssb-buttons.tiny-format li a{background-color:transparent;padding:0}.rrssb-buttons.tiny-format li a .icon svg{height:70%;width:100%}.rrssb-buttons.tiny-format li a:hover,.rrssb-buttons.tiny-format li a:active{background-color:transparent}.rrssb-buttons.tiny-format li.email a .icon svg path,.rrssb-buttons.tiny-format li.email a .icon svg polygon{fill:#0a88ff}.rrssb-buttons.tiny-format li.email a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.email a .icon:hover .icon svg polygon{fill:#0054a3}.rrssb-buttons.tiny-format li.facebook a .icon svg path,.rrssb-buttons.tiny-format li.facebook a .icon svg polygon{fill:#306199}.rrssb-buttons.tiny-format li.facebook a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.facebook a .icon:hover .icon svg polygon{fill:#18304b}.rrssb-buttons.tiny-format li.tumblr a .icon svg path,.rrssb-buttons.tiny-format li.tumblr a .icon svg polygon{fill:#32506d}.rrssb-buttons.tiny-format li.tumblr a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.tumblr a .icon:hover .icon svg polygon{fill:#121d27}.rrssb-buttons.tiny-format li.linkedin a .icon svg path,.rrssb-buttons.tiny-format li.linkedin a .icon svg polygon{fill:#007bb6}.rrssb-buttons.tiny-format li.linkedin a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.linkedin a .icon:hover .icon svg polygon{fill:#003650}.rrssb-buttons.tiny-format li.twitter a .icon svg path,.rrssb-buttons.tiny-format li.twitter a .icon svg polygon{fill:#26c4f1}.rrssb-buttons.tiny-format li.twitter a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.twitter a .icon:hover .icon svg polygon{fill:#0b84a6}.rrssb-buttons.tiny-format li.googleplus a .icon svg path,.rrssb-buttons.tiny-format li.googleplus a .icon svg polygon{fill:#e93f2e}.rrssb-buttons.tiny-format li.googleplus a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.googleplus a .icon:hover .icon svg polygon{fill:#a01e11}.rrssb-buttons.tiny-format li.youtube a .icon svg path,.rrssb-buttons.tiny-format li.youtube a .icon svg polygon{fill:#df1c31}.rrssb-buttons.tiny-format li.youtube a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.youtube a .icon:hover .icon svg polygon{fill:#84111d}.rrssb-buttons.tiny-format li.reddit a .icon svg path,.rrssb-buttons.tiny-format li.reddit a .icon svg polygon{fill:#8bbbe3}.rrssb-buttons.tiny-format li.reddit a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.reddit a .icon:hover .icon svg polygon{fill:#398bcf}.rrssb-buttons.tiny-format li.pinterest a .icon svg path,.rrssb-buttons.tiny-format li.pinterest a .icon svg polygon{fill:#b81621}.rrssb-buttons.tiny-format li.pinterest a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.pinterest a .icon:hover .icon svg polygon{fill:#5d0b11}.rrssb-buttons.tiny-format li.pocket a .icon svg path,.rrssb-buttons.tiny-format li.pocket a .icon svg polygon{fill:#ed4054}.rrssb-buttons.tiny-format li.pocket a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.pocket a .icon:hover .icon svg polygon{fill:#b61124}.rrssb-buttons.tiny-format li.github a .icon svg path,.rrssb-buttons.tiny-format li.github a .icon svg polygon{fill:#444}.rrssb-buttons.tiny-format li.github a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.github a .icon:hover .icon svg polygon{fill:#111}/**/
.item-list ul.sharerich-buttons{padding:0;margin:0;}.item-list ul.sharerich-buttons li{float:left;list-style:none;margin:0;padding:0 2.5px;}.item-list ul.sharerich-buttons li a{padding:7% 0% 7% 12%;}.item-list ul.sharerich-buttons li.small a{padding:0;}.rrssb-buttons li.whatsapp a{background-color:#65BC54;}/**/
.buyacar-stock-api{background-color:#fff;border:2px solid #999;cursor:default;display:none;position:absolute;padding:10px;z-index:200;}.buyacar-stock-api h2{text-align:center;font-size:18px;padding:5px 0 15px;}.buyacar-stock-api input,.buyacar-stock-api textarea{margin:5px 0 10px;box-sizing:border-box;}.buyacar-stock-api .form-textfield-wrapper input{width:100%;clear:both;}.buyacar-stock-api ul{margin-bottom:10px;}.buyacar-stock-api li{list-style:disc;margin-left:30px;}.buyacar-stock-api .help-text{margin-right:35px;}.buyacar-stock-api .inner-wrapper{display:inline-block;vertical-align:top;width:45%;}/**/
.boxout-popup{background-color:#ffffff;border:2px solid #999999;cursor:default;display:none;position:absolute;padding:1em;width:500px;z-index:200;}.boxout-popup .form-item{border:none;padding:0px 9px 9px 9px;}.boxout-popup .form-item-boxout-header{float:left;width:65%;}.boxout-popup .form-item-boxout-header-element-type{float:left;clear:right;width:20%;}.boxout-popup .form-item-boxout-body{clear:both;}/**/
.boxout{float:right;width:45%;margin:.4em 0 .4em 1em;background:#e6ecef;padding:0.5em;border-top:6px solid #f2b250;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:1.4;}.boxout p{line-height:1.4;}.boxout p last-child{margin-bottom:0;}.boxout.plain{float:none;margin:.4em 0 .4em 0;background:#EFEFEF;padding:0.4em;border:1px solid #CCC;width:100%;}/**/
.wysiwyg-sp-seo-popup{background-color:#ffffff;border:2px solid #999999;cursor:default;display:none;position:absolute;padding:1em;z-index:200;}.wysiwyg-sp-seo-img{display:block;border:0;border-top:1px dotted #ccc;margin-top:1em;width:100%;height:12px;background:transparent url(//cdn2.buyacar.co.uk/profiles/dennis_distro/modules/contrib/wysiwyg_smart_paging_seo/plugins/smart_paging_seo/images/placeholder_background.gif) no-repeat center top;}/**/
/**
 * @file site.scss
 *   Master stylesheet for the site theme.
 *
 * This stylesheet contains includes of required partials only.
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

elements-of-type(html5-block) {
  display: block; }

/**
 * @file _zengrids.scss
 *   "Zen Grids" partial
 *
 */
/**
 * @file _responsive_settings.scss
 *   "Responsive Settings" partial
 *
 */
/**
 * @file _typography.scss
 *   Typography shared partial.
 *
 * This file holds all typography related styles.
 *
 *
 * The rule of thumb is - if you have specific style that is already defined in
 * your partials elsewhere then it probably should not appear here. In other
 * words DO NOT separate style and typography for a rule.
 *
 * This file uses Compass' vertical_rhythm extension
 * @see http://compass-style.org/reference/compass/typography/vertical_rhythm
 */
/**
 * Legacy and helper Classes
 */
.clear {
  clear: both; }

.clearfix:after,
.clearfix .inner:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: auto;
  visibility: hidden; }

/**
 * "Meta" mixin for creating standard social buttons. This applies background
 * gradient and sets an icon font.
 * @param  $content
 *   The font icon content value passed as is to css content.
 *   Example: '\e80e' - along with single quotes. Refer to your fontello
 *   config.json file.
 * @param  $bgcolor
 *   (optional) Starting background color for the button gradient. Default is
 *   $color-grey.
 * @param  $darken
 *   (optional) Percentage value for the argument of the darken() call. This
 *   serves as the second color for the background gradient.
 * @param  $icolor
 *   (optional) icon color.
 * @param  $isize
 *   (optional) icon font size. Defaults to 1.33em.
 */
/**
 * Generate font icons via fontello icon fonts.
 *
 * @param  $content
 *   The font icon content value passed as is to css content.
 *   Example: '\e80e' - along with single quotes. Refer to your fontello
 *   config.json file.
 * @param  $size
 *   (optional) icon font size.
 * @param  $color
 *   (optional) icon color.
 * @param  $lh
 *   (optional) icon font line-height. Default is set in $base-line-height.
 * @param  $margin
 *   (optional) icon font margins in a shorthand format.
 *   Default is "0 0.2em 0 0".
 */
/**
 * Show icons only, hide button labels.
 */
/* Link/Button */
/* Link/Button with arrow at the end */
/**
 * Equal height rows using flexbox
 */
/**
 * Make last element in parent flush with bottom using flexbox
 */
/**
 * Give an element full browser width when it’s already contained in an element with a width
 */
/*
  Example usage:
  @include keyframe(fadeIn) {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
 */
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/*
  Example usage:
  @include animation(10s, 5s, fadeIn);
 */
/* Link/Button with arrow at the end */
label {
  text-align: left; }
  label.disabled {
    opacity: 0.4; }

/**
 * @file _links.scss
 *   Generic styles for the Link element
 *
 */
a {
  color: #98BBCF; }
  a:visited {
    color: #87b0c7; }
  a:hover {
    color: #87b0c7; }
  a, a:link, a:visited {
    text-decoration: none; }
  a:active, a:hover, a:focus {
    outline: 0; }

/**
* @file _lists.scss
*   Generic styles for Lists
*
*/
ul,
ol {
  padding: 0; }
  ul.menu,
  ol.menu {
    margin-left: 0; }
    ul.menu li,
    ol.menu li {
      margin: 0;
      padding: 0; }

.node-full ul li,
.node-full ol li {
  margin-bottom: 1em; }

ul.unformatted {
  margin-left: 0px; }
  ul.unformatted li {
    margin-bottom: 1.5em; }

.node-full .field-type-text-long ul li,
.node-full .field-type-text-long ol li {
  margin-bottom: 1em;
  position: relative;
  padding-left: calc(26px + 0.5em); }
  .node-full .field-type-text-long ul li:last-child,
  .node-full .field-type-text-long ol li:last-child {
    margin-bottom: 0; }
  .node-full .field-type-text-long ul li:before,
  .node-full .field-type-text-long ol li:before {
    content: '';
    border-radius: 100%;
    display: inline-block;
    margin-right: 0.5em;
    position: absolute;
    top: 0;
    left: 0; }
  .node-full .field-type-text-long ul li p,
  .node-full .field-type-text-long ol li p {
    margin-bottom: 0; }

.node-full .field-type-text-long ul li:before {
  background-color: #003454;
  width: 10px;
  height: 10px;
  top: 8px;
  left: 8px; }

.node-full .field-type-text-long ol {
  counter-reset: list; }
  .node-full .field-type-text-long ol li {
    margin-bottom: 1em;
    position: relative;
    padding-left: calc(26px + 0.5em); }
    .node-full .field-type-text-long ol li:before {
      content: counter(list, decimal);
      counter-increment: list;
      font-size: 0.7777777778em;
      line-height: 2.0892857143em;
      color: #003454;
      border: solid 2px #003454;
      width: 26px;
      height: 26px;
      line-height: 24px;
      text-align: center; }

#content-tabs ul {
  margin: 0px; }
  #content-tabs ul.primary {
    background-color: #f6f6f6;
    border-top: 3px solid #f6f6f6;
    padding: 5px; }
    #content-tabs ul.primary li {
      display: inline;
      margin-right: 10px; }

/**
* @file _messages.scss
*   Generic styles for Lists
*
*/
div.messages {
  background-position: .45em .75em; }

div.content-messages div.messages,
div.content-help div.help {
  border: none;
  border-top: solid 6px;
  border-bottom: solid 6px;
  font-weight: bold;
  padding: 14px 14px 14px 37px;
  overflow-y: auto; }

div.content-messages div.status {
  border-color: #2ace6f;
  color: #21a458; }

div.content-messages div.warning {
  border-color: #EED300;
  color: #bba600; }

div.content-messages div.error {
  border-color: #ed4e53;
  color: #e82026; }

.help,
div.content-help div.help {
  border-color: #000e17;
  color: black; }

div.messages ul,
div.content-help .help ul {
  list-style-position: inside; }

div.messages a:link,
div.messages a:visited,
.help a:link,
.help a:visited,
.help .more-help-link a:link,
.help .more-help-link a:visited {
  color: #333333;
  text-decoration: underline; }

div.messages a:hover,
div.messages a:active,
.help a:hover,
.help a:active,
.help .more-help-link a:hover,
.help .more-help-link a:active,
div.messages em {
  color: #333333;
  text-decoration: none; }

#content-region ul.tips li {
  background: transparent;
  list-style: disc;
  list-style-image: none;
  list-style-position: inside; }

.in-maintenance .page .header-site-info {
  margin-bottom: 10px;
  margin-top: 10px; }

.db-offline .page .header-group-inner,
.db-offline .page .main-inner {
  padding-left: 10px;
  padding-right: 10px; }

/**
* @file _tables.scss
*   Generic styles for the Table element
*
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.4em;
  width: 100%; }
  table caption {
    background: #f6f6f6;
    text-align: left; }
  table tbody {
    border-top: 1px solid #f6f6f6; }
    table tbody thead th {
      background: #f6f6f6;
      padding-right: 10px; }
    table tbody tr:nth-child(even) td,
    table tbody tr.even td {
      background: #f6f6f6; }
    table tbody th {
      border-bottom: 3px solid #f6f6f6;
      padding-right: 1em;
      font-weight: bold;
      margin: 0;
      text-align: left; }
      table tbody th.active {
        background-color: #f6f6f6; }
        table tbody th.active img {
          display: inline; }
    table tbody th, table tbody td, table tbody caption {
      padding: 4px 10px 4px 5px; }
    table tbody td.block {
      border: none;
      float: none;
      margin: 0; }
    table tbody td.revision-current {
      background: #f6f6f6; }
  table p {
    margin-bottom: 0; }

.tabledrag-toggle-weight {
  font-size: 0.9em; }

body div.tabledrag-changed-warning {
  margin-bottom: 0.5em; }

tr.drag, tr.drag-previous {
  background-color: #f6f6f6; }
  tr.drag td, tr.drag-previous td {
    background: #f6f6f6;
    color: #000000; }

tr.drag-previous {
  background-color: #f6f6f6; }

.field-type-text-long table {
  margin-left: -20px;
  width: calc(100% + 40px);
  border-bottom: 1px #e8e8e8 solid; }
  .field-type-text-long table tbody,
  .field-type-text-long table tr,
  .field-type-text-long table th,
  .field-type-text-long table td {
    display: block;
    text-align: center; }
  .field-type-text-long table tbody tr {
    border: 1px solid #f6f6f6;
    margin-bottom: 1em; }
    .field-type-text-long table tbody tr:first-child {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .field-type-text-long table tbody tr:nth-of-type(even) td {
      background: #ffffff; }
    .field-type-text-long table tbody tr td {
      background: #ffffff; }
      .field-type-text-long table tbody tr td:before {
        content: attr(data-heading) ": "; }
      .field-type-text-long table tbody tr td:first-child {
        background: #f6f6f6; }
        .field-type-text-long table tbody tr td:first-child:before {
          content: ''; }
@media (min-width: 47.5em) {
  .field-type-text-long table tbody {
        display: table-row-group; }
        .field-type-text-long table tbody tr {
          display: table-row;
          border: none; }
          .field-type-text-long table tbody tr:first-child {
            position: relative;
            top: auto;
            left: auto; }
          .field-type-text-long table tbody tr:nth-of-type(even) {
            background: #f6f6f6; }
            .field-type-text-long table tbody tr:nth-of-type(even) td {
              background: transparent; }
          .field-type-text-long table tbody tr td, .field-type-text-long table tbody tr th {
            text-align: center;
            display: table-cell; }
            .field-type-text-long table tbody tr td:first-child, .field-type-text-long table tbody tr th:first-child {
              background: transparent; }
            .field-type-text-long table tbody tr td:before, .field-type-text-long table tbody tr th:before {
              content: ''; }
}
@media (min-width: 36.25em) {
  .field-type-text-long table {
        width: 100%;
        margin-left: 0em; }
}
@media (min-width: 36.25em) {
  .field-type-text-long table {
        border-bottom: 0px; }
}
.field-type-text-long table tbody {
    border-top: 0px; }
    .field-type-text-long table tbody tr {
      border: 0px;
      margin-bottom: 0px; }
@media (min-width: 36.25em) {
  .field-type-text-long table tbody tr {
            margin-bottom: 1em;
            border: 1px #e8e8e8 solid; }
}
@media (min-width: 47.5em) {
  .field-type-text-long table tbody tr:nth-of-type(even) {
            background: transparent; }
          .field-type-text-long table tbody tr:first-child {
            background: #003454; }
            .field-type-text-long table tbody tr:first-child td {
              background: #003454;
              color: #ffffff;
              border-right: 0px; }
              .field-type-text-long table tbody tr:first-child td:first-child {
                background: transparent; }
}
.field-type-text-long table tbody tr td {
        text-align: right;
        padding: 1em;
        border-top: 1px #f6f6f6 solid;
        border-bottom: 1px #e8e8e8 solid; }
@media (min-width: 47.5em) {
  .field-type-text-long table tbody tr td {
              text-align: center;
              border-top: 0px;
              border-right: 1px #e8e8e8 solid; }
}
.field-type-text-long table tbody tr td:first-child {
          background: #003454;
          color: #ffffff;
          font-weight: bold;
          padding: 1em 0;
          text-align: center;
          border-top: 0px;
          border-bottom: 0px; }
@media (min-width: 47.5em) {
  .field-type-text-long table tbody tr td:first-child {
                background: #f6f6f6;
                color: #000000;
                text-align: left;
                padding-left: 1em;
                padding-right: 1em;
                box-sizing: border-box; }
}
.field-type-text-long table tbody tr td:last-child {
          border-top: 0px;
          border-bottom: 0px; }
        .field-type-text-long table tbody tr td:before {
          float: left;
          font-weight: bold; }
      .field-type-text-long table tbody tr:first-child td {
        position: absolute;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px); }
@media (min-width: 47.5em) {
  .field-type-text-long table tbody tr:first-child td {
              color: #ffffff;
              font-weight: normal;
              position: inherit;
              clip: auto;
              height: auto;
              width: auto;
              overflow: inherit;
              display: table-cell; }
}
.vehicle-config-list-results-icon {
  width: 90px;
  height: 90px;
  margin: 0 5px;
  color: #000000;
  font-size: 0;
  text-align: center;
  position: relative; }
@media (min-width: 47.5em) {
  .vehicle-config-list-results-icon {
        margin: 0 10px; }
}
.vehicle-config-list-results-icon:before {
    font-family: "icons";
    content: "✓";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    font-size: 30px;
    line-height: 1;
    margin: 0 0.2em 0 0; }
  .vehicle-config-list-results-icon:before {
    width: 90px;
    height: 90px;
    line-height: 80px;
    color: #000000;
    background: #f6f6f6;
    border-radius: 100%; }
  .vehicle-config-list-results-icon:after {
    content: 'Label';
    font-size: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px; }
@media (min-width: 47.5em) {
  .vehicle-config-list-results-icon:first-child {
        margin-left: 0; }
      .vehicle-config-list-results-icon:last-child {
        margin-right: 0; }
}
.vehicle-config-list-results-icon.transmission.manual:before {
    content: '\E833'; }
  .vehicle-config-list-results-icon.transmission.manual:after {
    content: 'Manual'; }
  .vehicle-config-list-results-icon.transmission.automatic:before {
    content: '\E831'; }
  .vehicle-config-list-results-icon.transmission.automatic:after {
    content: 'Automatic'; }
  .vehicle-config-list-results-icon.fuel_type.petrol:before {
    content: '\E832'; }
  .vehicle-config-list-results-icon.fuel_type.petrol:after {
    content: 'Petrol'; }
  .vehicle-config-list-results-icon.fuel_type.diesel:before {
    content: '\E835'; }
  .vehicle-config-list-results-icon.fuel_type.diesel:after {
    content: 'Diesel'; }
  .vehicle-config-list-results-icon.fuel_type.electric:before {
    content: '\E834'; }
  .vehicle-config-list-results-icon.fuel_type.electric:after {
    content: 'Electric'; }
  .vehicle-config-list-results-icon.fuel_type.hybrid:before {
    content: '\E838'; }
  .vehicle-config-list-results-icon.fuel_type.hybrid:after {
    content: 'Hybrid'; }
  .vehicle-config-list-results-icon.doors:before {
    content: '\E829'; }
  .vehicle-config-list-results-icon.doors[data-doors]:after {
    content: attr(data-doors) " Doors"; }

.form--tooltip {
  background-color: #ccc;
  border-radius: 100%;
  bottom: 7px;
  color: #fff;
  cursor: default;
  display: block;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 7px;
  text-align: center;
  width: 30px;
  white-space: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .form--tooltip:hover {
    background-color: #213846; }
  .form--tooltip > span {
    opacity: 0;
    pointer-events: none;
    background-color: #213846;
    bottom: 35px;
    transition: 0.2s opacity, 0.2s bottom;
    left: 50%;
    line-height: normal;
    padding: 10px;
    position: absolute;
    transform: translateX(-50%);
    width: 200px;
    z-index: 100; }
    .form--tooltip > span:before {
      content: '';
      border-top: solid 8px #213846;
      border-left: solid 8px transparent;
      border-right: solid 8px transparent;
      transform: translateX(-50%) translateY(100%);
      position: absolute;
      bottom: 0;
      left: 50%; }
    .form--tooltip > span:after {
      content: '';
      position: absolute;
      height: 45px;
      left: 20%;
      right: 20%;
      bottom: -45px;
      display: block; }
@media (max-width: 60.625em) {
  .form--tooltip > span {
          right: 0;
          left: auto;
          transform: none;
          width: 300px; }
          .form--tooltip > span:before {
            left: auto;
            right: 0; }
          .form--tooltip > span:after {
            right: 0; }
}
.form--tooltip:hover span {
    opacity: 1;
    pointer-events: auto;
    bottom: 40px; }

label.label--tooltip {
  position: relative;
  display: block; }
  label.label--tooltip input {
    float: none; }

.hidden {
  display: none !important; }

.unhiddden {
  display: 'auto' !important; }

#footer {
  padding-top: 20px; }
  #footer #block-site-blocks-site-logo-link {
    order: 0; }
  #footer #block-site-blocks-site-contact-info {
    order: 1; }
  #footer #block-menu-bac-footer {
    order: 2; }
  #footer #block-site-trustpilot-mini {
    order: 3; }
  #footer #block-menu-menu-footer-social {
    order: 4; }
@media (min-width: 61.875em) {
  #footer #block-site-blocks-site-logo-link {
        order: 0; }
      #footer #block-site-blocks-site-contact-info {
        order: 1; }
      #footer #block-menu-menu-footer-social {
        order: 2; }
      #footer #block-menu-bac-footer {
        order: 3; }
      #footer #block-site-trustpilot-mini {
        order: 4; }
}
#footer #block-site-blocks-site-association {
    order: 5; }
  #footer #block-site-blocks-site-copyright {
    order: 6; }
  #footer > * {
    padding: 20px;
    margin-bottom: 0;
    width: 100%; }
  #footer #block-menu-menu-footer-social {
    padding-top: 0; }
  #footer #block-menu-bac-footer .content,
  #footer #block-menu-menu-footer-social .content {
    margin-bottom: 0;
    padding-top: 0; }
@media (min-width: 61.875em) and (max-width: 61.865em) {
  #footer #block-site-blocks-site-copyright,
    #footer #block-menu-bac-footer {
      margin-left: -20px;
      margin-right: -20px;
      width: 100vw;
      padding-left: 20px;
      padding-right: 20px; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  #footer #block-site-blocks-site-copyright,
    #footer #block-menu-bac-footer {
      width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      padding-left: 0;
      padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #footer #block-site-blocks-site-copyright,
      #footer #block-menu-bac-footer {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  #footer #block-site-blocks-site-copyright > *,
      #footer #block-menu-bac-footer > * {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) and (min-width: 61.875em) {
  #footer #block-site-blocks-site-copyright > *,
        #footer #block-menu-bac-footer > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) and (min-width: 76.875em) {
  #footer #block-site-blocks-site-copyright > *,
        #footer #block-menu-bac-footer > * {
          width: 1190px; }
}
@media (min-width: 61.875em) {
  #footer #block-menu-bac-footer .content:before {
        width: 25%; }
}
@media (min-width: 76.875em) {
  #footer {
        padding-top: 0; }
        #footer > * {
          width: auto; }
        #footer:before,
        #footer #block-site-blocks-site-logo-link {
          width: 20%;
          padding-left: 20px; }
        #footer #block-site-blocks-site-logo-link .content {
          width: fit-content;
          margin-top: 3px; }
        #footer #block-site-blocks-site-logo-link,
        #footer #block-site-blocks-site-contact-info .content,
        #footer #block-menu-menu-footer-social .content {
          height: 36px; }
        #footer #block-menu-bac-footer ul.links {
          margin-right: 20%; }
          #footer #block-menu-bac-footer ul.links li {
            margin-bottom: 0; }
        #footer #block-site-blocks-site-contact-info {
          padding: 0;
          padding-top: 10px;
          align-items: normal; }
          #footer #block-site-blocks-site-contact-info p {
            float: left; }
          #footer #block-site-blocks-site-contact-info .phone-number {
            margin-top: 3px; }
        #footer #block-menu-menu-footer-social {
          width: auto;
          margin-left: auto;
          padding: 0; }
          #footer #block-menu-menu-footer-social ul {
            padding-top: 10px; }
            #footer #block-menu-menu-footer-social ul li a {
              padding: 0;
              height: 25px;
              width: 25px; }
              #footer #block-menu-menu-footer-social ul li a:before {
                font-size: 18px;
                margin: 0;
                line-height: inherit; }
}
.form--wrapper .form--header {
  text-align: center; }
@media (min-width: 61.875em) {
  .form--wrapper {
      display: flex;
      justify-content: center; }
    .form--main {
      flex-basis: 80%; }
    .form--sidebar {
      order: 1; }
    .form--sidebar > *:not(:empty) {
      display: block;
      width: 300px;
      margin-left: 20px; }
      .form--sidebar > *:not(:empty):last-child {
        position: sticky;
        top: 20px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  .form--sidebar > *:not(:empty) {
        width: 367px; }
}
@media (max-width: 61.865em) {
  .form--sidebar {
      margin-bottom: 20px; }
}
@media (max-width: 61.865em) and (max-width: 61.865em) {
  .form--sidebar {
        margin-left: -20px;
        margin-right: -20px;
        width: 100vw;
        padding-left: 20px;
        padding-right: 20px; }
}
@media (max-width: 61.865em) and (min-width: 61.875em) {
  .form--sidebar {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0; }
}
@media only screen and (max-width: 61.865em) and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .form--sidebar {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (max-width: 61.865em) and (min-width: 61.875em) {
  .form--sidebar > * {
          display: block;
          float: none;
          margin-left: auto;
          margin-right: auto; }
}
@media (max-width: 61.865em) and (min-width: 61.875em) and (min-width: 61.875em) {
  .form--sidebar > * {
          width: 950px; }
}
@media (max-width: 61.865em) and (min-width: 61.875em) and (min-width: 76.875em) {
  .form--sidebar > * {
          width: 1190px; }
}
@media (max-width: 61.865em) and (max-width: 61.865em) {
  .form--sidebar .card {
      margin-left: -20px;
      margin-right: -20px;
      width: 100vw;
      padding-left: 0;
      padding-right: 0; }
}
@media (max-width: 61.865em) and (min-width: 61.875em) {
  .form--sidebar .card {
      width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      padding-left: 0;
      padding-right: 0; }
}
@media only screen and (max-width: 61.865em) and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .form--sidebar .card {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (max-width: 61.865em) and (min-width: 61.875em) {
  .form--sidebar .card > * {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto; }
}
@media (max-width: 61.865em) and (min-width: 61.875em) and (min-width: 61.875em) {
  .form--sidebar .card > * {
          width: 950px; }
}
@media (max-width: 61.865em) and (min-width: 61.875em) and (min-width: 76.875em) {
  .form--sidebar .card > * {
          width: 1190px; }
}
@media (max-width: 61.865em) {
  .form--sidebar .card img {
      width: 100%; }
    .form--wrapper > .form--sidebar:first-child .card-top, .form--wrapper > .form--sidebar:first-child .trustpilot-widget {
      display: none; }
}
myaccountentrypoint > .info-box {
  margin-bottom: 20px;
  max-width: 955px;
  margin-left: auto;
  margin-right: auto; }

myaccountentrypoint .pagination_container {
  margin-top: 20px; }
@media (min-width: 40.625em) {
  .orders-page {
      margin-top: 85px; }
}
.orders-page .title, .orders-page autoconvertep form .sub-title, autoconvertep form .orders-page .sub-title, .orders-page
partexchangeep form .sub-title,
partexchangeep form .orders-page .sub-title {
  margin-top: 40px; }
  .orders-page .title__user-name, .orders-page .title__user-explanation {
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    text-align: center; }
@media (min-width: 40.625em) {
  .orders-page .title__user-name, .orders-page .title__user-explanation {
          text-align: left;
          height: 40%; }
}
.orders-page .title__user-name {
    font-weight: bold; }

.summary-list {
  margin: 40px 0; }
  .summary-list__title {
    font-size: 25px;
    text-align: center; }
  .summary-list__subtitle {
    margin-bottom: 30px;
    font-size: 18px;
    color: #00B67A;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #E3E3E3; }
  .summary-list__title, .summary-list__subtitle {
    font-family: "Noto Sans", sans-serif; }
@media (min-width: 40.625em) {
  .summary-list__title, .summary-list__subtitle {
          text-align: left; }
}
.payment-item {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 15px 10px;
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.06); }
  .payment-item__general-information {
    width: 100%;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 20px; }
@media (min-width: 40.625em) {
  .payment-item__general-information {
          flex-direction: row;
          text-align: left; }
}
.payment-item__detail-information {
    height: auto;
    width: 100%;
    padding: 0;
    pointer-events: none; }
@media (min-width: 28.125em) {
  .payment-item__detail-information {
          padding: 0 20px; }
}
.payment-item__column {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0 0 15px 0; }
@media (min-width: 40.625em) {
  .payment-item__column {
          padding: 0 10px 0 0; }
}
.payment-item__column .payment-item-title {
      font-family: "Noto Sans", sans-serif;
      font-weight: bold;
      padding-bottom: 5px; }
@media (min-width: 40.625em) {
  .payment-item__column .payment-item-title {
            padding-bottom: 10px; }
}
.payment-item__button {
    font-family: "Noto Sans", sans-serif;
    align-self: center;
    width: 80%; }
@media (min-width: 31.25em) {
  .payment-item__button {
          width: auto; }
}
.order-summary {
  width: 100%;
  height: 100%;
  padding-top: 20px;
  box-sizing: border-box; }
  .order-summary__title {
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #00B67A;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #E3E3E3; }
@media (min-width: 40.625em) {
  .order-summary__title {
          text-align: left; }
}
.order-summary .card-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 0 10px; }
@media (min-width: 40.625em) {
  .order-summary .card-section {
          flex-direction: row; }
}
.order-summary .card-section__thumbnail {
      flex: 1;
      max-height: 289px;
      max-width: 500px;
      border-radius: 20px;
      overflow: auto; }
      .order-summary .card-section__thumbnail img {
        height: 100%;
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover; }
    .order-summary .card-section .details {
      display: flex;
      flex: 1;
      flex-direction: column;
      font-family: Muli;
      color: #333333;
      margin: 0 10px 0 70px; }
@media (max-width: 61.8125em) {
  .order-summary .card-section .details {
            margin: 0 10px; }
}
.order-summary .card-section .details__name {
        font-family: "Muli Bold", sans-serif;
        font-size: 30px;
        font-weight: bold;
        line-height: normal;
        margin: 20px 5px 15px; }
@media (min-width: 40.625em) {
  .order-summary .card-section .details__name {
              margin: 0 5px 15px; }
}
.order-summary .card-section .details__amount, .order-summary .card-section .details__specifications {
        font-family: "Muli ExtraBold", sans-serif;
        margin: 5px 50px 5px 5px;
        padding: 10px;
        max-width: 100%;
        border-radius: 10px; }
@media (min-width: 40.625em) {
  .order-summary .card-section .details__amount, .order-summary .card-section .details__specifications {
              max-width: 350px; }
}
@media (max-width: 61.8125em) {
  .order-summary .card-section .details__amount, .order-summary .card-section .details__specifications {
              margin-right: 0; }
}
.order-summary .card-section .details__amount {
        font-size: 16px;
        font-weight: bold;
        background-color: #F1FBFF; }
      .order-summary .card-section .details__specifications {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        background-color: #f6f6f6; }
        .order-summary .card-section .details__specifications .specifications-row {
          width: 100%;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          margin: 5px 0; }
          .order-summary .card-section .details__specifications .specifications-row .fuel,
          .order-summary .card-section .details__specifications .specifications-row .trans {
            text-align: right; }

.order-explanation {
  padding: 20px 30px;
  border-radius: 10px;
  background-color: #F1FBFF;
  box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.06);
  margin: 100px 0 50px; }
  .order-explanation__title {
    font-family: "Noto Sans", sans-serif;
    font-size: 25px;
    font-weight: bold;
    line-height: normal;
    padding-bottom: 20px; }
  .order-explanation__text {
    font-family: "Noto Sans", sans-serif;
    font-size: 18px; }

.account-balance {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 20px 35px;
  margin: 40px 0;
  border-radius: 10px;
  background-color: #ECFCF0;
  box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.06); }
  .account-balance__title {
    font-family: "Noto Sans", sans-serif;
    font-weight: bold; }
@media (min-width: 40.625em) {
  .account-balance {
        flex-direction: row;
        line-height: normal; }
}
ul.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 1em 0; }
  ul.pager li {
    text-align: center;
    margin: 0 0.5em;
    min-width: 60px; }
    ul.pager li a {
      font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
      font-size: 16px;
      background: #f40057;
      color: #ffffff;
      border-radius: 5px;
      padding: 0 1em;
      min-height: 42px;
      border: none;
      cursor: pointer;
      -webkit-appearance: none;
      display: inline-block;
      display: inline-flex;
      align-items: center;
      justify-content: center; }
      ul.pager li a:visited {
        color: #ffffff; }
      ul.pager li a:hover:not(:disabled) {
        background: #ff1468;
        color: #ffffff; }
      ul.pager li a:disabled {
        opacity: 0.4;
        cursor: default; }
      ul.pager li a:after, ul.pager li a:before {
        font-family: "icons"; }
      ul.pager li a:after {
        content: "\E823";
        margin-left: 12px; }
      ul.pager li a:after {
        margin: 0; }
@media (max-width: 47.49em) {
  ul.pager {
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between; }
        ul.pager li {
          margin: 0; }
}
ul.pager .pager-current {
    font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 16px;
    background: #f40057;
    color: #ffffff;
    border-radius: 5px;
    padding: 0 1em;
    min-height: 42px;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none; }
    ul.pager .pager-current:visited {
      color: #ffffff; }
    ul.pager .pager-current:hover:not(:disabled) {
      background: #ff1468;
      color: #ffffff; }
    ul.pager .pager-current:disabled {
      opacity: 0.4;
      cursor: default; }
    ul.pager .pager-current:after, ul.pager .pager-current:before {
      font-family: "icons"; }
    ul.pager .pager-current:after {
      content: "\E823";
      margin-left: 12px; }
    ul.pager .pager-current:before {
      content: "Page ";
      font-family: inherit; }
    ul.pager .pager-current:after {
      content: normal; }
    ul.pager .pager-current:hover {
      background-color: #003454; }
  ul.pager .pager-next a span,
  ul.pager .pager-last a span,
  ul.pager .pager-previous a span,
  ul.pager .pager-first a span {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  ul.pager .pager-previous a:after,
  ul.pager .pager-first a:after {
    transform: rotate(180deg);
    display: inline-block; }
  ul.pager .pager-item {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

#footer {
  padding-top: 20px; }
  #footer #block-site-blocks-site-logo-link {
    order: 0; }
  #footer #block-site-blocks-site-contact-info {
    order: 1; }
  #footer #block-menu-bac-footer {
    order: 2; }
  #footer #block-site-trustpilot-mini {
    order: 3; }
  #footer #block-menu-menu-footer-social {
    order: 4; }
@media (min-width: 61.875em) {
  #footer #block-site-blocks-site-logo-link {
        order: 0; }
      #footer #block-site-blocks-site-contact-info {
        order: 1; }
      #footer #block-menu-menu-footer-social {
        order: 2; }
      #footer #block-menu-bac-footer {
        order: 3; }
      #footer #block-site-trustpilot-mini {
        order: 4; }
}
#footer #block-site-blocks-site-association {
    order: 5; }
  #footer #block-site-blocks-site-copyright {
    order: 6; }
  #footer > * {
    padding: 20px;
    margin-bottom: 0;
    width: 100%; }
  #footer #block-menu-menu-footer-social {
    padding-top: 0; }
  #footer #block-menu-bac-footer .content,
  #footer #block-menu-menu-footer-social .content {
    margin-bottom: 0;
    padding-top: 0; }
@media (min-width: 61.875em) and (max-width: 61.865em) {
  #footer #block-site-blocks-site-copyright,
    #footer #block-menu-bac-footer {
      margin-left: -20px;
      margin-right: -20px;
      width: 100vw;
      padding-left: 20px;
      padding-right: 20px; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  #footer #block-site-blocks-site-copyright,
    #footer #block-menu-bac-footer {
      width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      padding-left: 0;
      padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #footer #block-site-blocks-site-copyright,
      #footer #block-menu-bac-footer {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  #footer #block-site-blocks-site-copyright > *,
      #footer #block-menu-bac-footer > * {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) and (min-width: 61.875em) {
  #footer #block-site-blocks-site-copyright > *,
        #footer #block-menu-bac-footer > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) and (min-width: 76.875em) {
  #footer #block-site-blocks-site-copyright > *,
        #footer #block-menu-bac-footer > * {
          width: 1190px; }
}
@media (min-width: 61.875em) {
  #footer #block-menu-bac-footer .content:before {
        width: 25%; }
}
@media (min-width: 76.875em) {
  #footer {
        padding-top: 0; }
        #footer > * {
          width: auto; }
        #footer:before,
        #footer #block-site-blocks-site-logo-link {
          width: 20%;
          padding-left: 20px; }
        #footer #block-site-blocks-site-logo-link .content {
          width: fit-content;
          margin-top: 3px; }
        #footer #block-site-blocks-site-logo-link,
        #footer #block-site-blocks-site-contact-info .content,
        #footer #block-menu-menu-footer-social .content {
          height: 36px; }
        #footer #block-menu-bac-footer ul.links {
          margin-right: 20%; }
          #footer #block-menu-bac-footer ul.links li {
            margin-bottom: 0; }
        #footer #block-site-blocks-site-contact-info {
          padding: 0;
          padding-top: 10px;
          align-items: normal; }
          #footer #block-site-blocks-site-contact-info p {
            float: left; }
          #footer #block-site-blocks-site-contact-info .phone-number {
            margin-top: 3px; }
        #footer #block-menu-menu-footer-social {
          width: auto;
          margin-left: auto;
          padding: 0; }
          #footer #block-menu-menu-footer-social ul {
            padding-top: 10px; }
            #footer #block-menu-menu-footer-social ul li a {
              padding: 0;
              height: 25px;
              width: 25px; }
              #footer #block-menu-menu-footer-social ul li a:before {
                font-size: 18px;
                margin: 0;
                line-height: inherit; }
}
#block-site-blocks-site-logo-link {
  text-align: center;
  padding: 0; }
  #block-site-blocks-site-logo-link .site-logo {
    display: block; }
    #block-site-blocks-site-logo-link .site-logo img {
      height: 40px; }

#block-site-blocks-site-contact-info {
  text-align: center;
  color: #ffffff; }
  #block-site-blocks-site-contact-info .phone-number {
    font-size: 1.222em;
    line-height: 1.329787234em;
    display: inline-flex;
    align-items: center;
    margin-top: 4px; }
    #block-site-blocks-site-contact-info .phone-number:before {
      content: '';
      display: inline-block;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNTMgOC40MjNhMy4xMjMgMy4xMjMgMCAwIDEtLjE0NC40NTZjLS4wODguMjIzLS4zNi40NjQtLjgxNi43MmEyLjU5IDIuNTkgMCAwIDEtMS4yMzYuMzM1Yy0uMTIgMC0uMjQtLjAwNy0uMzYtLjAyM2EyLjcwMyAyLjcwMyAwIDAgMS0uMzg0LS4wODRsLS4zMTItLjA5Ny0uNzA4LS4yNTJhNi4yMjggNi4yMjggMCAwIDEtMS4xNjQtLjU2M2MtLjU2OC0uMzUzLTEuMTYtLjgzMi0xLjc3Ni0xLjQ0LS42MTYtLjYwOC0xLjA5Ni0xLjIwMS0xLjQ0LTEuNzc2YTUuODMgNS44MyAwIDAgMS0uNTUyLTEuMTY0bC0uMTItLjMzNmEzLjcyNiAzLjcyNiAwIDAgMC0uMTQ0LS4zNzIgMS40NjggMS40NjggMCAwIDEtLjA5Ni0uMzEyTC4xOTQgMy4xM0MuMTcgMy4wMTguMTYyIDIuOS4xNyAyLjc4M2MwLS40MTYuMTE2LS44MzIuMzQ4LTEuMjQ4LjI0OC0uNDU2LjQ4NC0uNzI4LjcwOC0uODE2LjExMi0uMDQ4LjI2NC0uMDk2LjQ1Ni0uMTQ0QTEuOTcgMS45NyAwIDAgMSAyLjE1LjUwM2MuMDY0IDAgLjExMi4wMDguMTQ0LjAyMy4wOC4wMjUuMi4xOTMuMzYuNTA1bC4xOTIuMzdjLjA4LjE2LjE2LjMwMi4yNC40MjIuMDguMTE5LjE0OC4yMzkuMjA0LjM2LjAxNi4wMTYuMDU2LjA3Mi4xMi4xNjguMDY0LjA5Ni4xMTIuMTc2LjE0NC4yNGEuNDI2LjQyNiAwIDAgMSAuMDQ4LjE5MmMwIC4wODgtLjA2NC4xOTUtLjE5Mi4zMjNhNC42MzYgNC42MzYgMCAwIDEtLjQyLjM3MiA0LjgzNCA0LjgzNCAwIDAgMC0uNDA4LjM2Yy0uMTIuMTItLjE4NC4yMi0uMTkyLjMgMCAuMDQuMDEyLjA5Mi4wMzYuMTU3bC4wNDguMTMyYy4wMDguMDI0LjA0LjA4LjA5Ni4xNjhhLjUzMi41MzIgMCAwIDAgLjA4NC4xMiA2Ljg3OSA2Ljg3OSAwIDAgMCAxLjE2NCAxLjU4NGMuNDQuNDQuOTY0LjgyOCAxLjU3MiAxLjE2NC4wMDggMCAuMDQ4LjAyNC4xMi4wNzIuMDcyLjA0OC4xMjguMDguMTY4LjA5NmwuMTMyLjA1OWMuMDQ4LjAyNS4xLjAzMy4xNTYuMDI1LjA4IDAgLjE4LS4wNjQuMy0uMTkzLjEyLS4xMjguMjQtLjI2My4zNi0uNDA3LjEyLS4xNDQuMjQ0LS4yODQuMzcyLS40MnMuMjQtLjIuMzM2LS4xOTJjLjA1NiAwIC4xMTYuMDE1LjE4LjA0OC4wNjQuMDMyLjE0NC4wOC4yNC4xNDQuMDk2LjA2NC4xNTIuMTA0LjE2OC4xMTlsMS4xNTIuNjQ5Yy4zMTIuMTUyLjQ4LjI2Ny41MDQuMzQ3YS4zNDIuMzQyIDAgMCAxIC4wMjQuMTQ1YzAgLjEyLS4wMjQuMjc1LS4wNzIuNDY4eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: 50%;
      width: 16px;
      height: 16px;
      margin-right: 10px; }
  #block-site-blocks-site-contact-info p {
    margin-bottom: 0.8em; }
@media (max-width: 61.865em) {
  #block-site-blocks-site-contact-info p span {
          display: block; }
}
#block-site-blocks-site-contact-info a {
    color: #ffffff; }
@media (min-width: 76.875em) {
  #block-site-blocks-site-contact-info {
        display: flex;
        align-items: center; }
        #block-site-blocks-site-contact-info p, #block-site-blocks-site-contact-info a {
          display: inline;
          margin-right: 0.5em;
          margin-bottom: 0; }
}
#block-menu-menu-footer-social ul {
  text-align: center; }

#block-menu-menu-footer-social ul.menu {
  display: flex;
  justify-content: center; }
  #block-menu-menu-footer-social ul.menu li {
    margin: 0; }
    #block-menu-menu-footer-social ul.menu li:last-child a {
      margin-right: 0; }

#block-menu-menu-footer-social li a {
  text-decoration: none;
  float: left;
  color: transparent;
  font-size: 0;
  letter-spacing: -1px;
  text-align: center;
  width: 21px;
  height: 23px;
  padding: 10px;
  margin-right: 5px;
  margin-bottom: 0.8125em;
  border-radius: 3px; }
  #block-menu-menu-footer-social li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    opacity: 0.85; }
  #block-menu-menu-footer-social li a.facebook {
    background: #3B5B98;
    box-sizing: content-box; }
    #block-menu-menu-footer-social li a.facebook:before {
      font-family: "icons";
      content: "";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      font-size: 22px;
      color: #ffffff;
      line-height: 1;
      margin: 0 0.2em 0 0; }
  #block-menu-menu-footer-social li a.twitter {
    background: #55acee;
    box-sizing: content-box; }
    #block-menu-menu-footer-social li a.twitter:before {
      font-family: "icons";
      content: "";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      font-size: 22px;
      color: #ffffff;
      line-height: 1;
      margin: 0 0.2em 0 0; }
  #block-menu-menu-footer-social li a.linkedin {
    background: #1C87BD;
    box-sizing: content-box; }
    #block-menu-menu-footer-social li a.linkedin:before {
      font-family: "icons";
      content: "";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      font-size: 22px;
      color: #ffffff;
      line-height: 1;
      margin: 0 0.2em 0 0; }
  #block-menu-menu-footer-social li a.email {
    background: #7397B9;
    box-sizing: content-box; }
    #block-menu-menu-footer-social li a.email:before {
      font-family: "icons";
      content: "";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      font-size: 22px;
      color: #ffffff;
      line-height: 1;
      margin: 0 0.2em 0 0; }
  #block-menu-menu-footer-social li a:before {
    margin-left: 0.7em;
    margin-right: 0.7em;
    letter-spacing: normal; }

#block-site-trustpilot-mini {
  width: auto;
  margin-top: -15em;
  background-color: transparent; }
  #block-site-trustpilot-mini .trustpilot-widget iframe {
    height: 140px !important; }

#block-menu-bac-footer ul.menu {
  column-count: 1;
  column-width: auto; }
@media (min-width: 32.5em) {
  #block-menu-bac-footer ul.menu {
        column-count: 2; }
}
@media (min-width: 48.75em) {
  #block-menu-bac-footer ul.menu {
        column-count: 3; }
}
@media (min-width: 76.875em) {
  #block-menu-bac-footer ul.menu {
        column-count: 4; }
}
#block-menu-bac-footer ul.menu li {
    margin-bottom: 0.5em; }
  #block-menu-bac-footer ul.menu a {
    color: #ffffff; }

#block-site-blocks-site-association {
  background: #ffffff;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw); }
  #block-site-blocks-site-association .bvrla-wrapper {
    text-align: center; }
  #block-site-blocks-site-association .bvrla-logo {
    width: 120px; }

#block-site-blocks-site-copyright {
  font-size: 0.7777777778em;
  line-height: 2.0892857143em;
  text-align: center;
  background: #ffffff;
  color: #333333; }
  #block-site-blocks-site-copyright a {
    color: #f40057; }

#footer-wrapper {
  background: #213846;
  color: #ffffff; }

#footer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  line-height: 1.625em;
  font-size: 1em;
  line-height: 1.625em; }
  #footer #block-menu-bac-footer,
  #footer #block-menu-menu-footer-social {
    background-color: #214253; }
@media (max-width: 61.865em) {
  #footer #block-menu-menu-footer-social:after {
        margin-top: 20px; }
      #footer #block-menu-bac-footer {
        padding-left: 100px; }
      #footer #block-site-trustpilot-mini {
        margin-top: 0px;
        left: 0px;
        background-color: #214253;
        width: 100%; }
}
@media (min-width: 61.875em) {
  #footer {
        font-size: 0.8888888889em;
        line-height: 1.828125em; }
        #footer #block-menu-menu-footer-social {
          background: none; }
        #footer #block-menu-bac-footer {
          padding-left: 220px; }
          #footer #block-menu-bac-footer .content:before {
            background-position: 20px 50%; }
          #footer #block-menu-bac-footer .menu {
            margin-left: 220px; }
}
@media (min-width: 76.875em) {
  #footer {
        font-size: 0.7777777778em;
        line-height: 2.0892857143em; }
        #footer #block-site-trustpilot-mini {
          margin-left: -20px; }
}
/**
 * @file _module-polls.scss
 *   Generic styles for Polls
 *
 */
/* Poll Styles */
.entity-pollim .field-name-field-poll-choices {
  width: 50%;
  float: left; }
  .entity-pollim .field-name-field-poll-choices .choice-item .choice-data {
    width: 100%;
    float: left;
    position: relative;
    padding: 4px; }
    .entity-pollim .field-name-field-poll-choices .choice-item .choice-data .choice {
      float: left; }
    .entity-pollim .field-name-field-poll-choices .choice-item .choice-data label {
      float: left;
      width: 85%; }
      .entity-pollim .field-name-field-poll-choices .choice-item .choice-data label .choice-votecount {
        float: right; }
    .entity-pollim .field-name-field-poll-choices .choice-item .choice-data .choice-percentage-bar {
      top: 0px;
      left: 0px; }
  .entity-pollim .field-name-field-poll-choices .choices-total-vote-count {
    font-size: 0.8em; }

.entity-pollim .field-name-field-poll-status {
  display: inline; }
  .entity-pollim .field-name-field-poll-status .field-items, .entity-pollim .field-name-field-poll-status .field-label {
    width: auto;
    float: left; }

.entity-pollim .field-name-field-published-date {
  display: block; }

.entity-pollim .field-name-field-poll-description p {
  margin-bottom: 0; }

.pollim-closed .field-name-field-poll-choices {
  float: left;
  height: auto;
  width: 100%; }
  .pollim-closed .field-name-field-poll-choices .choice-item .choice-data .choice {
    display: none; }
  .pollim-closed .field-name-field-poll-choices .choice-item .choice-data label {
    padding-left: 0px; }

#sidebar-second-alt .field-name-field-poll-choices,
#sidebar-second .field-name-field-poll-choices {
  width: 100%; }

/**
 * @file _presentation_styles.scss
 *   Decoration styles of Advanced Galleries
 *
 * This stylesheet contains includes of required partials only.
 *
 * The project relies on the dennis-base-shared repository of SASS partials.
 * @see https://github.com/dennisinteractive/dennis-base-shared
 *
 * @see _base.scss
 * @see _styles.scss
 */
/**
 * Presentation view
 */
body.gallery-presentation {
  color: #ffffff;
  background-color: #000000; }

/**
 * Presentation view --- desktop
 */
.gallery-page {
  margin: 0 auto;
  color: #ffffff; }

.gallery-block {
  margin-bottom: 1.5em; }

#gallery-title {
  color: #000000;
  text-align: left;
  margin: 0; }

#gallery-container -webkit-scrollbar {
  display: none; }

.close, .gallery-close {
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 0;
  font-family: sans-serif; }
  .close:before, .gallery-close:before {
    font-family: "icons";
    content: "✕";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    font-size: 32px;
    color: #f6f6f6;
    line-height: 1;
    margin: 0 0.2em 0 0; }

#gallery-container > .gallery-sidebar {
  background-color: #f6f6f6;
  color: black; }
  #gallery-container > .gallery-sidebar > div {
    margin-top: 10px; }
  #gallery-container > .gallery-sidebar .credits {
    margin-top: 10px !important; }
    #gallery-container > .gallery-sidebar .credits .credits-label {
      font-family: sans-serif;
      font-size: 14px; }

#gallery-container > .content > .gallery-ad {
  padding-top: 10px; }

#info-wrapper > .info:before {
  font-family: "icons";
  content: "";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  font-size: 3em;
  line-height: 1;
  margin: 0 0.2em 0 0; }

#info-wrapper > .info:before {
  display: none;
  margin: 0 5px; }
@media screen and (min-width: 1068px) {
  body:not(.gallery-fake-mobile) .gallery-close:not(.full-size-close),
    #gallery-page:not(.gallery-fake-mobile) .gallery-close:not(.full-size-close) {
      top: 10px; }
    body:not(.gallery-fake-mobile) #gallery-container > .content > .gallery-ad,
    #gallery-page:not(.gallery-fake-mobile) #gallery-container > .content > .gallery-ad {
      right: 0; }
    body:not(.gallery-fake-mobile) #gallery-container > .gallery-sidebar,
    #gallery-page:not(.gallery-fake-mobile) #gallery-container > .gallery-sidebar {
      top: 0;
      padding-top: 110px; }
}
/**
 * @file
 * _navigation.scss (skeleton)
 *
 * SearchCars element styling for advanced gallery navigation.
 *
 * Please note that these styles try to define decoration only -- colour, fonts,
 * borders, etc. Core and layout-specific styles are defined in Dennis Gallery
 * Advanced feature. Some defaults from that stylesheet are copied here,
 * commented out for easy customisation.
 *
 * @see _navigation.scss (dennis_gallery_adv)
 */
#gallery-container > .content > .swiper .icon {
  text-shadow: 0px 0px 6px black; }

#gallery-container > .content > .swiper > #origimg-wrapper > .full-screen > .original-image {
  padding: 2px 6px;
  font-size: 0.8em;
  color: white;
  border: 1px solid white;
  box-shadow: 0 0 2px white, inset 0 0 2px white;
  background: black;
  border-radius: 5px; }
  #gallery-container > .content > .swiper > #origimg-wrapper > .full-screen > .original-image:hover {
    color: #cccccc;
    border: 1px solid #cccccc; }
  #gallery-container > .content > .swiper > #origimg-wrapper > .full-screen > .original-image:after {
    content: 'View Fullscreen'; }

#gallery-container > .content > .swiper > #navigation-wrapper > .navigation {
  margin: 0 5px;
  padding: 1px; }
  #gallery-container > .content > .swiper > #navigation-wrapper > .navigation > .nav > .icon-link:before {
    margin: 0 5px;
    padding: 1px; }
  #gallery-container > .content > .swiper > #navigation-wrapper > .navigation > .nav.prev > a:before {
    font-family: "icons";
    content: "";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    font-size: 20px;
    color: white;
    line-height: 1;
    margin: 0 0.2em 0 0; }
  #gallery-container > .content > .swiper > #navigation-wrapper > .navigation > .nav.next > a:before {
    font-family: "icons";
    content: "";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    font-size: 20px;
    color: white;
    line-height: 1;
    margin: 0 0.2em 0 0; }
  #gallery-container > .content > .swiper > #navigation-wrapper > .navigation > .status {
    font-size: 0.8em; }
    #gallery-container > .content > .swiper > #navigation-wrapper > .navigation > .status > .gallery-count-seperator:after {
      content: ' of '; }
    #gallery-container > .content > .swiper > #navigation-wrapper > .navigation > .status > .current:before {
      content: 'Picture '; }

#btn-readmore {
  margin: 12px auto;
  border: 0px solid #667B90;
  background-color: #667B90;
  padding: 5px 13px;
  font-weight: 700;
  color: white;
  border-radius: 50px; }
  #btn-readmore:after {
    font-family: "icons";
    content: "";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    font-size: 15px;
    color: black;
    line-height: 1.5;
    margin: 0 0 0 0.5em; }
  #btn-readmore:after {
    background-color: white;
    padding: 0px 6px;
    border-radius: 50%;
    line-height: 1.2; }

/**
 * @file
 * _thumbnails.scss (skeleton)
 *
 * Thumbnails styling for advanced gallery navigation.
 *
 * Please note that these styles try to define decoration only -- colour, fonts,
 * borders, etc. Core and layout-specific styles are defined in Dennis Gallery
 * Advanced feature. Some defaults from that stylesheet are copied here,
 * commented out for easy customisation.
 *
 * @see _thumbnails.scss (dennis_gallery_adv)
 */
#gallery-container > .content > #thumbnails-wrapper {
  height: 45px; }
  #gallery-container > .content > #thumbnails-wrapper > .thumbnails > .thumbnail {
    margin-right: 1px; }
    #gallery-container > .content > #thumbnails-wrapper > .thumbnails > .thumbnail > .picture {
      padding: 0; }
      #gallery-container > .content > #thumbnails-wrapper > .thumbnails > .thumbnail > .picture > a > img {
        border: 1px solid white;
        height: 45px; }
    #gallery-container > .content > #thumbnails-wrapper > .thumbnails > .thumbnail.active > .picture > a > img {
      border: 1px solid red; }

/**
 * Gallery info box styles
 */
#info-wrapper {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left; }
  #info-wrapper > .info > .credits {
    margin-top: 10px; }

/**
 * Overlay styles
 */
.gallery-adv-overlay {
  background: #000000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
  opacity: 0.92; }

body.overlay .gallery-close {
  display: none; }

.gallery-overlay-active #feedbackify {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  display: none !important; }

/**
 * @file
 * _fake_mobile.scss (skeleton)
 *
 * General overrides for the 'fake mobile' mode
 */
body.gallery-fake-mobile .gallery-close:before,
#gallery-page.gallery-fake-mobile .gallery-close:before {
  font-size: 90px; }

body.gallery-fake-mobile #gallery-container > .content > .swiper > #navigation-wrapper > .navigation > .status,
#gallery-page.gallery-fake-mobile #gallery-container > .content > .swiper > #navigation-wrapper > .navigation > .status {
  font-size: 40px;
  top: 0;
  height: auto; }

body.gallery-fake-mobile #gallery-container > .content > .swiper > #navigation-wrapper > .navigation > .nav > a:before,
#gallery-page.gallery-fake-mobile #gallery-container > .content > .swiper > #navigation-wrapper > .navigation > .nav > a:before {
  font-size: 90px; }

body.gallery-fake-mobile #gallery-container > .gallery-sidebar > .info-container > #info-wrapper,
#gallery-page.gallery-fake-mobile #gallery-container > .gallery-sidebar > .info-container > #info-wrapper {
  font-size: 40px;
  line-height: 150%;
  height: auto; }
  body.gallery-fake-mobile #gallery-container > .gallery-sidebar > .info-container > #info-wrapper > .info > .description,
  #gallery-page.gallery-fake-mobile #gallery-container > .gallery-sidebar > .info-container > #info-wrapper > .info > .description {
    padding-right: 140px; }

body.gallery-fake-mobile #gallery-container > .gallery-sidebar > .info-container > .sharerich-wrapper,
#gallery-page.gallery-fake-mobile #gallery-container > .gallery-sidebar > .info-container > .sharerich-wrapper {
  width: 80vw; }

body.gallery-fake-mobile .rrssb-buttons.large-format li a .text,
#gallery-page.gallery-fake-mobile .rrssb-buttons.large-format li a .text {
  font-size: 3vw;
  line-height: 100%; }

#pid-homepage .three-car-strip {
  background: none;
  border: 0;
  margin-bottom: 0; }
  #pid-homepage .three-car-strip .button-wrapper {
    min-height: 45px;
    margin-bottom: 20px; }
  #pid-homepage .three-car-strip:last-of-type {
    margin-bottom: 0; }

.three-car-strip {
  clear: both;
  background: #f6f6f6;
  border-top: 1px solid #dddcdc;
  border-bottom: 1px solid #dddcdc;
  margin-bottom: 1.5em; }
@media (max-width: 61.865em) {
  .three-car-strip {
        margin-left: -20px;
        margin-right: -20px;
        width: 100vw;
        padding-left: 20px;
        padding-right: 20px; }
}
@media (min-width: 61.875em) {
  .three-car-strip {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .three-car-strip {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  .three-car-strip > * {
          display: block;
          float: none;
          margin-left: auto;
          margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  .three-car-strip > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  .three-car-strip > * {
          width: 1190px; }
}
.three-car-strip .three-car-strip-inner {
    margin: 0 auto;
    text-align: center; }
@media (min-width: 76.875em) {
  .three-car-strip .three-car-strip-inner {
          padding: 0 45px; }
}
.three-car-strip .three-car-strip-inner .title, .three-car-strip .three-car-strip-inner autoconvertep form .sub-title, autoconvertep form .three-car-strip .three-car-strip-inner .sub-title, .three-car-strip .three-car-strip-inner
    partexchangeep form .sub-title,
    partexchangeep form .three-car-strip .three-car-strip-inner .sub-title,
    .three-car-strip .three-car-strip-inner .carName {
      font-weight: normal; }
    .three-car-strip .three-car-strip-inner ul {
      margin-left: 0px;
      margin-bottom: 2em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .three-car-strip .three-car-strip-inner ul > * {
        width: calc((100% / 1) - 0.01px);
        float: left;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .three-car-strip .three-car-strip-inner ul li {
        list-style-type: none;
        text-align: center;
        position: relative;
        margin-bottom: 2em; }
        .three-car-strip .three-car-strip-inner ul li > a {
          display: block;
          color: #000000; }
          .three-car-strip .three-car-strip-inner ul li > a .carPic {
            opacity: 1;
            -webkit-transition: opacity 0.4s;
            transition: opacity 0.4s; }
          .three-car-strip .three-car-strip-inner ul li > a:hover .carPic {
            opacity: 0.8; }
        .three-car-strip .three-car-strip-inner ul li .carPic {
          width: 313px;
          height: 210px;
          position: relative;
          overflow: hidden;
          background-color: #ffffff;
          margin: 0 auto; }
          .three-car-strip .three-car-strip-inner ul li .carPic img {
            position: absolute;
            top: -15px;
            max-width: none;
            height: 235px;
            width: auto;
            left: -20px; }
        .three-car-strip .three-car-strip-inner ul li .carStatus {
          background: #f40057;
          color: #ffffff;
          border-radius: 100%;
          position: absolute;
          width: 62px;
          height: 62px;
          padding: 2px;
          box-sizing: content-box;
          z-index: 1;
          text-indent: -9999px;
          right: calc(50% - 115px); }
          .three-car-strip .three-car-strip-inner ul li .carStatus span {
            text-indent: 0;
            position: absolute;
            left: 50%;
            top: 50%;
            font-size: 0.6666666667em;
            line-height: 1.4625em;
            -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); }
        .three-car-strip .three-car-strip-inner ul li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        .three-car-strip .three-car-strip-inner ul li > a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-orient: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 100%; }
          .three-car-strip .three-car-strip-inner ul li > a *:last-child {
            margin-top: auto; }
          .three-car-strip .three-car-strip-inner ul li > a > * {
            width: 100%; }
      .three-car-strip .three-car-strip-inner ul .carName {
        color: #000000;
        font-size: 1.222em;
        line-height: 1.329787234em;
        margin: 0.5em 0 .68195em 0;
        display: inline-block; }
      .three-car-strip .three-car-strip-inner ul .price-wrapper .variant-rrp .data {
        font-weight: bold; }
  .three-car-strip #bestSelling h2.title, .three-car-strip #bestSelling autoconvertep form h2.sub-title, autoconvertep form .three-car-strip #bestSelling h2.sub-title, .three-car-strip #bestSelling
  partexchangeep form h2.sub-title,
  partexchangeep form .three-car-strip #bestSelling h2.sub-title {
    color: #003454;
    font-weight: bold;
    font-size: 1.3333128em;
    line-height: 1.218768769em; }
@media (min-width: 46.25em) {
  .three-car-strip #bestSelling h2.title, .three-car-strip #bestSelling autoconvertep form h2.sub-title, autoconvertep form .three-car-strip #bestSelling h2.sub-title, .three-car-strip #bestSelling
        partexchangeep form h2.sub-title,
        partexchangeep form .three-car-strip #bestSelling h2.sub-title {
          font-size: 1.88888756em;
          line-height: 1.2904420843em; }
}
.three-car-strip .best-selling-buttons-wrap {
    background: #f6f6f6;
    padding: 30px 0 15px;
    overflow: hidden; }
@media (max-width: 61.865em) {
  .three-car-strip .best-selling-buttons-wrap {
          margin-left: -20px;
          margin-right: -20px;
          width: 100vw;
          padding-left: 20px;
          padding-right: 20px; }
}
@media (min-width: 61.875em) {
  .three-car-strip .best-selling-buttons-wrap {
          width: 100vw;
          margin-left: calc(50% - 50vw);
          margin-right: calc(50% - 50vw);
          padding-left: 0;
          padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .three-car-strip .best-selling-buttons-wrap {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  .three-car-strip .best-selling-buttons-wrap > * {
            display: block;
            float: none;
            margin-left: auto;
            margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  .three-car-strip .best-selling-buttons-wrap > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  .three-car-strip .best-selling-buttons-wrap > * {
          width: 1190px; }
}
@media (min-width: 47.5em) {
  .three-car-strip .best-selling-buttons-wrap .button-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          width: calc((100% / 3) - 0.01px);
          float: left;
          min-height: 150px;
          align-items: center;
          justify-content: center; }
}
.three-car-strip .best-selling-buttons-wrap .button-wrapper .link--button-forward {
      width: 100%;
      text-align: center; }
@media (min-width: 47.5em) {
  .three-car-strip .best-selling-buttons-wrap .button-wrapper .link--button-forward {
            width: auto;
            text-align: inherit; }
}
@media (min-width: 47.5em) {
  .three-car-strip .three-car-strip-inner ul > * {
      width: calc((100% / 3) - 0.01px);
      padding: 5px; }
    .three-car-strip .three-car-strip-inner ul li {
      position: relative;
      margin-bottom: 0; }
    .three-car-strip .three-car-strip-inner .price-wrapper {
      height: 78px; }
    .three-car-strip .best-selling-buttons-wrap .button-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: calc((100% / 3) - 0.01px);
      float: left;
      min-height: 150px;
      align-items: center;
      justify-content: center; }
      .three-car-strip .best-selling-buttons-wrap .button-wrapper .link--button-forward {
        width: 100%;
        text-align: center; }
}
@media (min-width: 47.5em) and (min-width: 47.5em) {
  .three-car-strip .best-selling-buttons-wrap .button-wrapper .link--button-forward {
          width: auto;
          text-align: inherit; }
}
@media (min-width: 47.5em) {
  .node > .content .three-car-strip-inner ul {
      overflow: visible; }
}
@media (min-width: 61.875em) {
  .three-car-strip .three-car-strip-inner ul > * {
      width: calc((100% / 3) - 0.01px);
      padding: 20px; }
    .three-car-strip #bestSelling h2.title, .three-car-strip #bestSelling autoconvertep form h2.sub-title, autoconvertep form .three-car-strip #bestSelling h2.sub-title, .three-car-strip #bestSelling
    partexchangeep form h2.sub-title,
    partexchangeep form .three-car-strip #bestSelling h2.sub-title {
      font-size: 2.28326em;
      line-height: 1.4234033794em; }
}
.vehicle-status {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .vehicle-status .variant-price.variant-price--vertical {
    display: inline-block; }
    .vehicle-status .variant-price.variant-price--vertical .data + .label {
      margin-top: 1px;
      margin-left: 5px; }
@media (max-width: 47.49em) {
  .vehicle-status {
        display: inline-grid; }
}
.vehicle-status--default {
  text-align: center; }

.variant-price .data {
  color: #f40057;
  font-weight: bold; }

.variant-price.variant-price--vertical {
  display: flex;
  flex-direction: column;
  padding: 10px; }
  .variant-price.variant-price--vertical .data {
    font-size: 1.388em;
    line-height: 0.9951368876em; }
    .variant-price.variant-price--vertical .data + .label {
      margin-top: 1px; }
  .variant-price.variant-price--vertical .label {
    font-size: 0.7777777778em;
    line-height: 1.0446428572em;
    font-weight: bold; }
  .variant-price.variant-price--vertical.variant-price-monthly .label {
    text-transform: lowercase; }
  .variant-price.variant-price--vertical:first-child {
    text-align: left; }
  .variant-price.variant-price--vertical:last-child:not(:only-child) {
    text-align: right; }

.variant-price-monthly .data {
  color: #2faf7b; }

.variant-rrp .data {
  color: #666666; }

.variant-saving .data {
  color: #2faf7b; }

.price-wrapper {
  color: #666666;
  text-align: center; }
  .price-wrapper > * {
    clear: both; }
  .price-wrapper p {
    margin-bottom: 0; }

#bestSelling .price-wrapper .variant-saving .data {
  color: #000000; }

.accordion {
  /* Accordion styling
    ----------------------*/ }
  .accordion p {
    padding: 1em 1.5em; }
  .accordion .accordion {
    position: relative;
    background-color: #ffffff; }
    .accordion .accordion .accordion-list {
      border: 1px solid #f6f6f6; }
      .accordion .accordion .accordion-list:after {
        content: "";
        display: block;
        height: 1em;
        width: 100%;
        background-color: #dddcdc; }
    .accordion .accordion .accordion dd, .accordion .accordion .accordion__panel {
      background-color: #f6f6f6;
      font-size: 1em;
      line-height: 1.5em; }
    .accordion .accordion .accordion dd {
      background-color: #ffffff; }
    .accordion .accordion .accordionTitle, .accordion .accordion .accordion__Heading {
      text-align: left;
      font-weight: 700;
      padding: 2em 2em 2em 70px;
      display: block;
      text-decoration: none;
      color: #333333;
      font-size: 1.1em;
      transition: background-color .5s ease-in-out;
      border-top: 1px solid #e9e9e9; }
      .accordion .accordion .accordionTitle .faq-spinner, .accordion .accordion .accordion__Heading .faq-spinner {
        display: inline-block;
        font-size: 1em;
        position: absolute;
        margin-top: 0px;
        left: 35px; }
        .accordion .accordion .accordionTitle .faq-spinner:after, .accordion .accordion .accordion__Heading .faq-spinner:after {
          content: '\25BA';
          color: #2faf7b; }
      .accordion .accordion .accordionTitle.odd, .accordion .accordion .accordion__Heading.odd {
        background-color: #f6f6f6; }
      .accordion .accordion .accordionTitle.even, .accordion .accordion .accordion__Heading.even {
        background-color: #ffffff; }
      .accordion .accordion .accordionTitle:hover, .accordion .accordion .accordion__Heading:hover {
        background-color: #e9e9e9; }
    .accordion .accordion dt:last-of-type > a.accordionTitle {
      border-bottom: 1px solid #e9e9e9; }
    .accordion .accordion .accordionTitleActive, .accordion .accordion .accordionTitle.is-expanded {
      background-color: #dddcdc; }
    .accordion .accordion .accordionTitle.is-expanded .faq-spinner {
      -webkit-transform: rotate(90deg);
      /* Chrome, Safari 3.1+ */
      /* Firefox 3.5-15 */
      /* IE 9 */
      /* Opera 10.50-12.00 */
      transform: rotate(90deg);
      /* Firefox 16+, IE 10+, Opera 12.50+ */
      display: inline-block; }
    .accordion .accordion .accordionTitle.is-expanded .faq-spinner {
      -webkit-transition: all 0.3s ease-out;
      /* Chrome 1-25, Safari 3.2+ */
      /* Firefox 4-15 */
      /* Opera 10.50–12.00 */
      transition: all 0.3s ease-out;
      /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ }
    .accordion .accordion .accordionTitle:not(.is-expanded) .faq-spinner {
      -webkit-transform: rotate(0deg);
      /* Chrome, Safari 3.1+ */
      /* Firefox 3.5-15 */
      /* IE 9 */
      /* Opera 10.50-12.00 */
      transform: rotate(0deg);
      /* Firefox 16+, IE 10+, Opera 12.50+ */
      display: inline-block; }
    .accordion .accordion .accordionTitle:not(.is-expanded) .faq-spinner {
      -webkit-transition: all 0.3s ease-out;
      /* Chrome 1-25, Safari 3.2+ */
      /* Firefox 4-15 */
      /* Opera 10.50–12.00 */
      transition: all 0.3s ease-out;
      /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
      display: inline-block; }
    .accordion .accordion .accordionItem {
      background-color: #ffffff;
      height: auto;
      overflow: hidden;
      transition: max-height 1s; }
@media screenandmin-width : 48em) {
  .accordion .accordion .accordionItem {
      max-height: 15em;
      transition: max-height .5s; }
}
.accordion .accordion .accordionItem.is-collapsed {
      max-height: 0; }
      .accordion .accordion .accordionItem.is-collapsed p {
        color: #ffffff; }
    .accordion .accordion .accordionItem.is-expanded p {
      color: #333333; }
    .accordion .accordion .no-js .accordionItem.is-collapsed {
      max-height: auto; }
    .accordion .accordion dd {
      background-color: #ffffff; }
      .accordion .accordion dd.animateIn {
        width: 100%; }
    .accordion .accordion a {
      display: inline-block; }
@media (max-width: 47.49em) {
  .accordion .accordion .accordionTitle, .accordion .accordion .accordion__Heading {
        padding-left: 65px; }
        .accordion .accordion .accordionTitle .faq-spinner, .accordion .accordion .accordion__Heading .faq-spinner {
          left: 30px; }
          .accordion .accordion .accordionTitle .faq-spinner:after, .accordion .accordion .accordion__Heading .faq-spinner:after {
            content: '\25BA';
            display: inline-block;
            transform: scale(1, 2);
            -webkit-transform: scale(1, 2);
            /* Safari and Chrome */
            -moz-transform: scale(1, 2);
            /* Firefox */
            -ms-transform: scale(1, 2);
            /* IE 9+ */
            -o-transform: scale(1, 2);
            /* Opera */
            left: 20px;
            font-size: 15px; }
}
@media (min-width: 61.875em) and (max-width: 76.865em) {
  .accordion h2 {
        padding: 0; }
}
#block-views-78468be8085a16048af23dadfa55e110 {
  background-color: #f6f6f6; }
@media (max-width: 61.865em) {
  #block-views-78468be8085a16048af23dadfa55e110 {
        margin-left: -20px;
        margin-right: -20px;
        width: 100vw;
        padding-left: 20px;
        padding-right: 20px; }
}
@media (min-width: 61.875em) {
  #block-views-78468be8085a16048af23dadfa55e110 {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #block-views-78468be8085a16048af23dadfa55e110 {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  #block-views-78468be8085a16048af23dadfa55e110 > * {
          display: block;
          float: none;
          margin-left: auto;
          margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  #block-views-78468be8085a16048af23dadfa55e110 > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  #block-views-78468be8085a16048af23dadfa55e110 > * {
          width: 1190px; }
}
#block-views-78468be8085a16048af23dadfa55e110 .block-title {
    text-align: left;
    padding-left: 0.7em;
    margin-bottom: 0;
    font-size: 1.388em;
    line-height: 1.7561239193em; }
  #block-views-78468be8085a16048af23dadfa55e110 .equal-row-item {
    font-size: 12.4444444443px;
    color: #003454;
    display: block; }

bac-form {
  display: block;
  min-height: 100vh; }

.site-message-banner {
  background-color: #213846;
  color: #ffffff;
  z-index: 150; }

.pagination_container .pagination_container-limit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f6f6f6;
  padding: 10px 20px;
  flex-direction: row; }
@media (max-width: 47.49em) {
  .pagination_container .pagination_container-limit {
        margin-left: -20px;
        margin-right: -20px;
        flex-direction: column; }
        .pagination_container .pagination_container-limit span {
          margin-top: 5px;
          margin-bottom: 5px; }
        .pagination_container .pagination_container-limit select {
          padding-left: 0.5em;
          padding: 0px 1.2em 0 0.5em;
          padding: 0 calc(23px + 1.2em) 0 1.2em;
          line-height: 30px;
          background-position: calc(100% - 9px) 0px;
          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAFbFQ79AAAAAXNSR0IArs4c6QAAARFJREFUSA1juHfv3n8GKGCCMUA0gmMacpQBWRmyKmR2aCgzgotNAwtCGsgyCYFYjE0lwnIULRRxGOG6TcOWMPz/Fw3nwxkwJ8EFyGNg8xE2k4j2JdEKUUMY2U7T0D8M//9DIoiRxRp/hJqGIAKH6p5BdtXIYSNSH7Kf0RMcI9NS7HENijIYYGT8y3B6VQx2hadXHGNgZDgGVqvAwA7Tg5tGjmvcqoagDLEJl1ivYQ9vYnVjUTdqIJZAIVEId4GHbpB5NB/Dv18XgYWgAroUmM/I+ICBiU2f+Eg5ufQTw+nVikDNDVgMbADLAdUQbyDMlDNrGhlYWBQZGBk/gTGIDRKDgdGEDQsJsmnSI4WAVVQ3EACr30zXdsz1qQAAAABJRU5ErkJggg==");
          height: 30px; }
}
.pagination_container ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 20px 10px; }
@media (max-width: 61.865em) {
  .pagination_container ul {
        margin-left: -20px;
        margin-right: -20px; }
}
.pagination_container li {
  padding: 0 6px; }

.pagination_container .next,
.pagination_container .prev {
  flex-grow: 1;
  margin: 0; }

.pagination_container .next {
  text-align: right; }
@media (max-width: 29.99em) {
  .pagination_container .prev span:first-child {
      display: none; }
    .pagination_container .prev .link--button-back:before {
      margin: 0; }
}
.pagination_container .hide-mobile {
  margin-left: 5px; }
@media (max-width: 47.49em) {
  .pagination_container .hide-mobile {
        display: none; }
}
body.finance-partner--aex #header-group-inner:after {
  font-size: 0.7777777778em;
  line-height: 2.0892857143em;
  display: flex;
  align-items: center;
  margin-right: 20px;
  padding-right: 70px;
  background-position: right 50%;
  background-size: auto 100%;
  background-image: url("/sites/buyacar/themes/buyacar/images/logos/aex-logo.png");
  background-repeat: no-repeat;
  white-space: nowrap;
  color: #ffffff;
  content: "In association with "; }

body.finance-partner--evo #header-group-inner:after {
  font-size: 0.7777777778em;
  line-height: 2.0892857143em;
  display: flex;
  align-items: center;
  margin-right: 20px;
  padding-right: 90px;
  background-position: right 50%;
  background-size: auto 50%;
  background-image: url("/sites/buyacar/themes/buyacar/images/logos/evo-logo-white.svg");
  background-repeat: no-repeat;
  white-space: nowrap;
  color: #ffffff;
  content: "In association with "; }

body.finance-partner--cbuy #header-group-inner:after {
  font-size: 0.7777777778em;
  line-height: 2.0892857143em;
  display: flex;
  align-items: center;
  margin-right: 20px;
  padding-right: 140px;
  background-position: right 50%;
  background-size: auto 50%;
  background-image: url("/sites/buyacar/themes/buyacar/images/logos/carbuyer-logo-white.svg");
  background-repeat: no-repeat;
  white-space: nowrap;
  color: #ffffff;
  content: "In association with "; }

#pid-sitemap #content {
  background-color: #f6f6f6;
  padding-top: 40px;
  font-size: 0.8888888889em;
  line-height: 1.828125em;
  margin-bottom: 4em; }
@media (max-width: 61.865em) {
  #pid-sitemap #content {
        margin-left: -20px;
        margin-right: -20px;
        width: 100vw;
        padding-left: 20px;
        padding-right: 20px; }
}
@media (min-width: 61.875em) {
  #pid-sitemap #content {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #pid-sitemap #content {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  #pid-sitemap #content > * {
          display: block;
          float: none;
          margin-left: auto;
          margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  #pid-sitemap #content > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  #pid-sitemap #content > * {
          width: 1190px; }
}
#pid-sitemap #content .field-name-body {
    max-width: none; }
    #pid-sitemap #content .field-name-body ul li:before {
      display: none; }
  #pid-sitemap #content .item-list {
    width: 90%;
    margin-left: 2.5em; }

#pid-sitemap .item-list h4 {
  font-size: 1.667em;
  line-height: 1.4622075585em;
  border-bottom: 1px solid #e8e8e8;
  width: 95%; }

#pid-sitemap .makes_sitemap li {
  float: left;
  width: 50%;
  margin-bottom: 1.5em; }
@media (min-width: 47.5em) {
  #pid-sitemap #content .field-name-body {
      margin-left: 5%; }
      #pid-sitemap #content .field-name-body ul {
        width: 100%;
        max-width: none; }
        #pid-sitemap #content .field-name-body ul li {
          width: 30%;
          float: left; }
    #pid-sitemap #block-site-sitemap-vans .item-list h4,
    #pid-sitemap #block-site-sitemap-cars .item-list h4 {
      margin-left: 5%;
      width: 95%; }
    #pid-sitemap #block-site-sitemap-vans .makes_sitemap,
    #pid-sitemap #block-site-sitemap-cars .makes_sitemap {
      margin-left: 5%; }
      #pid-sitemap #block-site-sitemap-vans .makes_sitemap li,
      #pid-sitemap #block-site-sitemap-cars .makes_sitemap li {
        width: 33.3%; }
}
@media (min-width: 61.875em) {
  #pid-sitemap #content {
      padding-left: 15%;
      padding-bottom: 3%; }
    #pid-sitemap #block-site-sitemap-vans .item-list h4,
    #pid-sitemap #block-site-sitemap-cars .item-list h4 {
      width: 85%; }
}
.page-leasing #main-content-area + #page-title {
  display: none; }

/* Page not found 404
-------------------------------------------------------------- */
#main .page-not-found {
  margin-top: 50px;
  color: #213846; }
  #main .page-not-found h1 {
    font-size: 26.672px;
    font-weight: bold; }
@media (min-width: 47.5em) {
  #main .page-not-found h1 {
          font-size: 41.776px; }
}
#main .page-not-found .link--arrow-forward {
    font-weight: 100; }

/* Find car front page */
#block-site-front-find-cars-front-find-cars .content {
  padding-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #block-site-front-find-cars-front-find-cars .content > * {
    width: calc((100% / 1) - 0.01px);
    float: left;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #block-site-front-find-cars-front-find-cars .content .car-find-wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-orient: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #block-site-front-find-cars-front-find-cars .content .car-find-wrapper > * {
      width: 100%; }
    #block-site-front-find-cars-front-find-cars .content .car-find-wrapper .link--button-forward {
      margin-bottom: 1em;
      width: auto; }
@media (min-width: 47.5em) and (max-width: 61.865em) {
  #block-site-front-find-cars-front-find-cars .content .car-find-wrapper .link--button-forward {
            font-size: 0.8em; }
}
#block-site-front-find-cars-front-find-cars .content .car-find-wrapper .car-find-text {
      margin-bottom: 1em; }
    #block-site-front-find-cars-front-find-cars .content .car-find-wrapper .car-find-heading {
      margin-bottom: 0.5em;
      font-family: "Sarala", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
      font-size: 1.388em;
      line-height: 1.4048991354em;
      text-transform: uppercase;
      font-weight: normal; }
    #block-site-front-find-cars-front-find-cars .content .car-find-wrapper:not(:first-child) {
      border-top: 1px solid #f6f6f6; }
    #block-site-front-find-cars-front-find-cars .content .car-find-wrapper *:last-child {
      margin-top: auto; }
@media (min-width: 47.5em) {
  #block-site-front-find-cars-front-find-cars .content > * {
      width: calc((100% / 3) - 0.01px);
      padding: 0; }
    #block-site-front-find-cars-front-find-cars .content .car-find-wrapper {
      padding: 0 0.5em; }
      #block-site-front-find-cars-front-find-cars .content .car-find-wrapper .car-find-heading {
        min-height: 62.4px; }
      #block-site-front-find-cars-front-find-cars .content .car-find-wrapper:not(:first-child) {
        border-top: none;
        border-left: 1px solid #f6f6f6; }
}
/* As Seen In Block
-------------------------------------------------------------- */
.asi-wrap {
  padding: 0 1em;
  position: relative;
  text-align: center; }
  .asi-wrap:before {
    content: "As Seen In:";
    color: #666666;
    display: block;
    font-size: 0.7777777778em;
    line-height: 2.0892857143em; }
  .asi-wrap .asi-logos {
    float: left;
    width: 50%;
    line-height: 55px;
    height: 55px;
    padding: 0 10px; }
    .asi-wrap .asi-logos img {
      vertical-align: middle; }
@media (min-width: 47.5em) {
  .asi-wrap:before {
      float: left;
      line-height: 45px;
      height: 55px; }
    .asi-wrap .asi-logos {
      width: calc((100% - 75px) / 4); }
      .asi-wrap .asi-logos img {
        width: auto; }
}
/* Meet the Team
-------------------------------------------------------------- */
#block-views-3659dfd8318132962907174b6f9a8af7 {
  text-align: center; }
  #block-views-3659dfd8318132962907174b6f9a8af7 h4.block-title {
    background-color: #f6f6f6;
    padding: 30px 0;
    margin-bottom: 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    font-size: 2em;
    font-weight: 500;
    color: #333333; }
@media (max-width: 61.865em) {
  #block-views-3659dfd8318132962907174b6f9a8af7 h4.block-title {
          margin-left: -20px;
          margin-right: -20px;
          width: 100vw;
          padding-left: 20px;
          padding-right: 20px; }
}
@media (min-width: 61.875em) {
  #block-views-3659dfd8318132962907174b6f9a8af7 h4.block-title {
          width: 100vw;
          margin-left: calc(50% - 50vw);
          margin-right: calc(50% - 50vw);
          padding-left: 0;
          padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #block-views-3659dfd8318132962907174b6f9a8af7 h4.block-title {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  #block-views-3659dfd8318132962907174b6f9a8af7 h4.block-title > * {
            display: block;
            float: none;
            margin-left: auto;
            margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  #block-views-3659dfd8318132962907174b6f9a8af7 h4.block-title > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  #block-views-3659dfd8318132962907174b6f9a8af7 h4.block-title > * {
          width: 1190px; }
}
.view-site-about-meet-the-team-block .views-row {
  margin-bottom: 0px;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .view-site-about-meet-the-team-block .views-row .node {
    margin: 0px; }
  .view-site-about-meet-the-team-block .views-row img {
    width: 450px; }
  .view-site-about-meet-the-team-block .views-row .title, .view-site-about-meet-the-team-block .views-row autoconvertep form .sub-title, autoconvertep form .view-site-about-meet-the-team-block .views-row .sub-title, .view-site-about-meet-the-team-block .views-row
  partexchangeep form .sub-title,
  partexchangeep form .view-site-about-meet-the-team-block .views-row .sub-title {
    display: none; }
  .view-site-about-meet-the-team-block .views-row .field {
    margin: 0; }
  .view-site-about-meet-the-team-block .views-row .field-name-field-team-member-name {
    position: absolute;
    top: 180px;
    left: 10px;
    right: 10px;
    text-align: center;
    font-size: 1.5em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9); }
  .view-site-about-meet-the-team-block .views-row .field-name-body {
    display: none; }
  .view-site-about-meet-the-team-block .views-row .field-name-field-team-member-name,
  .view-site-about-meet-the-team-block .views-row .field-name-body {
    color: #ffffff;
    opacity: 1; }
  .view-site-about-meet-the-team-block .views-row.views-row-hover .field-name-field-team-member-name, .view-site-about-meet-the-team-block .views-row:hover .field-name-field-team-member-name {
    display: block;
    top: calc(12% + 10px);
    left: 10px;
    right: 10px;
    text-align: center;
    text-shadow: none; }
  .view-site-about-meet-the-team-block .views-row.views-row-hover .field-name-body, .view-site-about-meet-the-team-block .views-row:hover .field-name-body {
    display: block;
    position: absolute;
    top: calc(18% + 50px);
    left: 10px;
    right: 10px;
    text-align: center;
    padding: 0 2.5%;
    font-size: 0.9em; }
  .view-site-about-meet-the-team-block .views-row.views-row-hover img, .view-site-about-meet-the-team-block .views-row:hover img {
    opacity: 1; }
  .view-site-about-meet-the-team-block .views-row.views-row-hover .field-name-field-team-member-image:after, .view-site-about-meet-the-team-block .views-row:hover .field-name-field-team-member-image:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #003454;
    opacity: 0.95;
    padding: 0;
    overflow: hidden; }
@media (max-width: 47.49em) {
  #block-views-3659dfd8318132962907174b6f9a8af7 .view-site-about-meet-the-team-block .views-row {
      max-width: 450px;
      margin: 0 auto;
      overflow-x: hidden; }
}
@media (min-width: 47.5em) {
  .view-site-about-meet-the-team-block .views-row {
      position: relative;
      width: calc(50% - 10px);
      float: left;
      margin: 10px 5px 0 5px; }
}
@media (min-width: 76.875em) {
  .view-site-about-meet-the-team-block .views-row {
      width: calc((100% / 3) - 10px); }
}
#block-site-blocks-site-finance-partners {
  background: #f6f6f6;
  border-top: 1px solid #f6f6f6;
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 40px; }
@media (max-width: 61.865em) {
  #block-site-blocks-site-finance-partners {
        margin-left: -20px;
        margin-right: -20px;
        width: 100vw;
        padding-left: 20px;
        padding-right: 20px; }
}
@media (min-width: 61.875em) {
  #block-site-blocks-site-finance-partners {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #block-site-blocks-site-finance-partners {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  #block-site-blocks-site-finance-partners > * {
          display: block;
          float: none;
          margin-left: auto;
          margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  #block-site-blocks-site-finance-partners > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  #block-site-blocks-site-finance-partners > * {
          width: 1190px; }
}
@media (max-width: 61.865em) {
  #block-site-blocks-site-finance-partners {
        padding-left: 20px;
        padding-right: 20px; }
}
@media (min-width: 47.5em) {
  #block-site-blocks-site-finance-partners .content {
        min-height: 100px; }
}
/* Customer Reviews Block
-------------------------------------------------------------- */
#block-views-ba7123a11bba81adb90093062e23c98a {
  text-align: center;
  padding: 0 20px; }
@media (max-width: 61.865em) {
  #block-views-ba7123a11bba81adb90093062e23c98a {
        margin-left: -20px;
        margin-right: -20px;
        width: 100vw;
        padding-left: 20px;
        padding-right: 20px; }
}
@media (min-width: 61.875em) {
  #block-views-ba7123a11bba81adb90093062e23c98a {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #block-views-ba7123a11bba81adb90093062e23c98a {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  #block-views-ba7123a11bba81adb90093062e23c98a > * {
          display: block;
          float: none;
          margin-left: auto;
          margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  #block-views-ba7123a11bba81adb90093062e23c98a > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  #block-views-ba7123a11bba81adb90093062e23c98a > * {
          width: 1190px; }
}
#pid-homepage #block-views-ba7123a11bba81adb90093062e23c98a {
    border-bottom: 1px solid #f6f6f6;
    border-top: 0px; }
  #block-views-ba7123a11bba81adb90093062e23c98a .block-title {
    line-height: 1em; }
  #block-views-ba7123a11bba81adb90093062e23c98a .flexslider {
    -webkit-box-shadow: none;
    box-shadow: none; }
    #block-views-ba7123a11bba81adb90093062e23c98a .flexslider .flex-prev, #block-views-ba7123a11bba81adb90093062e23c98a .flexslider .flex-next {
      padding-top: 6px; }
    #block-views-ba7123a11bba81adb90093062e23c98a .flexslider .slides {
      margin-bottom: 15px; }
    #block-views-ba7123a11bba81adb90093062e23c98a .flexslider .flex-control-paging li a {
      width: 20px;
      height: 20px;
      background: #ffffff;
      border: 2px #666666 solid; }
      #block-views-ba7123a11bba81adb90093062e23c98a .flexslider .flex-control-paging li a.flex-active {
        background: #666666;
        background: rgba(102, 102, 102, 0.9); }
  #block-views-ba7123a11bba81adb90093062e23c98a .primary-image {
    display: none; }
  #block-views-ba7123a11bba81adb90093062e23c98a .node-customer-review h2 {
    display: inline;
    font-size: 1.388em;
    line-height: 1.7561239193em; }
  #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-author-image {
    margin-bottom: 20px; }
    #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-author-image .field-item {
      position: relative;
      border-radius: 50%;
      width: 64px;
      height: 64px;
      overflow: hidden;
      margin: auto; }
      #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-author-image .field-item img {
        width: auto;
        min-height: 64px;
        max-width: inherit;
        margin-left: calc(50% - 46px);
        margin-top: calc(50% - 32px); }
  #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-short-title {
    margin-bottom: 1em;
    font-size: 1.1em;
    font-weight: normal; }
  #block-views-ba7123a11bba81adb90093062e23c98a .field-name-body {
    font-style: italic;
    font-size: 0.9em;
    padding: 0 35px 20px 35px;
    line-height: 1.7em;
    /*&:before {
      content: open-quote;
    }
    &:after {
      content: close-quote;
    }*/ }
  #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-link {
    width: 174px !important;
    text-decoration: none;
    background: #e8e8e8 none repeat scroll 0 0;
    border: none;
    cursor: pointer;
    margin: auto;
    padding: 10px 20px;
    display: block;
    width: 150px;
    height: 48px;
    text-align: left;
    color: #ffffff;
    background-color: #f40057;
    border-radius: 5px;
    z-index: 99;
    transition: 0.5s;
    display: block; }
    #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-link:hover {
      background-color: #ff1468; }
    #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-link a {
      color: #ffffff; }
      #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-link a:after {
        font-family: "icons";
        content: "\E823";
        font-size: 18px;
        color: inherit;
        margin-left: 12px;
        position: relative;
        top: 1px; }
    #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-link .field-items {
      width: 174px; }
@media (max-width: 47.49em) {
  #block-views-ba7123a11bba81adb90093062e23c98a {
        border-top: 1px solid #e8e8e8; }
        #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-author-image img {
          margin: 0 auto;
          top: 0; }
        #block-views-ba7123a11bba81adb90093062e23c98a .node-customer-review h2 {
          display: block; }
}
@media (min-width: 47.5em) {
  #block-views-ba7123a11bba81adb90093062e23c98a .block-title {
        font-size: 2.5em;
        font-weight: 500;
        line-height: 0;
        margin: 44px auto 72px auto; }
      #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-short-title {
        width: 70%;
        padding: 0;
        margin: 0 auto;
        margin-bottom: 1.5em; }
        #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-short-title .field-item {
          width: 70%;
          padding: 0;
          margin: 0 auto 25px auto; }
      #block-views-ba7123a11bba81adb90093062e23c98a .field-name-body {
        padding: 0 100px 24px 80px; }
      #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-author-image {
        margin: -22px 0 0 100px;
        padding: 0; }
        #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-author-image .field-item {
          top: -27px;
          margin: inherit; }
}
@media (min-width: 61.875em) {
  #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-short-title {
        width: 458px; }
        #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-short-title .field-item {
          margin-left: -5px;
          width: 457px; }
      #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-author-image {
        margin: -22px 0 0 175px; }
}
@media (min-width: 76.875em) {
  #block-views-ba7123a11bba81adb90093062e23c98a .field-name-field-author-image {
        margin: -22px 0 0 290px; }
}
#block-site-trustpilot-trustpilot {
  text-align: center;
  margin-bottom: 80px; }
  #block-site-trustpilot-trustpilot h4 {
    color: #003454;
    font-size: 1.3333128em;
    line-height: 1.218768769em;
    font-weight: bold; }
@media (min-width: 46.25em) {
  #block-site-trustpilot-trustpilot h4 {
          font-size: 1.88888756em;
          line-height: 1.2904420843em; }
}
@media (min-width: 61.875em) {
  #block-site-trustpilot-trustpilot h4 {
          font-size: 2.28326em;
          line-height: 1.4234033794em; }
}
#block-site-trustpilot-trustpilot .trustpilot-widget {
    height: 280px; }
@media (min-width: 46.25em) {
  #block-site-trustpilot-trustpilot .trustpilot-widget {
          height: 130px; }
}
#block-site-trustpilot-trustpilot .trustpilot-widget iframe {
      height: 280px;
      width: 104%;
      margin-left: -2%; }
@media (min-width: 61.875em) {
  #block-site-trustpilot-trustpilot .trustpilot-widget iframe {
            height: 130px;
            width: 100%;
            margin-left: 0; }
}
.page-node-3 #block-site-trustpilot-trustpilot h4 {
  max-width: 829px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: 1.3333128em;
  line-height: 1.218768769em; }
@media (min-width: 46.25em) {
  .page-node-3 #block-site-trustpilot-trustpilot h4 {
        font-size: 1.88888756em;
        line-height: 1.2904420843em; }
}
@media (min-width: 61.875em) {
  .page-node-3 #block-site-trustpilot-trustpilot h4 {
        font-size: 1.45046em;
        line-height: 1.6805013582em; }
}
.page-node-3 #block-site-trustpilot-trustpilot h4 span {
    content: '';
    background: url(//cdn2.buyacar.co.uk/sites/buyacar/modules/features/site_about/assets/logo-trustpilot.png) no-repeat 45% 50%/50%;
    min-height: 29px;
    display: block;
    width: calc(100% - 3em);
    padding-left: 0; }
@media (min-width: 30em) {
  .page-node-3 #block-site-trustpilot-trustpilot h4 span {
          display: inline-block;
          width: calc(100% - 9.5em);
          background-position: 40% 50%; }
}
@media (min-width: 61.875em) {
  .page-node-3 #block-site-trustpilot-trustpilot h4 span {
          background-position: 100% 50%;
          padding-left: calc(100% - 91%);
          width: calc(100% - 12.5em); }
}
.page-node-3 #block-site-trustpilot-trustpilot h4 span:before {
      content: 'from ';
      font-size: 0.75em;
      line-height: 2.1666666667em;
      font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
      color: #666666;
      font-weight: normal; }

#block-site-homepage-get-started {
  max-width: 955px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  clear: both;
  margin-bottom: 0; }
  #block-site-homepage-get-started select,
  #block-site-homepage-get-started button,
  #block-site-homepage-get-started .link--button-forward {
    width: 100%;
    text-align: center; }
    #block-site-homepage-get-started select:not(:last-child),
    #block-site-homepage-get-started button:not(:last-child),
    #block-site-homepage-get-started .link--button-forward:not(:last-child) {
      margin-bottom: 1em; }
  #block-site-homepage-get-started .content {
    overflow: hidden; }
    #block-site-homepage-get-started .content .block-title {
      font-size: 1.222em;
      line-height: 1.329787234em;
      text-align: left; }
@media (min-width: 35em) {
  #block-site-homepage-get-started .content > div {
          width: 240px;
          float: left; }
          #block-site-homepage-get-started .content > div:nth-child(2) {
            float: right; }
}
@media (min-width: 45em) {
  #block-site-homepage-get-started .content > div {
          width: 320px;
          float: left; }
}
.front #block-system-main {
  margin-bottom: 0; }
  .front #block-system-main .node,
  .front #block-system-main .content {
    margin-bottom: 0; }

.block.block-accordion:not(:last-child) {
  margin-bottom: 0; }

.block-accordion .content {
  max-width: 955px;
  margin-left: auto;
  margin-right: auto;
  height: 0;
  overflow: hidden; }

.block-accordion:nth-of-type(even) .block-title {
  background-color: #ffffff; }

.block-accordion:nth-of-type(odd) .block-title {
  background-color: #f6f6f6; }

.block-accordion:hover .block-title {
  background-color: #e9e9e9; }

.block-accordion .block-title {
  text-align: left;
  font-weight: 700;
  display: block;
  text-decoration: none;
  color: #333333;
  font-size: 17.776px;
  padding: calc(2em - 10px) 1em calc(2em - 10px) 72px;
  margin: 0;
  cursor: pointer;
  transition: background-color .5s ease-in-out;
  border-top: 1px solid #e9e9e9;
  position: relative; }
  .block-accordion .block-title:before {
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    display: block;
    content: '\25BA';
    color: #2faf7b;
    float: left;
    margin: 0 20px 0 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    position: absolute;
    left: 35px; }

.block-accordion.open {
  background-color: #ffffff; }
  .block-accordion.open .content {
    height: auto;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    -webkit-transition: height 1s ease-in-out;
    transition: height 1s ease-in-out; }
  .block-accordion.open .block-title {
    background-color: #dddcdc; }
    .block-accordion.open .block-title:before {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }

.block-accordion--react .block-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-top: 1px solid #e9e9e9;
  background-color: #dddcdc;
  outline: 0; }

.block-accordion--react .block-title {
  border-top: none;
  background-color: #dddcdc !important; }

#block-site-in-stock-site-in-stock-about-vehicle {
  clear: both; }
@media (min-width: 47.5em) {
  #block-site-in-stock-site-in-stock-about-vehicle .about-vehicle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        #block-site-in-stock-site-in-stock-about-vehicle .about-vehicle > * {
          width: calc((100% / 3) - 0.01px);
          float: left;
          padding: 0;
          margin: 0;
          box-sizing: border-box;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
}
#block-site-in-stock-site-in-stock-about-vehicle .about-vehicle li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5em; }
    #block-site-in-stock-site-in-stock-about-vehicle .about-vehicle li:before {
      font-family: "icons";
      content: "";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      margin: 0 0.2em 0 0; }
    #block-site-in-stock-site-in-stock-about-vehicle .about-vehicle li:before {
      color: #ed8500;
      font-size: 1.667em;
      line-height: 1.4622075585em;
      min-width: 80px; }
    #block-site-in-stock-site-in-stock-about-vehicle .about-vehicle li.reg-date:before {
      content: '\E843'; }
    #block-site-in-stock-site-in-stock-about-vehicle .about-vehicle li.gearbox:before {
      content: '\E842'; }
    #block-site-in-stock-site-in-stock-about-vehicle .about-vehicle li.mileage:before {
      content: '\E841'; }
    #block-site-in-stock-site-in-stock-about-vehicle .about-vehicle li.body-style:before {
      content: '\E837'; }
    #block-site-in-stock-site-in-stock-about-vehicle .about-vehicle li.fuel-type:before {
      content: '\E83B'; }
    #block-site-in-stock-site-in-stock-about-vehicle .about-vehicle li.exterior-colour:before {
      content: '\E844'; }
  #block-site-in-stock-site-in-stock-about-vehicle .block-heading {
    padding: 0 20px; }
  #block-site-in-stock-site-in-stock-about-vehicle .about-vehicle-description {
    font-size: 0.7777777778em;
    line-height: 2.0892857143em;
    padding: 0 20px; }
    #block-site-in-stock-site-in-stock-about-vehicle .about-vehicle-description p {
      margin-bottom: 0; }
@media (max-width: 47.49em) and (max-width: 61.865em) {
  #block-site-in-stock-site-in-stock-about-vehicle {
      margin-left: -20px;
      margin-right: -20px;
      width: 100vw;
      padding-left: 10px;
      padding-right: 10px; }
}
@media (max-width: 47.49em) and (min-width: 61.875em) {
  #block-site-in-stock-site-in-stock-about-vehicle {
      width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      padding-left: 0;
      padding-right: 0; }
}
@media only screen and (max-width: 47.49em) and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #block-site-in-stock-site-in-stock-about-vehicle {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (max-width: 47.49em) and (min-width: 61.875em) {
  #block-site-in-stock-site-in-stock-about-vehicle > * {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto; }
}
@media (max-width: 47.49em) and (min-width: 61.875em) and (min-width: 61.875em) {
  #block-site-in-stock-site-in-stock-about-vehicle > * {
          width: 950px; }
}
@media (max-width: 47.49em) and (min-width: 61.875em) and (min-width: 76.875em) {
  #block-site-in-stock-site-in-stock-about-vehicle > * {
          width: 1190px; }
}
#block-site-in-stock-site-in-stock-about-vehicle form#site-in-stock-button-form--3 div {
    text-align: center; }
  #block-site-in-stock-site-in-stock-about-vehicle .link--button-forward {
    font-size: 1.222em;
    line-height: 1.329787234em;
    padding: 10px 25px;
    display: inline-block;
    height: auto;
    text-align: center;
    margin: 30px 0; }

#block-site-in-stock-site-in-stock-tech-specs .specs-cols {
  margin-top: 30px; }
@media (min-width: 47.5em) {
  #block-site-in-stock-site-in-stock-tech-specs .specs-cols {
        display: flex; }
}
@media (min-width: 47.5em) {
  #block-site-in-stock-site-in-stock-tech-specs .specs-col-1 {
      flex: 1;
      margin-right: 20px; }
}
@media (min-width: 47.5em) {
  #block-site-in-stock-site-in-stock-tech-specs .specs-col-2 {
      flex: 1; }
}
#block-site-in-stock-site-in-stock-tech-specs .item-list {
  overflow: hidden;
  border: 2px solid #f6f6f6;
  position: relative;
  margin-bottom: 15px; }
  #block-site-in-stock-site-in-stock-tech-specs .item-list h3 {
    font-size: 1.111em;
    line-height: 1.4626462646em;
    background: #f6f6f6;
    margin: 0;
    padding: 15px 15px 15px 65px; }
  #block-site-in-stock-site-in-stock-tech-specs .item-list ul {
    padding: 15px 15px 0;
    overflow: hidden;
    font-size: 0.8888888889em;
    line-height: 1.828125em; }
    #block-site-in-stock-site-in-stock-tech-specs .item-list ul:before {
      font-family: "icons";
      content: "✓";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      font-size: 37px;
      line-height: 1;
      margin: 0 0.2em 0 0; }
    #block-site-in-stock-site-in-stock-tech-specs .item-list ul:before {
      color: #ed8500;
      position: absolute;
      top: 0;
      left: 10px;
      line-height: 55px; }
    #block-site-in-stock-site-in-stock-tech-specs .item-list ul.emissions:before {
      content: '\E83F'; }
    #block-site-in-stock-site-in-stock-tech-specs .item-list ul.fuel-consumption:before {
      content: '\E83B'; }
    #block-site-in-stock-site-in-stock-tech-specs .item-list ul.tyres:before {
      content: '\E83C'; }
    #block-site-in-stock-site-in-stock-tech-specs .item-list ul.weight-and-capacities:before {
      content: '\E83D'; }
    #block-site-in-stock-site-in-stock-tech-specs .item-list ul.performance:before {
      content: '\E83E';
      font-size: 45px;
      left: 2px; }
    #block-site-in-stock-site-in-stock-tech-specs .item-list ul.general:before {
      content: '\E83A'; }
    #block-site-in-stock-site-in-stock-tech-specs .item-list ul.vehicle-dimensions:before {
      content: '\E837'; }
    #block-site-in-stock-site-in-stock-tech-specs .item-list ul.engine-and-drive-train:before {
      content: '\E82A'; }
  #block-site-in-stock-site-in-stock-tech-specs .item-list li {
    clear: both; }
    #block-site-in-stock-site-in-stock-tech-specs .item-list li span {
      float: left;
      display: block;
      margin-bottom: 10px; }
      #block-site-in-stock-site-in-stock-tech-specs .item-list li span:first-child {
        width: 70%;
        text-align: left;
        text-transform: capitalize; }
      #block-site-in-stock-site-in-stock-tech-specs .item-list li span:last-child {
        width: 30%;
        text-align: right; }

stickybutton {
  transform: translate3d(0, 0, 0);
  width: 100%; }
  stickybutton .sticky-button-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999; }
  stickybutton .sticky-button-link {
    font-size: 1.222em;
    line-height: 1.329787234em;
    padding: 10px 25px;
    width: 100%;
    border-radius: 0; }

#block-site-in-stock-site-in-stock-standard-equipment .specs-cols {
  margin-top: 30px; }
  #block-site-in-stock-site-in-stock-standard-equipment .specs-cols .spec-column {
    width: 100%; }
@media (min-width: 47.5em) {
  #block-site-in-stock-site-in-stock-standard-equipment .specs-cols .spec-column {
          width: 30%; }
}
@media (min-width: 47.5em) {
  #block-site-in-stock-site-in-stock-standard-equipment .specs-cols {
        display: flex; }
}
@media (min-width: 47.5em) {
  #block-site-in-stock-site-in-stock-standard-equipment .specs-col-1, #block-site-in-stock-site-in-stock-standard-equipment .specs-col-2 {
      flex: 1;
      margin-right: 20px; }
}
@media (min-width: 47.5em) {
  #block-site-in-stock-site-in-stock-standard-equipment .specs-col-3 {
      flex: 1; }
}
#block-site-in-stock-site-in-stock-standard-equipment .item-list {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  border: 2px solid #f6f6f6;
  position: relative;
  margin-bottom: 20px;
  margin-right: 0; }
  #block-site-in-stock-site-in-stock-standard-equipment .item-list h3 {
    font-size: 1.111em;
    line-height: 1.4626462646em;
    background: #f6f6f6;
    margin: 0;
    padding: 15px; }
  #block-site-in-stock-site-in-stock-standard-equipment .item-list ul {
    padding: 15px;
    overflow: hidden;
    font-size: 0.8888888889em;
    line-height: 1.828125em; }
    #block-site-in-stock-site-in-stock-standard-equipment .item-list ul li {
      clear: both;
      margin-bottom: 10px; }
@media (max-width: 47.49em) {
  #block-site-in-stock-site-in-stock-standard-equipment .item-list ul li.last {
            margin-bottom: 0px; }
}
#group-content #block-site-in-stock-site-in-stock-financial-info {
  overflow: hidden; }

.tab-pricing-section {
  background: #f6f6f6;
  padding: 15px 20px 0; }
  .tab-pricing-section .tabs-list {
    display: flex; }
@media (max-width: 47.49em) {
  .tab-pricing-section {
        padding: 15px 10px 0; }
}
.tab-pricing-section__label {
    width: 50%;
    display: inline-block;
    color: #0887a6;
    background: #f6f6f6;
    border-top: 6px solid #f6f6f6;
    padding: 10px 0; }
    .tab-pricing-section__label:hover {
      cursor: pointer; }
    .tab-pricing-section__label__header {
      font-size: 22px;
      text-align: center; }
    .tab-pricing-section__label__footer {
      font-size: 12px;
      line-height: normal;
      text-align: center; }
      .tab-pricing-section__label__footer__rating-widget {
        border: none; }
  .tab-pricing-section__tabs-block {
    background-color: #ffffff;
    width: 100%;
    padding: 20px 0;
    position: relative;
    overflow: hidden; }
  .tab-pricing-section .delivery {
    margin-bottom: 15px; }
  .tab-pricing-section .active {
    position: relative;
    color: #000000;
    border-top: 6px solid #023145;
    background-color: #ffffff;
    box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.05); }
  .tab-pricing-section__btn__apply-fin-btn {
    border-radius: 3px;
    background-color: #F30059;
    margin: 0 10px 5px;
    padding: 15px 0; }
    .tab-pricing-section__btn__apply-fin-btn:hover {
      cursor: pointer;
      background-color: #db0252; }
  .tab-pricing-section__btn__res-car {
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    font-weight: 600; }
    .tab-pricing-section__btn__res-car-footer {
      color: #ffffff;
      font-size: 12px; }
  .tab-pricing-section__btn__default {
    box-sizing: border-box;
    border: 1px solid #E9E9E9;
    border-radius: 3px;
    background-color: #ffffff;
    text-align: center;
    margin: 10px 10px 5px;
    padding: 15px 0; }
    .tab-pricing-section__btn__default:hover {
      cursor: pointer;
      background-color: #f6f6f6; }
    .tab-pricing-section__btn__default-text {
      color: #666666;
      font-size: 15px;
      text-align: center; }
  .tab-pricing-section__pr-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 10px;
    height: 40px;
    border-bottom: 1px solid #E9E9E9; }
    .tab-pricing-section__pr-block-item {
      display: inline-block;
      vertical-align: middle;
      color: #000000;
      font-size: 14px; }
  .tab-pricing-section .edit-amount {
    display: flex;
    justify-content: center;
    align-items: center; }
    .tab-pricing-section .edit-amount:hover {
      cursor: pointer; }
  .tab-pricing-section .edit-monthly-finance {
    position: relative;
    color: #0887a6;
    font-size: 15px;
    text-align: center;
    padding: 15px 0; }
    .tab-pricing-section .edit-monthly-finance .icon.icon--calc {
      position: absolute;
      top: 50%;
      left: -5px;
      transform: translateY(-50%); }
      .tab-pricing-section .edit-monthly-finance .icon.icon--calc:before {
        color: #0887a6;
        font-size: 14px; }
    .tab-pricing-section .edit-monthly-finance__link {
      position: relative;
      left: 13px; }
  .tab-pricing-section__report .report-modal-wrapper .modal {
    max-width: 365px;
    max-height: 310px;
    border-radius: 4px;
    padding: 30px;
    overflow: hidden; }
    .tab-pricing-section__report .report-modal-wrapper .modal .close-button {
      width: 10px;
      height: 10px;
      top: 15px;
      right: 15px;
      line-height: normal;
      font-size: 0;
      background: transparent url('/sites/buyacar/themes/buyacar/images/svgs/modal_close.svg') 50% 50% no-repeat;
      background-size: cover; }
  .tab-pricing-section__report .report-modal-header {
    font-size: 16px;
    margin-top: 15px;
    display: flex;
    justify-content: center; }
    .tab-pricing-section__report .report-modal-header__text {
      position: relative;
      line-height: 20px;
      text-decoration: underline;
      cursor: pointer; }
      .tab-pricing-section__report .report-modal-header__text:before {
        position: absolute;
        content: '';
        left: -19px;
        top: 50%;
        transform: translateY(-50%);
        width: 13px;
        height: 20px;
        background: transparent url('/sites/buyacar/themes/buyacar/images/svgs/report_flag.svg') 50% 50% no-repeat;
        background-size: cover; }
  .tab-pricing-section__report .report-modal-window {
    font-size: 14px; }
    .tab-pricing-section__report .report-modal-window__header {
      font-size: 16px;
      margin-bottom: 10px;
      color: rgba(0, 0, 0, 0.85); }
    .tab-pricing-section__report .report-modal-window__buttons {
      display: flex;
      justify-content: flex-end; }
      .tab-pricing-section__report .report-modal-window__buttons-cancel {
        text-decoration: underline;
        border: none;
        background: transparent;
        cursor: pointer;
        margin-right: 25px; }
      .tab-pricing-section__report .report-modal-window__buttons-report {
        background-color: #f40057;
        color: #ffffff;
        height: 40px;
        width: 125px;
        border: none;
        cursor: pointer;
        border-radius: 4px;
        box-shadow: 2px 1px 11px 0 rgba(245, 0, 87, 0.26); }
    .tab-pricing-section__report .report-modal-window__textarea {
      font-size: 14px;
      resize: none;
      min-height: 130px;
      margin-bottom: 30px;
      border: 1px solid #E9E9E9;
      background-color: #ffffff;
      color: #000000; }
      .tab-pricing-section__report .report-modal-window__textarea:focus {
        outline: 0; }
      .tab-pricing-section__report .report-modal-window__textarea.invalid {
        border: 1px solid #f40057; }

.tab-list {
  background-color: #ffffff; }

.tab {
  box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.05); }

.pay_month {
  font-weight: 600; }

.reserved-modal {
  position: absolute;
  width: 500px;
  padding: 25px;
  background-color: #ffffff;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
@media (max-width: 47.49em) {
  .reserved-modal {
        width: calc(100% - 40px); }
}
.reserved-modal-close-icon {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 14px;
    right: 14px;
    cursor: pointer; }
  .reserved-modal-title {
    font-weight: 600; }
  .reserved-modal-descr {
    font-size: 14.2222222221px;
    margin: 0; }

.reserved-plug {
  width: calc(100% - 20px);
  margin: 0 10px;
  padding: 10px 10px;
  background-color: #6D7278;
  border-radius: 3px; }
  .reserved-plug-inner {
    display: flex;
    justify-content: center;
    margin-bottom: 4px; }
  .reserved-plug-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0; }
  .reserved-plug-hint {
    cursor: pointer;
    text-decoration: underline;
    font-size: 12.4444444443px;
    margin: 0; }
  .reserved-plug-icon {
    width: 26px;
    margin-right: 6px; }

.product-advert-id {
  margin: auto;
  margin-top: 20px;
  text-align: center;
  color: #666666;
  font-size: 15.04px; }

.vehicle-key-info-wrapper {
  display: block;
  font-size: 16px; }

.vehicle-key-info-list {
  display: flex;
  flex-direction: column; }
@media all and (max-width: 600px) {
  .vehicle-key-info-list {
        flex-direction: row;
        flex-wrap: wrap; }
}
@media (min-width: 30em) {
  .vehicle-key-info-list {
        flex-direction: row;
        flex-wrap: wrap; }
}
.vehicle-key-info-list__item {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    padding-left: 35px;
    position: relative;
    margin-bottom: 20px;
    /* smallest 320px width */ }
@media all and (min-width: 375px) {
  .vehicle-key-info-list__item {
          padding-left: 50px; }
}
@media all and (max-width: 600px) {
  .vehicle-key-info-list__item {
          padding-left: 40px;
          margin-bottom: 10px; }
}
@media (min-width: 37.5em) and (max-width: 61.865em) {
  .vehicle-key-info-list__item {
          width: 25%;
          padding-left: 35px;
          flex-direction: column;
          justify-content: flex-start; }
}
@media all and (min-width: 800px) and (max-width: 1024px) {
  .vehicle-key-info-list__item {
          padding-left: 50px; }
}
@media (min-width: 61.875em) {
  .vehicle-key-info-list__item {
          padding-left: 35px;
          width: 25%;
          flex-direction: column;
          justify-content: flex-start; }
}
@media all and (min-width: 480px) and (max-width: 550px) {
  .vehicle-key-info-list__item {
          padding-left: 50px; }
}
.vehicle-key-info-list__item:before {
      content: '';
      position: absolute;
      width: 25px;
      height: 25px;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
@media (min-width: 30em) {
  .vehicle-key-info-list__item:before {
            left: 5px; }
}
@media (min-width: 37.5em) and (max-width: 61.865em) {
  .vehicle-key-info-list__item:before {
            left: 5px; }
}
@media (min-width: 47.5em) {
  .vehicle-key-info-list__item:before {
            left: 15px; }
}
@media (min-width: 61.875em) {
  .vehicle-key-info-list__item:before {
            left: 5px; }
}
@media all and (min-width: 768px) and (max-width: 800px) {
  .vehicle-key-info-list__item:before {
            left: 5px; }
}
.vehicle-key-info-list__item-title {
      text-align: left; }
    .vehicle-key-info-list__item-value {
      font-weight: bold;
      text-transform: capitalize;
      text-align: right; }
    .vehicle-key-info-list__item-title, .vehicle-key-info-list__item-value {
      width: 50%;
      font-size: 16px; }
@media all and (min-width: 375px) {
  .vehicle-key-info-list__item-title, .vehicle-key-info-list__item-value {
            font-size: 16px; }
}
@media (min-width: 37.5em) and (max-width: 61.865em) {
  .vehicle-key-info-list__item-title, .vehicle-key-info-list__item-value {
            width: 100%;
            text-align: left; }
}
@media (min-width: 47.5em) {
  .vehicle-key-info-list__item-title, .vehicle-key-info-list__item-value {
            font-size: 18px;
            width: 100%;
            text-align: left; }
}
@media (min-width: 61.875em) {
  .vehicle-key-info-list__item-title, .vehicle-key-info-list__item-value {
            font-size: 18px; }
}
.vehicle-key-info-list__item.bodyStyle:before {
      background: url("/sites/buyacar/themes/buyacar/images/svgs/bodyStyle.svg") 50% 50% no-repeat;
      background-size: contain; }
    .vehicle-key-info-list__item.seats:before {
      background: url("/sites/buyacar/themes/buyacar/images/svgs/seats.svg") 50% 50% no-repeat;
      background-size: contain; }
    .vehicle-key-info-list__item.mileage:before {
      background: url("/sites/buyacar/themes/buyacar/images/svgs/mileage.svg") 50% 50% no-repeat;
      background-size: contain; }
    .vehicle-key-info-list__item.calendar:before {
      background: url("/sites/buyacar/themes/buyacar/images/svgs/calendar.svg") 50% 50% no-repeat;
      background-size: contain; }
    .vehicle-key-info-list__item.trans:before {
      background: url("/sites/buyacar/themes/buyacar/images/svgs/trans.svg") 50% 50% no-repeat;
      background-size: contain; }
    .vehicle-key-info-list__item.paint:before {
      background: url("/sites/buyacar/themes/buyacar/images/svgs/paint.svg") 50% 50% no-repeat;
      background-size: contain; }
    .vehicle-key-info-list__item.fuel:before {
      background: url("/sites/buyacar/themes/buyacar/images/svgs/fuel.svg") 50% 50% no-repeat;
      background-size: contain; }
    .vehicle-key-info-list__item.engineCogs:before {
      background: url("/sites/buyacar/themes/buyacar/images/svgs/engineCogs.svg") 50% 50% no-repeat;
      background-size: contain; }

#block-site-in-stock-site-in-stock-benefits {
  clear: both;
  background: #f6f6f6;
  padding-bottom: 20px; }
@media (max-width: 47.49em) and (max-width: 61.865em) {
  #block-site-in-stock-site-in-stock-benefits {
      margin-left: -20px;
      margin-right: -20px;
      width: 100vw;
      padding-left: 10px;
      padding-right: 10px; }
}
@media (max-width: 47.49em) and (min-width: 61.875em) {
  #block-site-in-stock-site-in-stock-benefits {
      width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      padding-left: 0;
      padding-right: 0; }
}
@media only screen and (max-width: 47.49em) and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #block-site-in-stock-site-in-stock-benefits {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (max-width: 47.49em) and (min-width: 61.875em) {
  #block-site-in-stock-site-in-stock-benefits > * {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto; }
}
@media (max-width: 47.49em) and (min-width: 61.875em) and (min-width: 61.875em) {
  #block-site-in-stock-site-in-stock-benefits > * {
          width: 950px; }
}
@media (max-width: 47.49em) and (min-width: 61.875em) and (min-width: 76.875em) {
  #block-site-in-stock-site-in-stock-benefits > * {
          width: 1190px; }
}
#block-site-in-stock-site-in-stock-benefits .block-title {
    color: #003454; }
  #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper {
    text-align: center; }
    #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper h3 {
      margin-bottom: 20px;
      font-size: 1.222em;
      line-height: 1.329787234em; }
@media (min-width: 47.5em) and (max-width: 61.865em) {
  #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits > * {
            width: calc((100% / 2) - 0.01px);
            float: left;
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
}
@media (min-width: 47.5em) {
  #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits {
          width: calc(100% - 8em);
          margin: 20px auto 0; }
}
@media (min-width: 61.875em) {
  #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits > * {
            width: calc((100% / 3) - 0.01px);
            float: left;
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
}
#block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits li {
      margin-bottom: 1.5em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
@media (min-width: 47.5em) and (max-width: 61.865em) {
  #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits li {
            font-size: 1.111em;
            line-height: 1.4626462646em; }
}
#block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits li:before {
        font-family: "icons";
        content: "";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        margin: 0 0.2em 0 0; }
      #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits li:before {
        color: #ed8500;
        width: 60px;
        font-size: 2.222em;
        line-height: 1.4626462646em; }
      #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits li.benefit-car:before {
        content: '\E837'; }
      #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits li.benefit-check:before {
        content: '\E841'; }
      #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits li.hpi:before {
        content: '\E844'; }
      #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits li.benefit-home:before {
        content: '\E843'; }
      #block-site-in-stock-site-in-stock-benefits .content .benefits-wrapper .benefits li.benefit-clipboard:before {
        content: '\E842'; }

/* YOUTUBE VIDEOS FULL WIDTH
-------------------------------------------------------------- */
.file-video-youtube {
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 1em;
  width: 100%; }
  .file-video-youtube .media-youtube-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }

.file-video-youtube.file-home-welcome-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }
  .file-video-youtube.file-home-welcome-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }
@media (max-width: 47.49em) {
  .field-name-field-best .field-collection-item-field-best > .content {
      border-bottom: solid 1px #f6f6f6;
      margin-bottom: 1em; }
      .field-name-field-best .field-collection-item-field-best > .content .field-name-field-best-image {
        margin: 0.5em;
        text-align: center; }
      .field-name-field-best .field-collection-item-field-best > .content .field-name-field-best-heading {
        font-size: 1.222em;
        line-height: 1.8218085106em;
        text-align: center; }
}
@media (max-width: 47.49em) and (min-width: 31.25em) {
  .field-name-field-best .field-collection-item-field-best > .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .field-name-field-best .field-collection-item-field-best > .content > .field:not(.field-name-field-best-heading) {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; }
        .field-name-field-best .field-collection-item-field-best > .content .field-name-field-best-image {
          margin: 0;
          width: 20%;
          padding-right: 1em;
          text-align: center; }
        .field-name-field-best .field-collection-item-field-best > .content .field-name-field-best-heading {
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          text-align: left; }
        .field-name-field-best .field-collection-item-field-best > .content .field-name-field-best-text {
          width: 80%; }
}
@media (min-width: 47.5em) {
  .field-name-field-best .field-collection-item-field-best > .content {
      position: relative;
      padding-left: 150px;
      min-height: 180px; }
      .field-name-field-best .field-collection-item-field-best > .content .field-name-field-best-heading .field-item {
        font-size: 1.667em;
        line-height: 1.3354829034em;
        margin-bottom: 0.5em; }
      .field-name-field-best .field-collection-item-field-best > .content .field-name-field-best-image {
        position: absolute;
        top: 10px;
        left: 0;
        width: 150px;
        text-align: center; }
}
.field-name-field-best .field-items > .field-item:last-child .field-collection-item-field-best > .content {
  min-height: auto; }

.page-node .field-name-field-key-facts {
  margin-left: -20px;
  width: calc(100% + 40px); }
@media (min-width: 47.5em) {
  .page-node .field-name-field-key-facts {
        margin-left: 0px;
        width: 100%; }
}
.page-node .field-name-field-key-facts table .empty-td {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
@media (min-width: 47.5em) {
  .page-node .field-name-field-key-facts table {
        border: 1px #e8e8e8 solid; }
        .page-node .field-name-field-key-facts table .empty-td {
          position: inherit;
          clip: auto;
          height: auto;
          width: auto;
          overflow: inherit; }
}
.page-node .field-name-field-key-facts table tbody tr:first-child {
    position: static; }
  .page-node .field-name-field-key-facts table tbody tr:nth-child(even) td {
    background: #ffffff; }
  .page-node .field-name-field-key-facts table tbody tr:first-child td:first-child {
    border-top: 1px #e8e8e8 solid; }
  .page-node .field-name-field-key-facts table tbody tr td {
    border-bottom: 1px #e8e8e8 solid;
    display: block;
    vertical-align: top; }
@media (min-width: 47.5em) {
  .page-node .field-name-field-key-facts table tbody tr td {
          border-top: 1px #e8e8e8 solid; }
}
@media (min-width: 47.5em) {
  .page-node .field-name-field-key-facts table tbody tr td {
          display: table-cell;
          width: 50%; }
          .page-node .field-name-field-key-facts table tbody tr td:nth-child(odd) {
            border-right: 1px #e8e8e8 solid; }
}
.page-node .field-name-field-key-facts table tbody tr td .container-inline {
      padding: 1.5em 2.5em;
      overflow: hidden;
      text-align: center; }
@media (min-width: 47.5em) {
  .page-node .field-name-field-key-facts table tbody tr td .container-inline {
            padding: 1em 2em; }
}
.page-node .field-name-field-key-facts table tbody tr td .container-inline .double-field-first {
        font-weight: bold; }
      .page-node .field-name-field-key-facts table tbody tr td .container-inline > * {
        display: block; }
@media (min-width: 32.5em) {
  .page-node .field-name-field-key-facts table tbody tr td .container-inline {
            text-align: left; }
            .page-node .field-name-field-key-facts table tbody tr td .container-inline > * {
              display: inline; }
            .page-node .field-name-field-key-facts table tbody tr td .container-inline .double-field-second {
              max-width: 65%;
              float: right;
              text-align: right; }
}
.field-name-field-about h1, .field-name-field-about h2, .field-name-field-about h3, .field-name-field-about h4, .field-name-field-about h5, .field-name-field-about h6 {
  font-size: 1.222em;
  line-height: 1.5957446809em; }

.field-name-field-trims h1, .field-name-field-trims h2, .field-name-field-trims h3, .field-name-field-trims h4, .field-name-field-trims h5, .field-name-field-trims h6 {
  font-size: 1em;
  line-height: 1.95em; }

.field-name-field-trims .field-items table {
  margin-left: -1em;
  width: calc(100% + 2em);
  border-bottom: 1px #e8e8e8 solid; }
  .field-name-field-trims .field-items table tbody,
  .field-name-field-trims .field-items table tr,
  .field-name-field-trims .field-items table th,
  .field-name-field-trims .field-items table td {
    display: block;
    text-align: center; }
  .field-name-field-trims .field-items table tbody tr {
    border: 1px solid #f6f6f6;
    margin-bottom: 1em; }
    .field-name-field-trims .field-items table tbody tr:first-child {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .field-name-field-trims .field-items table tbody tr:nth-of-type(even) td {
      background: #ffffff; }
    .field-name-field-trims .field-items table tbody tr td {
      background: #ffffff; }
      .field-name-field-trims .field-items table tbody tr td:before {
        content: attr(data-heading) ": "; }
      .field-name-field-trims .field-items table tbody tr td:first-child {
        background: #f6f6f6; }
        .field-name-field-trims .field-items table tbody tr td:first-child:before {
          content: ''; }
@media (min-width: 47.5em) {
  .field-name-field-trims .field-items table tbody {
        display: table-row-group; }
        .field-name-field-trims .field-items table tbody tr {
          display: table-row;
          border: none; }
          .field-name-field-trims .field-items table tbody tr:first-child {
            position: relative;
            top: auto;
            left: auto; }
          .field-name-field-trims .field-items table tbody tr:nth-of-type(even) {
            background: #f6f6f6; }
            .field-name-field-trims .field-items table tbody tr:nth-of-type(even) td {
              background: transparent; }
          .field-name-field-trims .field-items table tbody tr td, .field-name-field-trims .field-items table tbody tr th {
            text-align: center;
            display: table-cell; }
            .field-name-field-trims .field-items table tbody tr td:first-child, .field-name-field-trims .field-items table tbody tr th:first-child {
              background: transparent; }
            .field-name-field-trims .field-items table tbody tr td:before, .field-name-field-trims .field-items table tbody tr th:before {
              content: ''; }
}
@media (min-width: 36.25em) {
  .field-name-field-trims .field-items table {
        width: 100%;
        margin-left: 0em;
        border-bottom: 0px; }
}
@media (min-width: 48.0625em) {
  .field-name-field-trims .field-items table {
        table-layout: fixed; }
}
.field-name-field-trims .field-items table tbody {
    border-top: 0px; }
    .field-name-field-trims .field-items table tbody tr {
      border: 0px;
      margin-bottom: 0px; }
@media (min-width: 36.25em) {
  .field-name-field-trims .field-items table tbody tr {
            margin-bottom: 1em;
            border: 1px #e8e8e8 solid; }
}
@media (min-width: 48.0625em) {
  .field-name-field-trims .field-items table tbody tr:nth-of-type(even) {
            background: transparent; }
          .field-name-field-trims .field-items table tbody tr:first-child {
            background: #003454; }
            .field-name-field-trims .field-items table tbody tr:first-child td {
              background: #003454;
              color: #ffffff;
              border-right: 0px; }
              .field-name-field-trims .field-items table tbody tr:first-child td:first-child {
                background: transparent; }
}
.field-name-field-trims .field-items table tbody tr td {
        text-align: right;
        width: 100%;
        padding: 1em;
        border-top: 1px #f6f6f6 solid;
        border-bottom: 1px #e8e8e8 solid; }
@media (min-width: 48.0625em) {
  .field-name-field-trims .field-items table tbody tr td {
              text-align: center;
              border-top: 0px;
              border-right: 1px #e8e8e8 solid;
              width: auto;
              word-wrap: break-word; }
}
.field-name-field-trims .field-items table tbody tr td:first-child {
          background: #003454;
          color: #ffffff;
          font-weight: bold;
          padding: 1em 0;
          text-align: center;
          border-top: 0px;
          border-bottom: 0px; }
@media (min-width: 48.0625em) {
  .field-name-field-trims .field-items table tbody tr td:first-child {
                width: 32%;
                background: #f6f6f6;
                color: #000000;
                text-align: left;
                padding-left: 1em;
                box-sizing: border-box; }
}
.field-name-field-trims .field-items table tbody tr td:last-child {
          border-top: 0px;
          border-bottom: 0px; }
        .field-name-field-trims .field-items table tbody tr td:before {
          float: left;
          font-weight: bold; }
      .field-name-field-trims .field-items table tbody tr:first-child td {
        position: absolute;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        display: none; }
@media (min-width: 48.0625em) {
  .field-name-field-trims .field-items table tbody tr:first-child td {
              position: inherit;
              clip: auto;
              height: auto;
              width: auto;
              overflow: inherit;
              display: table-cell; }
}
#block-system-main .field-name-field-gallery-adv,
#block-system-main .referenced-gallery-node {
  width: 100%; }
  #block-system-main .field-name-field-gallery-adv a[data-gallery-id],
  #block-system-main .referenced-gallery-node a[data-gallery-id] {
    position: relative;
    display: block; }
    #block-system-main .field-name-field-gallery-adv a[data-gallery-id] img,
    #block-system-main .referenced-gallery-node a[data-gallery-id] img {
      width: 100%; }
    #block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info,
    #block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info {
      color: #ffffff;
      border: 3px solid #ffffff;
      border-radius: 5px;
      position: absolute;
      bottom: 40px;
      right: 40px;
      font-size: 0;
      padding: 0 20px;
      opacity: 0.8;
      -webkit-transition: opacity 0.2s;
      transition: opacity 0.2s;
      -webkit-box-shadow: 1px 1px 1px #555;
      box-shadow: 1px 1px 1px #555;
      background-color: rgba(0, 0, 0, 0.5); }
      #block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info:before,
      #block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info:before {
        font-family: "icons";
        content: "";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        font-size: 26.672px;
        line-height: 1;
        margin: 0 0.2em 0 0; }
      #block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info:before,
      #block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info:before {
        margin-right: 20px;
        position: relative;
        top: 2px; }
      #block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info:after,
      #block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info:after {
        content: "view all pictures";
        font-size: 22.208px;
        font-family: "Sarala", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
        line-height: 60px; }
@media (max-width: 47.49em) {
  #block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info,
          #block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info {
            border-width: 2px;
            bottom: 20px;
            right: 15px;
            padding: 0 10px; }
            #block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info:before,
            #block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info:before {
              font-size: 19.552px;
              margin-right: 10px; }
            #block-system-main .field-name-field-gallery-adv a[data-gallery-id] .gallery-info:after,
            #block-system-main .referenced-gallery-node a[data-gallery-id] .gallery-info:after {
              font-size: 14.2222222221px;
              line-height: 40px; }
}
#block-system-main .field-name-field-gallery-adv a[data-gallery-id]:hover .gallery-info,
    #block-system-main .referenced-gallery-node a[data-gallery-id]:hover .gallery-info {
      opacity: 1; }
  #block-system-main .field-name-field-gallery-adv .field-name-field-file-credits,
  #block-system-main .field-name-field-gallery-adv .field-name-field-file-description,
  #block-system-main .referenced-gallery-node .field-name-field-file-credits,
  #block-system-main .referenced-gallery-node .field-name-field-file-description {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0.5em;
    font-size: 0.7777777778em;
    line-height: 2.0892857143em; }
@media (min-width: 61.875em) {
  #block-system-main .field-name-field-gallery-adv .field-name-field-file-credits,
        #block-system-main .field-name-field-gallery-adv .field-name-field-file-description,
        #block-system-main .referenced-gallery-node .field-name-field-file-credits,
        #block-system-main .referenced-gallery-node .field-name-field-file-description {
          width: 950px; }
}
@media (min-width: 76.875em) {
  #block-system-main .field-name-field-gallery-adv .field-name-field-file-credits,
        #block-system-main .field-name-field-gallery-adv .field-name-field-file-description,
        #block-system-main .referenced-gallery-node .field-name-field-file-credits,
        #block-system-main .referenced-gallery-node .field-name-field-file-description {
          width: 1190px; }
}
#block-system-main .field-name-field-gallery-adv .field-name-field-file-credits .field-label,
    #block-system-main .field-name-field-gallery-adv .field-name-field-file-description .field-label,
    #block-system-main .referenced-gallery-node .field-name-field-file-credits .field-label,
    #block-system-main .referenced-gallery-node .field-name-field-file-description .field-label {
      font-weight: bold; }
      #block-system-main .field-name-field-gallery-adv .field-name-field-file-credits .field-label:after,
      #block-system-main .field-name-field-gallery-adv .field-name-field-file-description .field-label:after,
      #block-system-main .referenced-gallery-node .field-name-field-file-credits .field-label:after,
      #block-system-main .referenced-gallery-node .field-name-field-file-description .field-label:after {
        content: ":  "; }

#block-system-main .referenced-gallery-node {
  margin-bottom: 40px;
  padding: 0; }
@media (max-width: 61.865em) {
  #block-system-main .referenced-gallery-node {
        margin-left: -20px;
        margin-right: -20px;
        width: 100vw;
        padding-left: 0;
        padding-right: 0; }
}
@media (min-width: 61.875em) {
  #block-system-main .referenced-gallery-node {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #block-system-main .referenced-gallery-node {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  #block-system-main .referenced-gallery-node > * {
          display: block;
          float: none;
          margin-left: auto;
          margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  #block-system-main .referenced-gallery-node > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  #block-system-main .referenced-gallery-node > * {
          width: 1190px; }
}
@media (min-width: 47.5em) {
  #block-system-main .referenced-gallery-node {
        width: 100%;
        margin-left: 0; }
}
#block-system-main .referenced-gallery-node > * {
    width: auto; }
  #block-system-main .referenced-gallery-node img {
    max-width: none;
    width: 100%; }

#block-system-main .gallery-list {
  margin: 0; }

.content .field-name-best-new-discount {
  background: #f6f6f6;
  border-top: 1px solid #dddcdc;
  border-bottom: 1px solid #dddcdc;
  padding: 20px;
  padding-top: 0; }
@media (max-width: 47.49em) {
  .content .field-name-best-new-discount {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: 20px; }
}
.content .field-name-best-new-discount .title, .content .field-name-best-new-discount autoconvertep form .sub-title, autoconvertep form .content .field-name-best-new-discount .sub-title, .content .field-name-best-new-discount
  partexchangeep form .sub-title,
  partexchangeep form .content .field-name-best-new-discount .sub-title {
    font-size: 1.388em;
    line-height: 1.5219740634em;
    font-weight: bold;
    text-align: center; }
  .content .field-name-best-new-discount .primary-image {
    margin-left: -20px;
    margin-right: -20px; }
    .content .field-name-best-new-discount .primary-image img {
      width: 100%;
      height: auto; }
  .content .field-name-best-new-discount .content {
    max-width: 340px;
    margin: 0 auto; }
  .content .field-name-best-new-discount .price-wrapper {
    text-align: right; }
    .content .field-name-best-new-discount .price-wrapper > * {
      margin-bottom: 0.5em; }
    .content .field-name-best-new-discount .price-wrapper .label {
      float: left; }
    .content .field-name-best-new-discount .price-wrapper .variant-saving {
      font-size: 1.222em;
      line-height: 1.329787234em;
      font-weight: bold;
      margin-top: 0.5em;
      padding-top: 0.5em;
      border-top: solid 1px #dddcdc; }
      .content .field-name-best-new-discount .price-wrapper .variant-saving .label {
        color: #000000; }
  .content .field-name-best-new-discount .link-wrapper {
    clear: both;
    text-align: center;
    padding: 0.5em 0; }
    .content .field-name-best-new-discount .link-wrapper .link--button-forward {
      font-size: 22.208px;
      line-height: 46.208px;
      height: 48.208px; }
@media (min-width: 35em) and (max-width: 47.49em) {
  .content .field-name-best-new-discount .primary-image {
        float: left;
        width: 300px;
        max-width: 50%;
        margin-right: 1em; }
      .content .field-name-best-new-discount .content {
        overflow: hidden; }
        .content .field-name-best-new-discount .content .title, .content .field-name-best-new-discount .content autoconvertep form .sub-title, autoconvertep form .content .field-name-best-new-discount .content .sub-title, .content .field-name-best-new-discount .content
        partexchangeep form .sub-title,
        partexchangeep form .content .field-name-best-new-discount .content .sub-title {
          margin-top: 0; }
}
@media (min-width: 47.5em) {
  .content .field-name-best-new-discount {
        width: 340px;
        float: right;
        border: 1px solid #dddcdc;
        margin-left: 40px;
        margin-bottom: 1em; }
        .content .field-name-best-new-discount .field-label {
          font-size: 1.388em;
          line-height: 1.7561239193em;
          margin-top: 0.5853746398em;
          margin-bottom: 0.5853746398em;
          text-align: center; }
        .content .field-name-best-new-discount .link-wrapper .link--button-forward {
          font-size: 19.552px;
          line-height: 43.552px;
          height: 45.552px; }
}
@media (max-width: 47.49em) {
  .field-name-price-list .trim {
      text-align: center; }
      .field-name-price-list .trim .title, .field-name-price-list .trim autoconvertep form .sub-title, autoconvertep form .field-name-price-list .trim .sub-title, .field-name-price-list .trim
      partexchangeep form .sub-title,
      partexchangeep form .field-name-price-list .trim .sub-title {
        margin: 0.5em; }
    .field-name-price-list .variant {
      margin-bottom: 1em;
      border: 1px #e8e8e8 solid; }
      .field-name-price-list .variant .variant-title {
        font-size: 1em;
        line-height: 1.625em;
        background-color: #003454;
        border: 1px #003454 solid;
        color: #ffffff;
        margin: -1px -1px 0 -1px;
        padding: 15px 20px; }
      .field-name-price-list .variant .variant-specs {
        margin-bottom: 15px; }
      .field-name-price-list .variant .variant-spec {
        border-bottom: 1px #f6f6f6 solid;
        padding: 15px 20px;
        margin: 0; }
        .field-name-price-list .variant .variant-spec span.label {
          font-weight: bold; }
          .field-name-price-list .variant .variant-spec span.label + span {
            float: right; }
      .field-name-price-list .variant .price-wrapper {
        padding: 0 20px; }
        .field-name-price-list .variant .price-wrapper .label {
          float: left; }
        .field-name-price-list .variant .price-wrapper .data {
          float: right; }
}
@media (max-width: 47.49em) and (min-width: 25em) {
  .field-name-price-list .variant .price-wrapper {
          font-size: 1.111em;
          line-height: 1.4626462646em; }
}
@media (max-width: 47.49em) and (min-width: 28.75em) {
  .field-name-price-list .variant .price-wrapper {
          font-size: 1.222em;
          line-height: 1.5957446809em; }
}
@media (max-width: 47.49em) {
  .field-name-price-list .variant .link-wrapper {
        clear: both;
        text-align: center;
        padding: 15px 0; }
        .field-name-price-list .variant .link-wrapper .link--button-forward {
          margin-top: 0.5em;
          margin-bottom: 0.5em; }
}
@media (max-width: 47.49em) and (min-width: 28.75em) {
  .field-name-price-list .variant .link-wrapper .link--button-forward {
          font-size: 19.552px;
          line-height: 43.552px;
          height: 45.552px; }
}
@media (min-width: 47.5em) {
  .field-name-price-list .trim {
      background-color: #003454;
      color: #ffffff;
      z-index: 1;
      position: relative; }
      .field-name-price-list .trim .title, .field-name-price-list .trim autoconvertep form .sub-title, autoconvertep form .field-name-price-list .trim .sub-title, .field-name-price-list .trim
      partexchangeep form .sub-title,
      partexchangeep form .field-name-price-list .trim .sub-title {
        margin-bottom: 0;
        padding: 15px; }
    .field-name-price-list .variant {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border: 1px #e8e8e8 solid;
      margin-top: -1px; }
      .field-name-price-list .variant > * {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%;
        margin: 0; }
      .field-name-price-list .variant .variant-title {
        font-size: 1em;
        line-height: 1.625em;
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        font-weight: bold;
        padding: 0 15px;
        border-right: 1px #e8e8e8 solid; }
      .field-name-price-list .variant .variant-specs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-bottom: 0;
        text-align: center;
        font-size: 0.7777777778em;
        line-height: 2.0892857143em; }
        .field-name-price-list .variant .variant-specs > * {
          width: 25%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-orient: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          margin: 0; }
          .field-name-price-list .variant .variant-specs > *:not(:last-child) {
            border-right: 1px #e8e8e8 solid; }
          .field-name-price-list .variant .variant-specs > * > * {
            padding: 0.5em 0; }
          .field-name-price-list .variant .variant-specs > * .label {
            border-bottom: 1px #e8e8e8 solid; }
      .field-name-price-list .variant .price-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-orient: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 15px; }
        .field-name-price-list .variant .price-wrapper > * {
          -webkit-align-self: flex-start;
          -ms-flex-item-align: flex-start;
          align-self: flex-start;
          text-align: left; }
      .field-name-price-list .variant .variant-title,
      .field-name-price-list .variant .variant-specs .label {
        background-color: #f6f6f6; }
      .field-name-price-list .variant .price-wrapper,
      .field-name-price-list .variant .link-wrapper {
        border-top: 1px #e8e8e8 solid;
        padding-top: 15px;
        padding-bottom: 15px; }
}
@media (min-width: 47.5em) and (min-width: 61.875em) {
  .field-name-price-list .variant {
        -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap; }
        .field-name-price-list .variant .variant-title {
          width: 20%; }
        .field-name-price-list .variant .variant-specs {
          width: 35%;
          border-right: 1px #e8e8e8 solid; }
        .field-name-price-list .variant .price-wrapper {
          width: 30%; }
        .field-name-price-list .variant .link-wrapper {
          width: 15%; }
          .field-name-price-list .variant .link-wrapper .link--button-forward {
            font-size: 14.2222222221px;
            line-height: 38.2222222221px;
            height: 40.2222222221px; }
        .field-name-price-list .variant .price-wrapper,
        .field-name-price-list .variant .link-wrapper {
          border-top: none;
          padding-top: 0;
          padding-bottom: 0; }
}
@media (min-width: 47.5em) and (min-width: 76.875em) {
  .field-name-price-list .variant .link-wrapper .link--button-forward {
        font-size: 16px;
        line-height: 40px;
        height: 42px; }
}
.field-name-field-understanding-names .understanding-names-top li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-orient: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  float: left;
  text-align: center;
  padding-right: 1.5em; }
@media (max-width: 28.125em) {
  .field-name-field-understanding-names .understanding-names-top li {
        float: none; }
}
.field-name-field-understanding-names .understanding-names-top li dt {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }

.field-name-field-understanding-names .understanding-names-bottom li {
  clear: both; }
  .field-name-field-understanding-names .understanding-names-bottom li dt {
    font-weight: bold;
    float: left;
    width: 110px; }
  .field-name-field-understanding-names .understanding-names-bottom li dd {
    overflow: hidden; }
  .field-name-field-understanding-names .understanding-names-bottom li:last-child {
    margin-bottom: 0; }

.node .field-name-field-understanding-names .understanding-names-bottom {
  margin-bottom: 0; }

.field-name-field-understanding-names .understanding-names-top li .highlight {
  color: #003454;
  font-size: 1.388em;
  line-height: 1.7561239193em;
  font-family: "Sarala", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
  font-weight: bold; }

.field-name-field-understanding-names .understanding-names-top li dt {
  color: #666666; }

/* @file _module-tags.scss
 *   Generic styles for the Tags
 *
 */
.group-tags {
  clear: both;
  margin-bottom: 1em; }
  .group-tags .group-label {
    margin: 0;
    margin-right: 0.6em;
    font-size: 1em;
    line-height: 1.625em;
    font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
    text-transform: uppercase; }
    .group-tags .group-label:before {
      content: 'Read more:'; }
    .group-tags .group-label span {
      position: absolute;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px); }
@media (min-width: 47.5em) {
  .group-tags .group-label {
          float: left; }
}
.group-tags .field-group-inner {
    overflow: hidden; }
    .group-tags .field-group-inner .field {
      float: none;
      margin-bottom: 0; }
      .group-tags .field-group-inner .field .field-item {
        float: left;
        margin-right: 0.2em;
        text-transform: uppercase; }
        .group-tags .field-group-inner .field .field-item a:after {
          content: ','; }
      .group-tags .field-group-inner .field:last-child .field-item:last-of-type a:after {
        content: normal; }
@media (max-width: 47.49em) {
  body.node-type-buyers-guide .node-full .group_content_body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-orient: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      body.node-type-buyers-guide .node-full .group_content_body .field-name-best-new-discount {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
}
body.node-type-buyers-guide .node-full .field-name-field-best {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto; }
@media (max-width: 47.49em) {
  body.node-type-buyers-guide .node-full .field-name-field-used .field-items h2, body.node-type-buyers-guide .node-full .field-name-field-used .field-items h3, body.node-type-buyers-guide .node-full .field-name-field-used .field-items h4, body.node-type-buyers-guide .node-full .field-name-field-used .field-items h5, body.node-type-buyers-guide .node-full .field-name-field-used .field-items h6, body.node-type-buyers-guide .node-full .field-name-field-used .field-items table, body.node-type-buyers-guide .node-full .field-name-field-used .field-items table ~ p {
      position: absolute;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px); }
}
body.node-type-buyers-guide .node-full .field-name-field-used table tbody tr:nth-child(odd):not(:first-child) td:first-child {
  background-color: transparent;
  text-align: center;
  padding-left: 0; }

body.node-type-buyers-guide .node-full .field-name-field-used table tbody tr:nth-child(even) td:nth-child(2) {
  font-weight: bold; }
@media (min-width: 47.5em) {
  body.node-type-buyers-guide .node-full .content > .field.group_content_body,
    body.node-type-buyers-guide .node-full .content .field-group-format.group_content_body {
      padding-top: 40px; }
}
body.node-type-buyers-guide .node-full .content .group-primary-media,
body.node-type-buyers-guide .node-full .content .field-name-best-deals {
  margin-bottom: 0; }
@media (min-width: 61.875em) {
  .field-name-field-best .group-label,
    .field-name-field-best .field-label,
    .field-name-best-deals .group-label,
    .field-name-best-deals .field-label,
    .field-name-field-key-facts .group-label,
    .field-name-field-key-facts .field-label,
    .group-strength-weakness .group-label,
    .group-strength-weakness .field-label {
      font-size: 2.611em;
      line-height: 1.2447338185em;
      margin-top: 0.7468402911em;
      margin-bottom: 0.7468402911em;
      text-align: center; }
}
body.page-stock-item #content .block-title {
  font-weight: bold; }

body.page-stock-item #content #block-site-in-stock-site-in-stock-financial-info.contextual-links-region {
  position: static; }

body.page-stock-item #content:after {
  content: normal; }

body.page-stock-item #page #group-content {
  position: relative; }
@media (min-width: 47.5em) and (max-width: 61.865em) {
  body.page-stock-item #page #group-content {
      position: static; }
    body.page-stock-item #page #main {
      position: relative; }
      body.page-stock-item #page #main h1#page-title {
        font-size: 2.611em;
        line-height: 1.1513787821em;
        text-align: left;
        width: 66.66%; }
}
.search.similar-cars {
  padding: 10px;
  margin-left: -20px;
  margin-right: -20px; }
  .search.similar-cars .similar-cars-list {
    margin-right: -10px;
    margin-left: -10px; }
@media (min-width: 47.5em) {
  .search.similar-cars .similar-cars-list {
          margin: 0; }
}
.search.similar-cars .search_small_bar .search_filters {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .search.similar-cars .search_small_bar .search_filters > section {
      display: flex;
      flex-direction: column; }
      .search.similar-cars .search_small_bar .search_filters > section:not(:first-of-type) {
        padding-top: 10px; }
@media (min-width: 47.5em) {
  .search.similar-cars .search_small_bar .search_filters {
          flex-direction: row;
          flex-wrap: wrap; }
          .search.similar-cars .search_small_bar .search_filters > section {
            flex-basis: 50%; }
            .search.similar-cars .search_small_bar .search_filters > section:not(:first-of-type) {
              padding-top: 0;
              padding-left: 10px; }
}
.search.similar-cars a.card {
    background: #ffffff;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 10px 10px;
    flex-wrap: wrap; }
@media (min-width: 47.5em) {
  .search.similar-cars a.card {
          border: 1px solid #e8e8e8;
          padding: 10px;
          border-radius: 5px;
          height: auto;
          display: block; }
}
.search.similar-cars a:after {
    display: none; }
  .search.similar-cars .card {
    box-shadow: none; }
    .search.similar-cars .card--inner {
      display: flex; }
@media (min-width: 47.5em) {
  .search.similar-cars .card--inner .card-top {
            flex-basis: 35%; }
}
.search.similar-cars .card--inner .card-top .img-info {
        background: #ffffff; }
      .search.similar-cars .card--inner .card-top .img-picture {
        border-radius: 0; }
      .search.similar-cars .card--inner .card-main {
        padding: 0; }
@media (min-width: 30em) {
  .search.similar-cars .card--inner .card-main {
              padding-left: 10px; }
}
.search.similar-cars .card--inner .card-main .body-wrapper {
          margin: 0; }
@media (min-width: 47.5em) {
  .search.similar-cars .card--inner .card-main .body-wrapper {
                height: 100%; }
}
.search.similar-cars .card .cta-wrapper {
      width: 100%;
      display: flex;
      justify-content: flex-end; }
@media (min-width: 47.5em) {
  .search.similar-cars .card .cta-wrapper {
            display: none; }
}
@media (min-width: 47.5em) {
  .search.similar-cars .card-screen-wrapper {
          display: flex;
          flex-wrap: wrap; }
}
.search.similar-cars .card-screen-wrapper .card-vehicle-name {
      text-align: left; }
@media (min-width: 30em) {
  .search.similar-cars .card-screen-wrapper .card-vehicle-name {
            min-height: 52px; }
}
.search.similar-cars .card-screen-wrapper .card-vehicle-name__name {
        font-family: "Sarala",Arial,Verdana,"Bitstream Vera Sans",sans-serif;
        color: #003454;
        font-size: 1.388em;
        line-height: 1.1707492795em; }
@media (min-width: 47.5em) {
  .search.similar-cars .card-screen-wrapper .card-vehicle-details {
          flex-basis: 75%; }
}
.search.similar-cars .card-screen-wrapper .card-vehicle-price {
      display: flex;
      padding: 10px 0; }
      .search.similar-cars .card-screen-wrapper .card-vehicle-price .variant-price-default {
        padding: 0; }
      .search.similar-cars .card-screen-wrapper .card-vehicle-price .variant-price-monthly {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        padding: 0;
        padding-right: 10px; }
        .search.similar-cars .card-screen-wrapper .card-vehicle-price .variant-price-monthly span {
          display: inline-block;
          vertical-align: bottom; }
      .search.similar-cars .card-screen-wrapper .card-vehicle-price .variant-price .label {
        font-size: 0.89em; }
@media (min-width: 47.5em) {
  .search.similar-cars .card-screen-wrapper .card-vehicle-price {
            display: none; }
}
.search.similar-cars .card-screen-wrapper .card-gear_info {
      padding: 0;
      display: flex;
      flex-flow: row wrap;
      height: auto; }
      .search.similar-cars .card-screen-wrapper .card-gear_info-title {
        font-size: 1em;
        font-weight: normal; }
      .search.similar-cars .card-screen-wrapper .card-gear_info-item {
        flex-basis: 50%;
        flex-grow: 1; }
        .search.similar-cars .card-screen-wrapper .card-gear_info-item .icon:before {
          color: #ed8500; }
@media (min-width: 47.5em) {
  .search.similar-cars .card-screen-wrapper .only-desktop {
          flex-basis: 25%; }
}
.search.similar-cars .card-screen-wrapper .only-desktop .variant-price-monthly {
      padding: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-end; }
    .search.similar-cars .card-screen-wrapper .only-desktop .variant-price-default {
      padding: 0;
      justify-content: flex-end; }
      .search.similar-cars .card-screen-wrapper .only-desktop .variant-price-default span {
        display: inline-block; }
    .search.similar-cars .card-screen-wrapper .only-desktop .variant-price a {
      align-self: flex-end; }
@media (min-width: 47.5em) {
  .search.similar-cars .card-screen-wrapper .only-desktop .variant-price {
          margin-bottom: 10px; }
}
@media (min-width: 47.5em) {
  .search.similar-cars .card-screen-wrapper .only-desktop {
          display: block; }
}
@media (min-width: 76.875em) {
  .search.similar-cars .card-screen-wrapper {
          flex-wrap: wrap; }
}
@media (min-width: 47.5em) {
  .search.similar-cars .card .only-desktop-button {
          display: block;
          width: 100%;
          text-align: right;
          vertical-align: bottom; }
          .search.similar-cars .card .only-desktop-button :after {
            content: "\E823";
            margin-left: 12px;
            font-family: "icons";
            box-sizing: border-box; }
}
.similar-cars .search_filters > section {
  margin-top: 10px; }

.verification {
  margin-right: 20px; }
  .verification-wrapper {
    padding-left: 10px;
    border-top: 1px solid #000; }
  .verification-header {
    font-weight: 700; }
  .verification .user-details-wrapper {
    display: flex;
    align-items: center; }
  .verification .user-details-notification {
    display: block;
    margin-bottom: 20px; }
  .verification .user-details-name {
    display: inline-block;
    font-size: 24px;
    padding-right: 20px;
    font-weight: 700; }
  .verification .user-details a {
    display: inline-block;
    font-size: 18px;
    cursor: pointer; }
  .verification .user-details-form {
    margin-bottom: 20px; }
    .verification .user-details-form label {
      display: block;
      font-size: 16px;
      line-height: 2;
      position: relative; }
      .verification .user-details-form label .form--tooltip:before {
        content: '?';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .verification .user-details-form label .form--tooltip__wrapper {
        width: auto; }
      .verification .user-details-form label .form--tooltip .mark {
        position: absolute; }
      .verification .user-details-form label input {
        display: block;
        border-radius: 5px;
        border: 1px solid #8E8E8E;
        padding: 10px;
        margin: 5px 0; }
  .verification-notification {
    padding-top: 25px; }
  .verification-success-wrapper {
    width: 80%;
    padding: 40px;
    background: #f6f6f6;
    font-size: 21px;
    line-height: 1.5em; }
  .verification-success-icon {
    margin-bottom: 20px; }
    .verification-success-icon .icon {
      margin-right: 20px; }
    .verification-success-icon__text {
      color: #2faf7b;
      font-size: 18px; }
  .verification-success-header {
    margin-bottom: 25px; }
  .verification-success-body {
    margin-bottom: 30px; }
    .verification-success-body__heading-text {
      font-weight: bold; }

.id-verification-block {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }
  .id-verification-block.verification {
    width: 70%;
    font-size: 80%; }
@media (max-width: 61.865em) {
  .car-info.card {
      display: none; }
}
.car-info.card {
  width: 30%;
  font-size: 80%;
  height: 100%; }

.car-info.card--small .card--inner, .car-info.card.card--medium .card--inner, .car-info.card.card--wide .card--inner {
  flex-direction: column; }
@media (min-width: 61.875em) {
  #onfido-mount {
      padding-right: 10px; }
}
.verification-success-content {
  width: 70%; }
@media (max-width: 61.865em) {
  .verification-success-content {
        width: 100%; }
}
.verification-success-wrapper {
  width: 98%; }
@media (max-width: 61.865em) {
  .verification-success-wrapper {
        width: 100%; }
}
#vehicle-config-header p {
  font-size: 1.222em;
  line-height: 1.4627659574em;
  margin-bottom: 0.5em; }

#vehicle-config-header .required-info {
  display: block; }
  #vehicle-config-header .required-info:before {
    content: "*";
    font-size: 22px;
    margin-right: 5px;
    position: relative;
    top: 7px;
    font-weight: bold; }
  #vehicle-config-header .required-info:after {
    font-size: 0.7777777778em;
    line-height: 2.0892857143em;
    content: 'required field'; }

#site-vehicle-config-data-capture-form {
  max-width: 600px;
  margin: 0 auto; }
  #site-vehicle-config-data-capture-form .form-item {
    position: relative; }
  #site-vehicle-config-data-capture-form > .form-item {
    padding: 0.5em;
    clear: both; }
  #site-vehicle-config-data-capture-form .form-item label {
    clear: both; }
  #site-vehicle-config-data-capture-form .form-item input {
    float: none; }
  #site-vehicle-config-data-capture-form .form-item.required label {
    position: relative; }
    #site-vehicle-config-data-capture-form .form-item.required label:before {
      content: "*";
      position: absolute;
      left: 0;
      top: 21px;
      font-size: 22px; }
  #site-vehicle-config-data-capture-form .form-item.message-active input {
    border-color: #ed8500;
    margin-bottom: 0.5em; }
  #site-vehicle-config-data-capture-form .form-submit {
    display: block;
    margin: 0.5em auto; }
  #site-vehicle-config-data-capture-form .message-wrapper {
    text-align: right; }
  #site-vehicle-config-data-capture-form .form-message {
    display: inline-block;
    font-size: 0.7777777778em;
    line-height: 2.0892857143em;
    background: #ed8500;
    padding: 0 0.5em;
    border-radius: 5px;
    color: #ffffff; }
@media (min-width: 47.5em) {
  #site-vehicle-config-data-capture-form .form-item-fullName .form-item {
        width: 50%;
        float: left; }
        #site-vehicle-config-data-capture-form .form-item-fullName .form-item.form-item-firstName {
          padding-right: 0.5em; }
        #site-vehicle-config-data-capture-form .form-item-fullName .form-item.form-item-lastName {
          padding-left: 0.5em; }
}
@media (max-width: 47.49em) {
  #site-vehicle-config-data-capture-form .form-item-fullName #edit-firstname {
        margin-bottom: 1em; }
}
#site-vehicle-config-data-capture-form .form-item-postCode .postcode-explanation {
    font-weight: normal;
    line-height: normal;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }
    #site-vehicle-config-data-capture-form .form-item-postCode .postcode-explanation:after {
      font-family: "icons";
      content: "";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      margin: 0 0 0 0.2em; }
    #site-vehicle-config-data-capture-form .form-item-postCode .postcode-explanation:after {
      background-color: #ed8500;
      color: #ffffff;
      border-radius: 100%;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center; }
    #site-vehicle-config-data-capture-form .form-item-postCode .postcode-explanation span {
      bottom: calc(100% + 10px);
      display: none;
      left: 0;
      line-height: normal;
      padding: 4px;
      position: absolute;
      right: 0;
      font-size: 0.7777777778em;
      line-height: 2.0892857143em;
      background: #ed8500;
      padding: 0 0.5em;
      border-radius: 5px;
      color: #ffffff;
      font-size: 1em; }
      #site-vehicle-config-data-capture-form .form-item-postCode .postcode-explanation span:after {
        content: '';
        display: block;
        border-top: solid 10px #ed8500;
        border-left: solid 8px transparent;
        border-right: solid 8px transparent;
        position: absolute;
        left: calc(50% - 8px);
        bottom: -9px; }
    #site-vehicle-config-data-capture-form .form-item-postCode .postcode-explanation:hover span {
      display: block; }
@media (min-width: 27.5em) {
  #site-vehicle-config-data-capture-form .form-item-postCode .postcode-explanation {
          padding: 0;
          position: absolute;
          right: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
}
#site-vehicle-config-data-capture-form input#edit-postcode {
    text-align: center;
    color: #ed8500;
    font-size: 1.2em;
    padding-top: 0.72em;
    padding-bottom: 0.72em;
    text-transform: uppercase; }
@media (max-width: 47.49em) {
  #site-vehicle-config-data-capture-form #edit-firstname-message {
        position: relative;
        top: -10px; }
}
#site-vehicle-config-data-capture-form #privacy_sentence label {
    line-height: normal;
    padding-left: 53px; }
    #site-vehicle-config-data-capture-form #privacy_sentence label input {
      position: absolute;
      left: 18px; }
  #site-vehicle-config-data-capture-form #privacy_sentence .message-wrapper {
    position: relative;
    top: -20px; }
  #site-vehicle-config-data-capture-form #privacy_sentence #privacy_agree {
    margin-right: 12px; }
  #site-vehicle-config-data-capture-form #privacy_sentence span.message-wrapper {
    display: block;
    text-align: center;
    font-size: 13px;
    margin-top: 10px; }

#site-vehicle-config-data-capture-form-submit {
  font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
  font-size: 16px;
  background: #f40057;
  color: #ffffff;
  border-radius: 5px;
  padding: 0 1em;
  min-height: 42px;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  display: inline-block;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5em;
  margin-bottom: 1em; }
  #site-vehicle-config-data-capture-form-submit:visited {
    color: #ffffff; }
  #site-vehicle-config-data-capture-form-submit:hover:not(:disabled) {
    background: #ff1468;
    color: #ffffff; }
  #site-vehicle-config-data-capture-form-submit:disabled {
    opacity: 0.4;
    cursor: default; }
  #site-vehicle-config-data-capture-form-submit:after, #site-vehicle-config-data-capture-form-submit:before {
    font-family: "icons"; }
  #site-vehicle-config-data-capture-form-submit:after {
    content: "\E823";
    margin-left: 12px; }

#signIn.overlay {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 0.2s;
  opacity: 1;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-name: popupAnimation;
  animation-duration: 0.2s;
  animation-name: popupAnimation; }
  #signIn.overlay + .popup {
    -webkit-animation-duration: 0.2s;
    -webkit-animation-name: popupAnimation;
    animation-duration: 0.2s;
    animation-name: popupAnimation;
    background: #ffffff;
    left: 50%;
    max-height: 100vh;
    overflow-y: auto;
    max-width: 860px;
    padding: 0;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70%;
    z-index: 101;
    -webkit-overflow-scrolling: touch; }
@media (max-width: 32.5em) {
  #signIn.overlay + .popup {
          max-width: 96%;
          width: 96%; }
}
#signIn.overlay + .popup .link--button-forward, autoconvertep #signIn.overlay + .popup .link--button-forward,
    partexchangeep #signIn.overlay + .popup .link--button-forward {
      margin-bottom: 10px; }
    #signIn.overlay + .popup .header h4 {
      color: #ffffff;
      background-color: #003454;
      height: 80px;
      line-height: 80px;
      margin: 0;
      padding-left: 20px;
      text-align: left; }
@media (max-width: 38.75em) {
  #signIn.overlay + .popup .header h4 {
            padding-left: 20px; }
}
@media (min-width: 20em) and (max-width: 30em) {
  #signIn.overlay + .popup .header h4 {
            font-size: 17.776px; }
}
#signIn.overlay + .popup .header h4:before {
        font-family: "icons";
        content: "\E836";
        font-size: 37px;
        vertical-align: middle;
        padding-right: 20px; }
@media (max-width: 38.75em) {
  #signIn.overlay + .popup .header h4:before {
              display: none; }
}
#signIn.overlay + .popup .popup-close {
      background: transparent;
      color: #ffffff;
      border-left: 1px solid #ffffff;
      cursor: pointer;
      font-size: 25px;
      font-weight: bold;
      height: 80px;
      line-height: 80px;
      position: absolute;
      right: 0;
      text-align: center;
      top: 0;
      width: 80px; }
    #signIn.overlay + .popup .contentForm {
      overflow: auto; }
      #signIn.overlay + .popup .contentForm form {
        margin: 30px auto;
        max-width: 600px;
        padding: 0 20px; }
      #signIn.overlay + .popup .contentForm ul li label {
        display: block;
        font-weight: bold;
        margin-bottom: 20px; }
      #signIn.overlay + .popup .contentForm ul li a {
        color: #003454;
        font-size: 90%; }
      #signIn.overlay + .popup .contentForm ul.popup-error {
        color: #EED300;
        margin-bottom: 20px; }
      #signIn.overlay + .popup .contentForm input {
        float: none; }
      #signIn.overlay + .popup .contentForm input[type=submit] {
        -webkit-appearance: none;
        -moz-appearance: none; }
      #signIn.overlay + .popup .contentForm input[type=checkbox]:checked + label p {
        width: 100%;
        float: left;
        line-height: 1;
        margin-top: 10px; }
        #signIn.overlay + .popup .contentForm input[type=checkbox]:checked + label p span {
          color: #ed8500;
          position: relative;
          border: 1px solid #ccc;
          border-radius: 5px;
          float: left;
          margin-right: 5px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          #signIn.overlay + .popup .contentForm input[type=checkbox]:checked + label p span:before {
            content: "\2713"; }
      #signIn.overlay + .popup .contentForm input[type=checkbox] + label p {
        width: 100%;
        float: left;
        line-height: 1;
        margin-top: 10px; }
        #signIn.overlay + .popup .contentForm input[type=checkbox] + label p span {
          display: inline-block;
          width: 19px;
          height: 19px;
          border: 1px solid #ccc;
          border-radius: 5px;
          vertical-align: middle;
          cursor: pointer;
          float: left;
          margin-right: 5px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }

@keyframes popupAnimation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes popupAnimation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.search-vehicles-widget {
  padding: 1em;
  background-color: #f6f6f6; }
  .search-vehicles-widget form {
    text-align: right; }
  .search-vehicles-widget select {
    width: 100%;
    margin-bottom: 10px; }

#feedback-block {
  background-color: #ffffff; }
@media (max-width: 59.375em) {
  #feedback-block {
        width: calc(100% + 40px);
        padding: 24px 20px 36px;
        position: relative;
        left: -20px;
        box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.06); }
}
@media (min-width: 59.375em) {
  #feedback-block {
        padding-top: 40px;
        padding-bottom: 44px;
        border-radius: 10px;
        box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.06); }
}
#feedback-block .feedback-block-icon {
    display: block;
    height: 50px;
    width: 75px;
    margin: 0 auto 15px; }
  #feedback-block .feedback-block-heading {
    margin: 0 auto 36px;
    width: 306px;
    color: #333333;
    font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .64px;
    line-height: 41px;
    text-align: center; }
@media (min-width: 45em) {
  #feedback-block .feedback-block-heading {
          width: 100%; }
}
#feedback-block .feedback-block-text {
    width: 100%;
    margin-bottom: 50px;
    color: #333333;
    font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 16px;
    letter-spacing: .34px;
    line-height: 24px;
    text-align: center; }
@media (min-width: 45em) {
  #feedback-block .feedback-block-text {
          width: 690px;
          margin: 0 auto 50px; }
}
#feedback-block .feedback-block-text-tel {
      font-weight: 700;
      color: inherit;
      font-family: inherit;
      font-size: inherit;
      letter-spacing: inherit;
      line-height: inherit; }
  #feedback-block .incoming-feedbacks-list {
    margin: 0 auto;
    width: 100%;
    max-width: 664px;
    margin-bottom: 40px;
    background-color: #ffffff; }
    #feedback-block .incoming-feedbacks-list-item {
      padding: 11px 10px 11px 60px;
      border-radius: 5px;
      background-color: rgba(0, 182, 122, 0.09);
      background-image: url("/sites/buyacar/modules/custom/buyacar_js/js/react/src/assets/svg/px_checkmark.svg");
      background-repeat: no-repeat;
      background-size: 25px 20px;
      background-position: top 15px left 15px; }
      #feedback-block .incoming-feedbacks-list-item:not(:last-child) {
        margin-bottom: 20px; }
@media (min-width: 45em) {
  #feedback-block .incoming-feedbacks-list-item {
            height: 50px;
            display: flex;
            justify-content: start;
            align-items: center; }
}
#feedback-block .incoming-feedbacks-list-item-date, #feedback-block .incoming-feedbacks-list-item-text {
        margin: 0;
        font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
        font-size: 16px;
        color: #333333;
        letter-spacing: .34px;
        line-height: 24px; }
      #feedback-block .incoming-feedbacks-list-item-date {
        font-weight: bold; }
@media (min-width: 45em) {
  #feedback-block .incoming-feedbacks-list-item-date {
              margin-left: 8px; }
}
#feedback-block .feedback-block-feedback-btn {
    display: block;
    margin: 0 auto;
    height: 50px;
    width: 100%;
    max-width: 664px; }
  #feedback-block .feedback-block-form-input {
    display: block;
    margin: 0 auto;
    height: 94px;
    width: 100%;
    max-width: 664px;
    resize: none;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #ffffff;
    overflow: auto; }
    #feedback-block .feedback-block-form-input::placeholder {
      color: #797979;
      font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
      font-size: 16px;
      letter-spacing: .34px;
      line-height: 22px;
      padding-top: 5px; }
    #feedback-block .feedback-block-form-input-valid {
      border: 1px solid #00B67A;
      box-shadow: 2px 1px 14px 0 rgba(0, 182, 122, 0.26); }
    #feedback-block .feedback-block-form-input-invalid {
      border: 1px solid #f40057; }
  #feedback-block .feedback-block-form-btn {
    display: block; }
@media (max-width: 45em) {
  #feedback-block .feedback-block-form-btn {
          margin: 0 auto;
          width: 100%;
          max-width: 664px; }
}
@media (min-width: 45em) {
  #feedback-block .feedback-block-form-btn {
          width: 200px;
          padding: 0;
          margin-left: auto;
          margin-right: calc((100% - 664px) / 2); }
}
#feedback-block .success-message,
  #feedback-block .error-message,
  #feedback-block .empty-input-message {
    margin: 0 auto;
    width: 100%;
    max-width: 664px;
    letter-spacing: .34px;
    text-align: left;
    padding: .25em .5em; }
  #feedback-block .error-message,
  #feedback-block .empty-input-message {
    color: #f40057;
    border: 1px solid #f40057; }
  #feedback-block .success-message {
    color: #00B67A;
    border: 1px solid #00B67A; }
  #feedback-block .success-message,
  #feedback-block .error-message {
    margin-top: 20px; }
  #feedback-block .empty-input-message {
    margin-bottom: 20px; }

.car-details {
  margin-bottom: 40px; }
  .car-details .car-details-text {
    min-width: 344px;
    margin-bottom: 20px;
    color: #333333;
    font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 20px;
    letter-spacing: 0.43px;
    line-height: 27px;
    text-align: center; }
    .car-details .car-details-text-bold {
      font-weight: 700; }
@media (min-width: 59.375em) {
  .car-details .car-details-text {
          width: 100%;
          margin-bottom: 40px;
          text-align: left; }
}
.car-details .car-details-heading {
    position: relative;
    height: 50px;
    width: 91%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 18px;
    margin-left: auto; }
@media (min-width: 59.375em) {
  .car-details .car-details-heading {
          width: 96.8%; }
}
.car-details .car-details-heading .car-details-icon {
      height: 19px;
      width: 26px;
      margin-right: 20px; }
    .car-details .car-details-heading .car-details-heading-text {
      height: 22px;
      color: #072a41;
      font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
      font-size: 16px;
      letter-spacing: 0;
      line-height: 22px; }
    .car-details .car-details-heading::before {
      content: '';
      display: block;
      height: 334px;
      width: 3px;
      background-color: #072a41;
      position: absolute;
      top: 0px;
      left: -9.6%; }
@media (min-width: 59.375em) {
  .car-details .car-details-heading::before {
            height: 248px;
            left: -3.2%; }
}
.car-details .car-details-list {
    min-width: 335px;
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
@media (min-width: 59.375em) {
  .car-details .car-details-list {
          width: 96.8%;
          margin-left: auto;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: space-between; }
}
.car-details .car-details-listItem {
      height: 31px;
      width: 91%;
      padding: 0 11px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      border-bottom: 1px solid #E9E9E9; }
      .car-details .car-details-listItem-spec {
        font-weight: bold; }
      .car-details .car-details-listItem-content, .car-details .car-details-listItem-spec {
        height: 19px;
        color: #333333;
        font-size: 14px;
        line-height: 19px; }
@media all and (max-width: 950px) {
  .car-details .car-details-listItem:not(:last-child) {
            margin-bottom: 12px; }
}
@media (min-width: 59.375em) {
  .car-details .car-details-listItem {
            width: 48.2%; }
            .car-details .car-details-listItem:not(:nth-child(4)) {
              margin-bottom: 12px; }
            .car-details .car-details-listItem:nth-child(1) {
              order: 1; }
            .car-details .car-details-listItem:nth-child(2) {
              order: 3; }
            .car-details .car-details-listItem:nth-child(3) {
              order: 5; }
            .car-details .car-details-listItem:nth-child(4) {
              order: 7; }
            .car-details .car-details-listItem:nth-child(5) {
              order: 2; }
            .car-details .car-details-listItem:nth-child(6) {
              order: 4; }
            .car-details .car-details-listItem:nth-child(7) {
              order: 6; }
}
.car-details .car-details-listItem .case-formated {
        text-transform: lowercase; }
      .car-details .car-details-listItem .case-formated::first-letter {
        text-transform: uppercase; }

#block-vehicle-config {
  margin: 0;
  /**
   * Buttons
   */
  /**
   * Heading
   */
  /**
   * Car indicator
   */
  /**
   * Car container
   */ }
  #block-vehicle-config .car-sidebar.open {
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 200; }
  #block-vehicle-config .btn {
    display: inline-block;
    min-height: 0;
    text-decoration: none;
    background: #e8e8e8 none repeat scroll 0 0;
    border: none;
    color: #333;
    cursor: pointer; }
    #block-vehicle-config .btn.btn-submit {
      font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
      font-size: 16px;
      background: #f40057;
      color: #ffffff;
      border-radius: 5px;
      padding: 0 1em;
      min-height: 42px;
      border: none;
      cursor: pointer;
      -webkit-appearance: none;
      display: inline-block;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      display: block;
      width: 150px;
      height: 48px;
      text-align: left; }
      #block-vehicle-config .btn.btn-submit:visited {
        color: #ffffff; }
      #block-vehicle-config .btn.btn-submit:hover:not(:disabled) {
        background: #ff1468;
        color: #ffffff; }
      #block-vehicle-config .btn.btn-submit:disabled {
        opacity: 0.4;
        cursor: default; }
      #block-vehicle-config .btn.btn-submit:after, #block-vehicle-config .btn.btn-submit:before {
        font-family: "icons"; }
      #block-vehicle-config .btn.btn-submit:after {
        content: "\E823";
        margin-left: 12px; }
  #block-vehicle-config .wrapper-btn {
    position: relative;
    margin: 1em auto; }
    #block-vehicle-config .wrapper-btn:before {
      font-family: "icons";
      content: "";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      font-size: 1em;
      color: #ffffff;
      line-height: 48px;
      margin: 0 0.2em 0 0; }
    #block-vehicle-config .wrapper-btn:before {
      pointer-events: none;
      position: absolute;
      right: calc(50% - 60px); }
  #block-vehicle-config .formsubmit {
    background: #f6f6f6;
    padding: 20px; }
    #block-vehicle-config .formsubmit p {
      text-align: center;
      font-size: 16px;
      margin-bottom: 10px; }
  #block-vehicle-config .menu h2 {
    line-height: 70px;
    padding: 0 30px; }
  #block-vehicle-config .menu h3 {
    font-size: 1.4em;
    line-height: 1.3928571429em;
    margin: 0;
    text-align: center;
    padding: 15px; }
  #block-vehicle-config .list .mostpopular label {
    display: block;
    padding: 12px 30px;
    cursor: pointer; }
    #block-vehicle-config .list .mostpopular label input[type="radio"] {
      display: none; }
    #block-vehicle-config .list .mostpopular label.selected {
      background-color: #003454;
      color: #ffffff; }
@media (min-width: 61.875em) {
  #block-vehicle-config .list .mostpopular label:hover {
          background-color: #003454;
          color: #ffffff; }
}
#block-vehicle-config .list label {
    display: block;
    padding: 15px 55px 15px 30px;
    cursor: pointer;
    border-bottom: 1px solid #98BBCF;
    position: relative; }
    #block-vehicle-config .list label input[type="radio"] {
      display: none; }
    #block-vehicle-config .list label.selected {
      background-color: #98BBCF; }
    #block-vehicle-config .list label:hover {
      background-color: #98BBCF;
      color: #ffffff; }
    #block-vehicle-config .list label:after {
      font-family: "icons";
      content: "\E823";
      font-size: 16px;
      position: absolute;
      top: 50%;
      right: 30px;
      line-height: 26px;
      height: 26px;
      margin-top: -12px; }
  #block-vehicle-config .list .list-item:first-child label {
    border-top: 1px solid #98BBCF; }
  #block-vehicle-config .heading-menu {
    background: #333333;
    color: #ffffff;
    font-size: 18px;
    margin: 0;
    padding: 15px;
    text-align: center;
    height: 96px; }
  #block-vehicle-config .car-indicator {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    max-height: 100px; }
  #block-vehicle-config .cars-container {
    height: calc(100vh - 145px);
    width: 200%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    text-align: left; }
  #block-vehicle-config .cars-container.right-align {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); }
  #block-vehicle-config .scrollable {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  #block-vehicle-config car-brand .scrollable {
    height: calc(100vh - 293px); }
  #block-vehicle-config car-models .models-container .scrollable {
    height: calc(100vh - 196px); }
  #block-vehicle-config .cars-container > * {
    display: block;
    float: left;
    overflow: hidden;
    width: 50%; }
  #block-vehicle-config .indicator,
  #block-vehicle-config .car-indicator {
    display: block; }
  #block-vehicle-config .indicator .selected-item {
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
    display: block;
    line-height: 50px;
    overflow: hidden;
    padding: 0 35px 0 30px;
    animation: new-item-animation 0.4s linear forwards;
    height: 51px;
    text-overflow: ellipsis;
    white-space: nowrap; }
    #block-vehicle-config .indicator .selected-item:before {
      content: 'Make: '; }
    #block-vehicle-config .indicator .selected-item .btn-close {
      background: none;
      margin-top: 9px;
      position: absolute;
      right: 10px; }
  #block-vehicle-config .models-container .indicator .selected-item:before {
    content: 'Model: '; }
  #block-vehicle-config .menu.menu-car-selection {
    background-color: #ffffff;
    box-shadow: 0 0 50px 1px;
    height: 100%;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: calc(100% - 40px);
    min-width: 320px;
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    z-index: 11; }
    #block-vehicle-config .menu.menu-car-selection .header {
      padding: 0px; }
      #block-vehicle-config .menu.menu-car-selection .header button.menu-trigger {
        background: none;
        float: right;
        padding: 10px 0;
        height: 49px; }
        #block-vehicle-config .menu.menu-car-selection .header button.menu-trigger:after {
          border-left: 1px solid black;
          padding: 15px 15px;
          margin-left: 15px; }
@media all and (min-width: 47.5em) {
  #block-vehicle-config .menu.menu-car-selection {
          width: 50%; }
}
@media all and (min-width: 950px) {
  #block-vehicle-config .menu.menu-car-selection {
          width: 25%; }
}
#block-vehicle-config .menu.menu-car-selection.nav-open {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  #block-vehicle-config .menu .models-container {
    position: relative;
    width: 200%;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out; }
    #block-vehicle-config .menu .models-container.right-align {
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
  #block-vehicle-config .menu .models-container > * {
    float: left;
    width: 50%; }
  #block-vehicle-config .menu .final-stage {
    position: absolute;
    right: 0; }
  #block-vehicle-config .car-menu-background {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    animation-delay: 0;
    animation-duration: 0.3s;
    animation-name: fadeOut;
    animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */ }
    body.sidebar-enabled #block-vehicle-config .car-menu-background {
      animation-delay: 0;
      animation-duration: 0.3s;
      animation-name: fadeIn;
      animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */ }
  #block-vehicle-config .selection {
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
    color: #001e30;
    background-color: #e2edff; }
    #block-vehicle-config .selection .close {
      position: absolute;
      top: 0;
      right: 0;
      line-height: 1; }
  #block-vehicle-config .mostpopular {
    background-color: #003454; }
    #block-vehicle-config .mostpopular h2 {
      color: #ffffff;
      font-size: 1em;
      line-height: 4.0625em;
      margin: 0; }
    #block-vehicle-config .mostpopular p {
      font-size: 0.8888888889em;
      line-height: 1.828125em; }
  #block-vehicle-config .car-make-search {
    padding: 15px 0;
    text-align: center;
    height: 148px; }
    #block-vehicle-config .car-make-search input[type="text"] {
      border: 1px solid #e8e8e8;
      border-radius: 5px;
      padding: 5px; }
  #block-vehicle-config .list {
    margin: 0;
    padding: 0; }
    #block-vehicle-config .list li {
      display: block;
      margin: 0; }
  #block-vehicle-config .header {
    padding: 10px; }
  #block-vehicle-config .header::before, #block-vehicle-config .header::after {
    content: " ";
    display: table; }
  #block-vehicle-config .header::after {
    clear: both; }
  #block-vehicle-config .othersheading {
    color: #e8e8e8;
    font-size: 1em;
    line-height: 4.0625em;
    margin: 0; }

@keyframes new-item-animation {
  from {
    opacity: 0;
    padding-top: 50px; }
  to {
    opacity: 1;
    padding-top: 0; } }
  #block-vehicle-config .car-make-search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #333333; }
    #block-vehicle-config .car-make-search-box:before {
      font-family: "icons";
      content: "🔍";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      font-size: 1.2em;
      color: #ffffff;
      line-height: 1.8em;
      margin: 0 0.2em 0 0; }
    #block-vehicle-config .car-make-search-box:before {
      background: #003454;
      position: absolute;
      line-height: 44px;
      height: 44px;
      width: 40px;
      right: 25px;
      top: 0;
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px; }
    #block-vehicle-config .car-make-search-box input[type="text"] {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin: 0 30px 15px 30px;
      padding-left: 15px; }

body.sidebar-enabled {
  overflow: hidden; }
@media (min-width: 61.875em) {
  body.sidebar-enabled {
        margin-right: 17px; }
}
@media (max-width: 61.865em) {
  ul.vehicle-config-list-result li {
      margin-left: -20px;
      margin-right: -20px;
      width: 100vw;
      padding-left: 20px;
      padding-right: 20px; }
}
@media (min-width: 61.875em) {
  ul.vehicle-config-list-result li {
      width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      padding-left: 0;
      padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  ul.vehicle-config-list-result li {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  ul.vehicle-config-list-result li > * {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  ul.vehicle-config-list-result li > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  ul.vehicle-config-list-result li > * {
          width: 1190px; }
}
ul.vehicle-config-list-result li .vehicle-config-list-result-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-orient: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }
  ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-options {
    margin-bottom: 1em; }
@media (max-width: 47.49em) {
  ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-options {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-orient: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          width: 111%; }
}
ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-info > * {
    display: inline; }
  ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-prices {
    text-align: left; }
    ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-prices > * span.data {
      float: right; }
@media (max-width: 47.49em) {
  ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-prices {
          width: 100%;
          max-width: 320px; }
}
ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
@media (max-width: 61.865em) {
  ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-submit {
          padding-top: 0.5em; }
}
@media (min-width: 47.5em) {
  ul.vehicle-config-list-result li .vehicle-config-list-result-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-orient: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: left; }
        ul.vehicle-config-list-result li .vehicle-config-list-result-inner > * {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1; }
        ul.vehicle-config-list-result li .vehicle-config-list-result-inner .title, ul.vehicle-config-list-result li .vehicle-config-list-result-inner autoconvertep form .sub-title, autoconvertep form ul.vehicle-config-list-result li .vehicle-config-list-result-inner .sub-title, ul.vehicle-config-list-result li .vehicle-config-list-result-inner
        partexchangeep form .sub-title,
        partexchangeep form ul.vehicle-config-list-result li .vehicle-config-list-result-inner .sub-title {
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
        ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-results-icon {
          float: left; }
        ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-info {
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2; }
        ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-prices {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-orient: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          text-align: center; }
          ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-prices span.data {
            display: block;
            float: none; }
        ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-prices {
          -webkit-box-pack: space-between;
          -ms-flex-pack: space-between;
          justify-content: space-between; }
        ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-info + .vehicle-config-list-prices {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
}
@media (min-width: 47.5em) and (max-width: 61.865em) {
  ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-info + .vehicle-config-list-prices {
          -webkit-box-orient: vertical;
          -webkit-box-orient: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          text-align: left; }
          ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-info + .vehicle-config-list-prices span.data {
            display: block;
            float: right; }
}
@media (min-width: 47.5em) {
  ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-submit {
          -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
          order: 3; }
}
@media (min-width: 61.875em) {
  ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-prices {
        -webkit-box-orient: horizontal;
        -webkit-box-orient: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: center; }
        ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-prices > * span.data {
          float: none; }
      ul.vehicle-config-list-result li .vehicle-config-list-result-inner .vehicle-config-list-submit {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
}
ul.vehicle-config-list-result li {
  border-bottom: solid 1px #dddcdc;
  padding: 1em 0.5em; }
@media (min-width: 47.5em) {
  ul.vehicle-config-list-result li {
        padding: 1em 2em; }
}
ul.vehicle-config-list-result li:nth-of-type(2n) {
    background: #f6f6f6; }
    ul.vehicle-config-list-result li:nth-of-type(2n) .vehicle-config-list-results-icon:before {
      background-color: #ffffff; }

ul.vehicle-config-list-result .vehicle-config-list-result-inner {
  padding: 0; }

ul.vehicle-config-list-result .title, ul.vehicle-config-list-result autoconvertep form .sub-title, autoconvertep form ul.vehicle-config-list-result .sub-title, ul.vehicle-config-list-result
partexchangeep form .sub-title,
partexchangeep form ul.vehicle-config-list-result .sub-title {
  font-size: 1.667em;
  line-height: 1.4622075585em;
  margin-top: 0;
  margin-bottom: 0.5em; }
@media (min-width: 47.5em) {
  ul.vehicle-config-list-result .title, ul.vehicle-config-list-result autoconvertep form .sub-title, autoconvertep form ul.vehicle-config-list-result .sub-title, ul.vehicle-config-list-result
      partexchangeep form .sub-title,
      partexchangeep form ul.vehicle-config-list-result .sub-title {
        font-size: 2.222em;
        line-height: 1.4626462646em; }
}
ul.vehicle-config-list-result .vehicle-config-list-info {
  color: #666666; }
@media (max-width: 47.49em) {
  ul.vehicle-config-list-result .vehicle-config-list-info {
        font-size: 0.8888888889em;
        line-height: 1.828125em; }
}
ul.vehicle-config-list-result .vehicle-config-list-info > * {
    margin-right: 0.5em; }
  ul.vehicle-config-list-result .vehicle-config-list-info dd:after {
    content: '|';
    margin-left: 0.5em; }
  ul.vehicle-config-list-result .vehicle-config-list-info dd:last-child:after {
    content: normal; }

ul.vehicle-config-list-result .vehicle-config-list-prices {
  font-size: 1.222em;
  line-height: 1.329787234em; }
@media (min-width: 47.5em) {
  ul.vehicle-config-list-result .vehicle-config-list-prices {
        font-size: 1.388em;
        line-height: 1.7561239193em; }
}
ul.vehicle-config-list-result .vehicle-config-list-prices > * {
    padding: 0.5em; }

ul.vehicle-config-list-result .vehicle-config-list-info + .vehicle-config-list-prices {
  font-size: 1.222em;
  line-height: 1.329787234em; }
@media (min-width: 76.875em) {
  ul.vehicle-config-list-result .vehicle-config-list-info + .vehicle-config-list-prices {
        font-size: 1.388em;
        line-height: 1.7561239193em; }
}
.vehicle-config-filters .vehicle-config-filter-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
@media (max-width: 61.865em) {
  .vehicle-config-filters .vehicle-config-filter-inner > * {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
}
@media (max-width: 61.865em) and (max-width: 47.49em) {
  .vehicle-config-filters .vehicle-config-filter-inner > * {
        -webkit-box-orient: vertical;
        -webkit-box-orient: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
}
@media (max-width: 61.865em) and (min-width: 47.5em) {
  .vehicle-config-filters .vehicle-config-filter-inner > * {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .vehicle-config-filters .vehicle-config-filter-inner > *:first-child {
          width: calc(100% / 3); }
        .vehicle-config-filters .vehicle-config-filter-inner > *:not(:first-child) {
          width: calc(100% / 3 * 2); }
}
@media (max-width: 61.865em) and (min-width: 25em) and (max-width: 47.49em) {
  .vehicle-config-filters .vehicle-config-filter-inner > * {
        padding-left: 20px; }
}
.vehicle-config-filters .vehicle-config-filter-inner .title, .vehicle-config-filters .vehicle-config-filter-inner autoconvertep form .sub-title, autoconvertep form .vehicle-config-filters .vehicle-config-filter-inner .sub-title, .vehicle-config-filters .vehicle-config-filter-inner
  partexchangeep form .sub-title,
  partexchangeep form .vehicle-config-filters .vehicle-config-filter-inner .sub-title {
    margin: 0; }
  .vehicle-config-filters .vehicle-config-filter-inner .vehicle-config-options label {
    padding-right: 0.5em;
    margin-bottom: 0.2em; }
@media (min-width: 61.875em) {
  .vehicle-config-filters .vehicle-config-filter-inner .vehicle-config-options label {
          padding-left: 0.5em; }
}
.vehicle-config-filters .vehicle-config-filter-inner .vehicle-config-options label.disabled {
      cursor: default; }
@media (min-width: 61.875em) {
  .vehicle-config-filters {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .vehicle-config-filters .vehicle-config-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0; }
        .vehicle-config-filters .vehicle-config-filter .vehicle-config-filter-inner {
          -webkit-box-orient: vertical;
          -webkit-box-orient: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .vehicle-config-filters .vehicle-config-filter .vehicle-config-filter-inner > * {
            width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
}
.vehicle-config-filters {
  margin: 0 auto; }
@media (max-width: 47.49em) {
  .vehicle-config-filters {
        max-width: 440px; }
}
@media (min-width: 47.5em) and (max-width: 61.865em) {
  .vehicle-config-filters {
        max-width: 600px;
        padding-left: 60px; }
}
.vehicle-config-filter fieldset {
  width: 100%; }

.vehicle-config-filter legend {
  color: #666666;
  font-size: 1.222em;
  line-height: 1.329787234em;
  line-height: 32px;
  position: relative;
  padding-left: 42px;
  margin-left: 10px; }
  .vehicle-config-filter legend:before {
    font-family: "icons";
    content: "✓";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin: 0 0.2em 0 0; }
  .vehicle-config-filter legend:before {
    font-size: 32px;
    position: absolute;
    left: 0; }
@media (max-width: 25em) {
  .vehicle-config-filter legend {
        padding-left: 0;
        padding-top: 32px;
        text-align: center; }
        .vehicle-config-filter legend:before {
          right: 0;
          top: 0; }
}
@media (min-width: 61.875em) {
  .vehicle-config-filter legend {
        margin-bottom: 1em; }
}
.vehicle-config-filter.transmission legend:before {
  content: '\E82A'; }

.vehicle-config-filter.fuel-type legend:before {
  content: '\E82B'; }

.vehicle-config-filter.doors legend:before {
  content: '\E829'; }

.vehicle-config-sort {
  display: block;
  text-align: center; }

.options-text {
  background-color: #f6f6f6;
  position: relative;
  text-align: center; }
  .options-text:before {
    content: '';
    background-color: #f6f6f6;
    display: block;
    height: calc(100% + 1.16667em);
    left: 50%;
    position: absolute;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .options-text p {
    display: block;
    position: relative;
    z-index: 1; }

options-list .dialog {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 10; }

options-list .dialog_buttons {
  padding: 20px;
  background-color: #ffffff;
  overflow: hidden;
  text-align: center; }
  options-list .dialog_buttons button {
    display: inline-block; }
    options-list .dialog_buttons button:last-child {
      margin-left: 10px; }

options-list .dialog-content {
  position: fixed;
  background-color: #ffffff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 320px;
  max-width: 640px;
  max-height: 100vh;
  overflow-y: auto;
  z-index: 10;
  width: 90%;
  -webkit-overflow-scrolling: touch; }
  options-list .dialog-content .header h4 {
    color: #ffffff;
    background-color: #003454;
    height: 80px;
    line-height: 80px;
    margin: 0;
    padding-left: 20px;
    text-align: left; }
@media (max-width: 38.75em) {
  options-list .dialog-content .header h4 {
          padding-left: 20px; }
}
@media (min-width: 20em) and (max-width: 35em) {
  options-list .dialog-content .header h4 {
          font-size: 17.776px; }
}
options-list .dialog-content .header h4:before {
      font-family: "icons";
      content: "\E836";
      font-size: 37px;
      vertical-align: middle;
      padding-right: 20px; }
@media (max-width: 38.75em) {
  options-list .dialog-content .header h4:before {
            display: none; }
}
options-list .dialog-content .popup-close {
    background: transparent;
    color: #ffffff;
    border-left: 1px solid #ffffff;
    cursor: pointer;
    font-size: 25px;
    font-weight: bold;
    height: 80px;
    line-height: 80px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 80px; }
  options-list .dialog-content raw {
    display: block;
    line-height: normal;
    padding: 20px;
    /*
      em + em:nth-child(n+3) {
        padding-top: 0;
      }
      */ }
    options-list .dialog-content raw::first-letter {
      text-transform: uppercase; }
    options-list .dialog-content raw em {
      font-style: normal;
      font-weight: bold;
      display: block;
      padding: 1em 0.5em; }
  options-list .dialog-content .form-submit::after {
    content: none; }

.options-list-result ul li.options-list-result-outer {
  border-bottom: solid 1px #dddcdc; }
@media (max-width: 61.865em) {
  .options-list-result ul li.options-list-result-outer {
        margin-left: -20px;
        margin-right: -20px;
        width: 100vw;
        padding-left: 20px;
        padding-right: 20px; }
}
@media (min-width: 61.875em) {
  .options-list-result ul li.options-list-result-outer {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .options-list-result ul li.options-list-result-outer {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  .options-list-result ul li.options-list-result-outer > * {
          display: block;
          float: none;
          margin-left: auto;
          margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  .options-list-result ul li.options-list-result-outer > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  .options-list-result ul li.options-list-result-outer > * {
          width: 1190px; }
}
.options-list-result ul li.options-list-result-outer:nth-of-type(2n) {
    background: #f6f6f6; }
  .options-list-result ul li.options-list-result-outer:nth-of-type(1) {
    border-top: solid 1px #003454; }
  .options-list-result ul li.options-list-result-outer .title, .options-list-result ul li.options-list-result-outer autoconvertep form .sub-title, autoconvertep form .options-list-result ul li.options-list-result-outer .sub-title, .options-list-result ul li.options-list-result-outer
  partexchangeep form .sub-title,
  partexchangeep form .options-list-result ul li.options-list-result-outer .sub-title {
    font-size: 1.667em;
    line-height: 1.4622075585em;
    text-align: center;
    padding-top: 0.5em;
    margin-top: 0;
    margin-bottom: 0; }
@media (max-width: 61.865em) {
  .options-list-result ul li.options-list-result-outer .title, .options-list-result ul li.options-list-result-outer autoconvertep form .sub-title, autoconvertep form .options-list-result ul li.options-list-result-outer .sub-title, .options-list-result ul li.options-list-result-outer
        partexchangeep form .sub-title,
        partexchangeep form .options-list-result ul li.options-list-result-outer .sub-title {
          margin-left: -20px;
          margin-right: -20px;
          width: 100vw;
          padding-left: 20px;
          padding-right: 20px; }
}
@media (min-width: 61.875em) {
  .options-list-result ul li.options-list-result-outer .title, .options-list-result ul li.options-list-result-outer autoconvertep form .sub-title, autoconvertep form .options-list-result ul li.options-list-result-outer .sub-title, .options-list-result ul li.options-list-result-outer
        partexchangeep form .sub-title,
        partexchangeep form .options-list-result ul li.options-list-result-outer .sub-title {
          width: 100vw;
          margin-left: calc(50% - 50vw);
          margin-right: calc(50% - 50vw);
          padding-left: 0;
          padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .options-list-result ul li.options-list-result-outer .title, .options-list-result ul li.options-list-result-outer autoconvertep form .sub-title, autoconvertep form .options-list-result ul li.options-list-result-outer .sub-title, .options-list-result ul li.options-list-result-outer
      partexchangeep form .sub-title,
      partexchangeep form .options-list-result ul li.options-list-result-outer .sub-title {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  .options-list-result ul li.options-list-result-outer .title > *, .options-list-result ul li.options-list-result-outer autoconvertep form .form-input-text-label .sub-title > *, .options-list-result ul li.options-list-result-outer
          partexchangeep form .form-input-text-label .sub-title > *, .options-list-result ul li.options-list-result-outer autoconvertep form .sub-title > *, autoconvertep form .options-list-result ul li.options-list-result-outer .sub-title > *, .options-list-result ul li.options-list-result-outer
          partexchangeep form .sub-title > *,
          partexchangeep form .options-list-result ul li.options-list-result-outer .sub-title > * {
            display: block;
            float: none;
            margin-left: auto;
            margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  .options-list-result ul li.options-list-result-outer .title > *, .options-list-result ul li.options-list-result-outer autoconvertep form .form-input-text-label .sub-title > *, .options-list-result ul li.options-list-result-outer
        partexchangeep form .form-input-text-label .sub-title > *, .options-list-result ul li.options-list-result-outer autoconvertep form .sub-title > *, autoconvertep form .options-list-result ul li.options-list-result-outer .sub-title > *, .options-list-result ul li.options-list-result-outer
        partexchangeep form .sub-title > *,
        partexchangeep form .options-list-result ul li.options-list-result-outer .sub-title > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  .options-list-result ul li.options-list-result-outer .title > *, .options-list-result ul li.options-list-result-outer autoconvertep form .form-input-text-label .sub-title > *, .options-list-result ul li.options-list-result-outer
        partexchangeep form .form-input-text-label .sub-title > *, .options-list-result ul li.options-list-result-outer autoconvertep form .sub-title > *, autoconvertep form .options-list-result ul li.options-list-result-outer .sub-title > *, .options-list-result ul li.options-list-result-outer
        partexchangeep form .sub-title > *,
        partexchangeep form .options-list-result ul li.options-list-result-outer .sub-title > * {
          width: 1190px; }
}
.options-list-result ul.options-list-result-inner {
  max-width: 955px;
  margin-left: auto;
  margin-right: auto; }
  .options-list-result ul.options-list-result-inner > li {
    border-bottom: solid 1px #dddcdc;
    padding: 1em 0;
    position: relative; }
    .options-list-result ul.options-list-result-inner > li:last-child {
      border-bottom: none; }
    .options-list-result ul.options-list-result-inner > li.highlight {
      animation-duration: 4s;
      animation-name: highlight;
      animation-iteration-count: 1; }
    .options-list-result ul.options-list-result-inner > li label .option-description {
      display: inline-block;
      line-height: normal;
      width: calc(90% - 2.5em - 70px); }
    .options-list-result ul.options-list-result-inner > li label .option-price {
      float: right;
      width: 70px; }
    .options-list-result ul.options-list-result-inner > li small {
      font-size: 0.8em;
      display: block;
      line-height: normal;
      margin-top: 0.5em;
      margin-left: 30px; }

.highlight_disabled ul.options-list-result-inner > li.disabled {
  opacity: 0.5; }

@keyframes highlight {
  from {
    background-color: rgba(237, 133, 0, 0.5); }
  50% {
    background-color: rgba(237, 133, 0, 0.5); }
  to {
    background-color: rgba(237, 133, 0, 0); } }

.options-submit-wrapper {
  background: #ffffff;
  border-top: solid 1px #dddcdc;
  height: 86px;
  padding-top: 21px;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1; }
@media (min-width: 64.0625em) {
  .options-submit-wrapper {
      transform: translateY(0); }
    .options-list-result {
      padding-bottom: 84px; }
    #pid-vehicle-config-options #footer-wrapper {
      position: absolute;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px); }
}
#pid-vehicle-config-options #block-system-main {
  margin-bottom: 0; }

/**
 * Modal
 */
.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

html.modal-active {
  overflow: hidden;
  padding-right: 17px; }

.modal-container {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100vw;
  height: 100%;
  z-index: 9999;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  animation-delay: 0;
  animation-duration: 0.2s;
  animation-name: fadeOut;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */ }
  .modal-container.open {
    animation-delay: 0;
    animation-duration: 0.2s;
    animation-name: fadeIn;
    animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */ }
  .modal-container .form--privacy-notice {
    font-size: 0.8em; }
  .modal-container .form--tooltip > span {
    right: 0;
    left: auto;
    transform: none;
    width: 300px; }
    .modal-container .form--tooltip > span:before {
      left: auto;
      right: 0; }
    .modal-container .form--tooltip > span:after {
      right: 0; }

.modal {
  position: relative;
  width: 100%;
  margin: auto;
  background-color: #FFF;
  overflow: hidden; }
@media (max-width: 61.865em) {
  .modal {
        padding-bottom: 60px; }
}
@media (min-width: 61.875em) {
  .modal {
        width: 70%; }
}
.modal .container {
    padding: 10px; }
@media (min-width: 61.875em) {
  .modal .container {
          padding: 20px 64px 0; }
}
.modal .message-screen {
    padding: 50px 0; }

textarea {
  background-color: #F8F8F8;
  border: 1px solid #DAD9D9;
  margin: 10px 0 0;
  padding: 10px;
  width: calc(100%);
  border-radius: 4px;
  font-size: 16px; }

.modal-header {
  background-color: #F8F8F8; }

.icon:before {
  font-family: 'icons';
  font-style: normal;
  margin-right: 15px; }

.icon.icon-question:before {
  content: ''; }

.icon.icon-save:before {
  content: '★'; }

.heading {
  padding: 40px 0 13px;
  margin: 0; }
@media (min-width: 61.875em) {
  .heading {
        padding: 13px 0; }
}
.modal-intro {
  margin: 15px 0; }

.close-modal {
  color: #FD2054;
  padding: 10px;
  font-size: 0.8em; }
  .close-modal .btn-close {
    color: #203847;
    vertical-align: top;
    font-size: 1.5em; }

modal-body {
  display: block;
  padding: 20px 10px; }
@media (min-width: 61.875em) {
  modal-body {
        padding: 40px; }
}
.close-modal {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: flex; }
  .close-modal > * {
    margin: 0 0.5rem; }

data-capturecta[type="slider"] {
  display: block; }
  data-capturecta[type="slider"] #block-site-in-stock-site-in-stock-financial-info ul {
    margin-bottom: 0; }
  data-capturecta[type="slider"] .main-container {
    position: relative;
    width: 100%; }
  data-capturecta[type="slider"] .slider-body {
    position: absolute;
    top: 0;
    left: 100%;
    right: -100%;
    height: 100%;
    background-color: #fff; }
@media (min-width: 61.875em) {
  data-capturecta[type="slider"] .slider-body {
          padding: 0 64px; }
}
data-capturecta[type="slider"] .slider-body .contentForm {
      margin-bottom: 0; }
  data-capturecta[type="slider"] .email-field,
  data-capturecta[type="slider"] .password-field {
    text-align: left;
    float: none; }
  data-capturecta[type="slider"] .email-field {
    padding-bottom: 20px; }
@media (min-width: 61.875em) {
  data-capturecta[type="slider"] .email-field {
          padding-right: 20px; }
}
data-capturecta[type="slider"] .remember-field,
  data-capturecta[type="slider"] .forgot-field {
    width: 100%; }
  data-capturecta[type="slider"] .remember-field {
    clear: both;
    margin: 20px 0; }
  data-capturecta[type="slider"] .forgot-field {
    margin: 10px 0; }
@media (min-width: 61.875em) {
  data-capturecta[type="slider"] .email-field,
      data-capturecta[type="slider"] .password-field {
        width: 50%;
        display: inline-block;
        text-align: left;
        float: left; }
}
@media (min-width: 61.875em) {
  data-capturecta[type="slider"] .close-slider {
        position: relative;
        float: left;
        bottom: 30px; }
}
user-details legend {
  margin: 0 0 20px;
  display: inline-block; }

user-details fieldset {
  padding: 0; }

user-details .link--button-forward:after {
  content: ' '; }

user-details .link--button-forward-icon {
  font-family: 'icons';
  font-size: 18px;
  color: inherit;
  margin-left: 12px;
  font-style: normal; }
  user-details .link--button-forward-icon:after {
    content: '\E823'; }
  user-details .link--button-forward-icon.loading {
    display: inline-block;
    animation-delay: 0;
    animation-duration: 0.5s;
    animation-name: rotate360;
    animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: 50% 49%; }
    user-details .link--button-forward-icon.loading:after {
      content: '\E82F'; }

user-details button .link--button-forward-icon {
  pointer-events: none; }

@keyframes rotate360 {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

.form input.error {
  border-color: #ed8500; }

.form .error-message {
  color: #ed8500; }

.form-container {
  padding: 20px;
  margin-bottom: 1em; }
@media (min-width: 61.875em) {
  .form-container {
        padding: 20px 0; }
}
.form-multi-column {
  width: 100%;
  background-color: #F8F8F8; }
@media (min-width: 61.875em) {
  .form-multi-column {
        padding: 20px 64px; }
}
.form-multi-column li {
    text-align: left;
    display: block; }
@media (min-width: 61.875em) {
  .form-multi-column li {
          width: 50%;
          display: inline-block;
          float: left; }
          .form-multi-column li:nth-child(2) {
            padding-bottom: 20px; }
          .form-multi-column li:nth-child(2n) {
            padding-left: 20px; }
}
.check-box-container {
  margin-bottom: 20px;
  display: inline-flex; }
  .check-box-container p {
    display: block;
    margin: 0 20px 20px 0; }
@media only screen and (min-width: 940px) {
  .check-box-container p {
          display: inline; }
}
.check-box-container label {
    display: flex; }
    .check-box-container label input[type="checkbox"] {
      margin: 0 0.5em; }

.buyacar-finance-calculator-wrapper {
  text-align: center;
  background: #284251; }
  .buyacar-finance-calculator-wrapper input::-webkit-outer-spin-button,
  .buyacar-finance-calculator-wrapper input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */ }
  .buyacar-finance-calculator-wrapper input[type=number] {
    -moz-appearance: textfield; }
  .buyacar-finance-calculator-wrapper .heading,
  .buyacar-finance-calculator-wrapper .sub-heading {
    padding: 13px 0 13px;
    margin-top: 0; }
  .buyacar-finance-calculator-wrapper .link--button-forward {
    width: 80%;
    margin: 20px 0;
    font-size: 1.2em;
    padding: 8px;
    height: auto; }

.buyacar-finance-calculator-wrapper finance-calculator {
  color: #ffffff;
  display: block;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  padding: 0 1em; }
  .buyacar-finance-calculator-wrapper finance-calculator .slimmer-container {
    width: 80%;
    margin: auto;
    position: relative; }
  .buyacar-finance-calculator-wrapper finance-calculator .results .slimmer-container {
    width: 100%; }
  .buyacar-finance-calculator-wrapper finance-calculator form {
    color: #213846;
    background-color: #f6f6f6;
    padding: 20px;
    border-radius: 5px;
    position: relative; }
    .buyacar-finance-calculator-wrapper finance-calculator form:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #f6f6f6;
      border-width: 30px;
      margin-left: -30px; }
    .buyacar-finance-calculator-wrapper finance-calculator form input[type="number"] {
      width: auto;
      padding: 11px; }
    .buyacar-finance-calculator-wrapper finance-calculator form .buyacar-finance-calculator-explain {
      bottom: -30px;
      display: block;
      font-weight: normal;
      left: 0px;
      position: absolute;
      text-align: right;
      width: 100%; }
      .buyacar-finance-calculator-wrapper finance-calculator form .buyacar-finance-calculator-explain span {
        text-transform: capitalize; }
@media (max-width: 35.625em) {
  .buyacar-finance-calculator-wrapper finance-calculator form .buyacar-finance-calculator-explain {
            bottom: -50px; }
            .buyacar-finance-calculator-wrapper finance-calculator form .buyacar-finance-calculator-explain a {
              line-height: 18px;
              display: inline-block;
              max-width: 40%; }
}
@media (min-width: 61.875em) {
  .buyacar-finance-calculator-wrapper finance-calculator form .buyacar-finance-calculator-explain {
            text-align: center; }
}
.buyacar-finance-calculator-wrapper finance-calculator .numbered-list {
    counter-reset: counter; }
    .buyacar-finance-calculator-wrapper finance-calculator .numbered-list li {
      position: relative; }
      .buyacar-finance-calculator-wrapper finance-calculator .numbered-list li:before {
        content: counter(counter) ".";
        counter-increment: counter;
        display: block;
        font-size: 1.3em;
        position: absolute;
        pointer-events: none;
        text-align: left;
        width: 26px; }
    .buyacar-finance-calculator-wrapper finance-calculator .numbered-list select::-ms-value {
      background: transparent;
      color: inherit; }
  .buyacar-finance-calculator-wrapper finance-calculator .form-group {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 5px;
    position: relative; }
    .buyacar-finance-calculator-wrapper finance-calculator .form-group label {
      display: block;
      clear: both;
      margin-left: 25px; }
    .buyacar-finance-calculator-wrapper finance-calculator .form-group .form-control,
    .buyacar-finance-calculator-wrapper finance-calculator .form-group .field-add-on {
      display: inline-block;
      line-height: 1;
      height: 48px;
      width: 100%; }
    .buyacar-finance-calculator-wrapper finance-calculator .form-group .input-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-orient: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      justify-content: flex-start;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
      .buyacar-finance-calculator-wrapper finance-calculator .form-group .input-group .field-add-on:first-child {
        border-right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
      .buyacar-finance-calculator-wrapper finance-calculator .form-group .input-group .form-control:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .buyacar-finance-calculator-wrapper finance-calculator .form-group .form-control {
      border: 2px solid #2faf7b;
      margin: 0;
      max-height: 48px; }
    .buyacar-finance-calculator-wrapper finance-calculator .form-group .field-add-on {
      float: left;
      width: auto;
      background-color: #2faf7b;
      padding: 10px 14px;
      font-size: 22px;
      line-height: 1;
      color: #FFF;
      text-align: center;
      border: 3px solid #2faf7b;
      border-radius: 5px;
      max-height: 48px; }
      .buyacar-finance-calculator-wrapper finance-calculator .form-group .field-add-on:before {
        content: '£'; }
    .buyacar-finance-calculator-wrapper finance-calculator .form-group.input-error .form-control {
      border-color: #fb8d1d; }
    .buyacar-finance-calculator-wrapper finance-calculator .form-group.input-error .field-add-on {
      background-color: #fb8d1d;
      border-color: #fb8d1d;
      border-bottom-left-radius: 0; }
      .buyacar-finance-calculator-wrapper finance-calculator .form-group.input-error .field-add-on:before {
        font-family: "icons";
        content: "";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        margin: 0 0.2em 0 0; }
    .buyacar-finance-calculator-wrapper finance-calculator .form-group.input-error input {
      border-bottom-right-radius: 0; }
    .buyacar-finance-calculator-wrapper finance-calculator .form-group.input-error .message-wrapper {
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      color: #ffffff;
      padding: 10px;
      text-align: left;
      font-weight: normal;
      line-height: 1.2;
      background-color: #fb8d1d;
      position: absolute;
      margin-right: 20px;
      z-index: 99; }
  .buyacar-finance-calculator-wrapper finance-calculator .payment-amount {
    padding: 20px 0;
    border-radius: 5px;
    color: #213846;
    background-color: #f6f6f6; }
    .buyacar-finance-calculator-wrapper finance-calculator .payment-amount em {
      font-size: 2em;
      font-style: normal;
      color: #2faf7b; }
  .buyacar-finance-calculator-wrapper finance-calculator .list-finance-details li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    font-size: 0.9em;
    padding: 8px 0; }
    .buyacar-finance-calculator-wrapper finance-calculator .list-finance-details li:first-child {
      font-weight: normal; }
    .buyacar-finance-calculator-wrapper finance-calculator .list-finance-details li:after {
      content: '';
      width: 100%;
      border-bottom: 2px solid #315469;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0; }
  .buyacar-finance-calculator-wrapper finance-calculator .tooltip-wrapper {
    position: absolute;
    bottom: 10px;
    right: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }
    .buyacar-finance-calculator-wrapper finance-calculator .tooltip-wrapper .info {
      position: relative;
      display: inline-block;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      color: #f6f6f6;
      background-color: #666666;
      text-align: center;
      line-height: 20px;
      font-style: normal;
      cursor: pointer; }
      .buyacar-finance-calculator-wrapper finance-calculator .tooltip-wrapper .info:hover + .message-wrapper {
        opacity: 1; }
    .buyacar-finance-calculator-wrapper finance-calculator .tooltip-wrapper .message-wrapper {
      background-color: #f6f6f6;
      bottom: calc(100% + 10px);
      box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
      left: 50%;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      transform: translateX(-50%);
      transition: opacity 0.3s linear;
      width: 220px;
      z-index: 2; }
      .buyacar-finance-calculator-wrapper finance-calculator .tooltip-wrapper .message-wrapper > div {
        background-color: #f6f6f6;
        padding: 10px;
        position: relative;
        z-index: 3; }
      .buyacar-finance-calculator-wrapper finance-calculator .tooltip-wrapper .message-wrapper:before {
        background-color: #f6f6f6;
        bottom: -6px;
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
        content: '';
        display: block;
        height: 12px;
        left: calc(50% - 6px);
        position: absolute;
        transform: rotate(45deg);
        width: 12px;
        z-index: 1; }
      .buyacar-finance-calculator-wrapper finance-calculator .tooltip-wrapper .message-wrapper p {
        margin-bottom: 0; }
  .buyacar-finance-calculator-wrapper finance-calculator .results .tooltip-wrapper {
    color: #213846;
    display: inline-block;
    left: 0;
    position: relative;
    top: 0; }
  .buyacar-finance-calculator-wrapper finance-calculator .results {
    background-color: #213846;
    position: relative;
    margin-top: 40px; }
@media (max-width: 35.625em) {
  .buyacar-finance-calculator-wrapper finance-calculator .results {
          margin-top: 56px; }
}
.buyacar-finance-calculator-wrapper finance-calculator .results:before {
      background-color: #213846;
      content: '';
      display: block;
      height: 100%;
      left: -12.5%;
      position: absolute;
      top: 0;
      width: calc(100% + 25%); }
    .buyacar-finance-calculator-wrapper finance-calculator .results.no-finance-results {
      padding: 60px 0 20px; }
@media (min-width: 61.875em) {
  .buyacar-finance-calculator-wrapper finance-calculator:before {
        content: '';
        display: block;
        width: 100%;
        background-color: #213846;
        height: 100%;
        position: absolute;
        top: 145px;
        left: 0; }
      .buyacar-finance-calculator-wrapper finance-calculator .slimmer-container {
        width: 90%; }
      .buyacar-finance-calculator-wrapper finance-calculator form {
        float: left;
        margin-bottom: 40px;
        width: calc(60% - 10px); }
        .buyacar-finance-calculator-wrapper finance-calculator form .form-group {
          padding-left: 30px; }
        .buyacar-finance-calculator-wrapper finance-calculator form .form-group .form-control {
          float: right;
          width: 50%; }
        .buyacar-finance-calculator-wrapper finance-calculator form .form-group .input-group .form-control {
          width: 100%; }
        @supports (-moz-user-select: none) or (-ms-user-select: none) {
          .buyacar-finance-calculator-wrapper finance-calculator form .form-group .input-group .field-add-on {
            width: 50px; }
          .buyacar-finance-calculator-wrapper finance-calculator form .form-group .input-group .form-control {
            width: calc(100% - 50px); } }
        .buyacar-finance-calculator-wrapper finance-calculator form .form-group label {
          float: left;
          line-height: 48px;
          margin-left: 0;
          width: 50%; }
        .buyacar-finance-calculator-wrapper finance-calculator form .numbered-list li:before {
          margin-top: 10px; }
        .buyacar-finance-calculator-wrapper finance-calculator form .tooltip-wrapper {
          bottom: 12px; }
        .buyacar-finance-calculator-wrapper finance-calculator form:after {
          top: 80px;
          left: calc(100% - 1px);
          margin-left: 0;
          margin-top: -30px;
          border-top-color: transparent;
          border-left-color: #f6f6f6; }
      .buyacar-finance-calculator-wrapper finance-calculator .results {
        float: right;
        width: calc(35% - 10px);
        margin-top: -20px;
        background: none; }
        .buyacar-finance-calculator-wrapper finance-calculator .results .slimmer-container {
          width: 100%; }
        .buyacar-finance-calculator-wrapper finance-calculator .results:before {
          content: none; }
      .buyacar-finance-calculator-wrapper finance-calculator .buyacar-finance-calculator-submit {
        clear: none !important;
        float: right;
        margin-right: 5%;
        width: calc(30% + 2px); }
        .buyacar-finance-calculator-wrapper finance-calculator .buyacar-finance-calculator-submit button {
          width: 100% !important; }
      .buyacar-finance-calculator-wrapper finance-calculator .form-group.input-error .message-wrapper {
        border-top-left-radius: 5px;
        margin-right: 0;
        right: 0;
        min-width: 200px; }
}
.buyacar-finance-calculator-wrapper .buyacar-finance-calculator-submit {
  background-color: #213846;
  clear: both;
  position: relative; }

.buyacar-finance-calculator-wrapper .buyacar-finance-calculator-loading {
  position: relative;
  text-indent: -9999px; }

.buyacar-finance-calculator-wrapper .buyacar-finance-calculator-loading::after {
  border-radius: 100%;
  border: 4px solid #fff;
  clip: rect(0 29px 15px 0px);
  content: '';
  display: block;
  font-family: Arial;
  height: 29px;
  left: calc(50% - 15px);
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  top: calc(50% - 15px);
  width: 29px;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-name: searchSpinner;
  animation-timing-function: linear; }

.buyacar-finance-calculator-wrapper .list-finance-no-finance-type {
  font-weight: normal;
  margin: -12px 0 10px; }

/*This stylesheet contains includes of required partials only.*/
.search_result {
  padding: 10px;
  clear: both;
  overflow: hidden;
  position: relative; }
@media (max-width: 47.49em) {
  .search_result {
        margin-left: -20px;
        margin-right: -20px; }
}
@media (min-width: 47.5em) {
  .search_result {
        margin-bottom: 10px; }
        search-car-result:first-child .search_result {
          margin-top: 10px; }
}
.search_result > *:not(:last-child) {
    margin: 0;
    margin-bottom: 10px; }
  .search_result .search_result_image {
    position: relative;
    margin-bottom: 10px; }
    .search_result .search_result_image .vehicle_tag {
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none; }
  .search_result .search_result_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between; }
@media (min-width: 33.75em) {
  .search_result .search_result_image {
        width: 270px;
        float: left;
        margin-right: 10px;
        margin-bottom: 0; }
      .search_result .search_result_car_name {
        margin-top: 0;
        min-height: 52px; }
}
@media (min-width: 33.75em) and (max-width: 36.25em) {
  .search_result .search_result_info_icons {
      clear: both; }
}
@media (min-width: 47.5em) {
  .search_result .search_result_price {
        float: right;
        text-align: right;
        line-height: 1; }
        .search_result .search_result_price span {
          display: block; }
      .search_result .search_result_info_icons,
      .search_result .search_result_price {
        margin-bottom: 42px; }
      .search_result .search_result_bottom {
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: calc(100% - 300px); }
}
@media (min-width: 61.875em) {
  .search_result .search_result_image {
        width: 235px; }
      .search_result .search_result_bottom {
        width: calc(100% - 265px); }
}
@media (min-width: 76.875em) {
  .search_result .search_result_image {
        width: 300px; }
      .search_result .search_result_bottom {
        width: calc(100% - 330px); }
}
.search_result_image div.b-lazy {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  position: relative;
  opacity: 0;
  width: 100%;
  padding-bottom: 75%;
  transition: opacity 500ms ease-in-out 500ms; }
  .search_result_image div.b-lazy.b-loaded {
    opacity: 1; }
    .search_result_image div.b-lazy.b-loaded:hover {
      transition: opacity 100ms ease-in-out 100ms;
      opacity: 0.8; }

.search_result_image .car_stock_image {
  font-size: 0.7777777778em;
  line-height: 2.0892857143em;
  position: absolute;
  bottom: 0;
  right: 20px;
  color: #213846;
  background: rgba(255, 255, 255, 0.78);
  border: solid 1px #dedede;
  text-transform: uppercase;
  font-weight: 600;
  font-style: normal;
  padding: 0 7px; }
  .search_result_image .car_stock_image span:before {
    font-family: "icons";
    content: "";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    color: inherit;
    line-height: 1;
    margin: 0 0.2em 0 0; }
  .search_result_image .car_stock_image span:before {
    content: '\E844';
    color: inherit;
    margin: 0 6px;
    position: relative; }

.vehicle_tag {
  font-size: 0.7777777778em;
  line-height: 2.0892857143em;
  text-transform: uppercase;
  font-weight: 600;
  color: #213846;
  background: rgba(255, 255, 255, 0.78);
  border: solid 1px #dedede;
  padding: 0 7px; }

.search_result_car_name {
  font-size: 1.111em;
  line-height: 1.4626462646em; }
  .search_result_car_name a {
    color: #003454; }
@media (min-width: 76.875em) {
  .search_result_car_name {
        font-size: 1.388em;
        line-height: 1.1707492795em; }
}
.search_result_price {
  font-size: 0.8888888889em;
  line-height: 1.828125em;
  font-weight: 600;
  text-transform: lowercase; }
  .search_result_price .monthly_price,
  .search_result_price .one_off_price {
    font-size: 1.667em;
    line-height: 1.4622075585em;
    color: #2faf7b;
    letter-spacing: 1px; }
  .search_result_price .one_off_price {
    color: #f40057;
    margin-left: 10px; }

.search_result_info_icons {
  text-transform: capitalize;
  display: flex;
  flex-flow: row wrap; }
  .search_result_info_icons .miles_info {
    text-transform: lowercase; }
  .search_result_info_icons li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.8888888889em;
    line-height: 1.4625em;
    margin-bottom: 0.7em;
    flex-basis: 50%;
    flex-grow: 1; }
    .search_result_info_icons li:before {
      font-family: "icons";
      content: "✓";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      font-size: 1.4em;
      color: #ed8500;
      line-height: 1;
      margin: 0 0.2em 0 0; }
    .search_result_info_icons li:before {
      width: 30px;
      margin-right: 4.5px; }
    .search_result_info_icons li.date_info:before {
      content: '\E807'; }
    .search_result_info_icons li.fuel_info:before {
      content: '\E83B'; }
    .search_result_info_icons li.color_info:before {
      content: '\E844'; }
    .search_result_info_icons li.mileage_info:before {
      content: '\E83E'; }
    .search_result_info_icons li.gear_info:before {
      content: '\E842'; }
    .search_result_info_icons li.miles_info:before {
      content: '\E841'; }

.search_result_other_vehicles {
  font-size: 0.7777777778em;
  line-height: 2.0892857143em; }
  .search_result_other_vehicles a {
    padding-left: 5px; }
  .search_result_other_vehicles a:after, .search_result_other_vehicles a:before {
    display: inline-block; }
  .search_result_other_vehicles a:hover, .search_result_other_vehicles a:active, .search_result_other_vehicles a:focus {
    text-decoration: underline; }
    .search_result_other_vehicles a:hover:after, .search_result_other_vehicles a:hover:before, .search_result_other_vehicles a:active:after, .search_result_other_vehicles a:active:before, .search_result_other_vehicles a:focus:after, .search_result_other_vehicles a:focus:before {
      text-decoration: underline; }
    .search_result_other_vehicles a:hover:after, .search_result_other_vehicles a:hover:before, .search_result_other_vehicles a:active:after, .search_result_other_vehicles a:active:before, .search_result_other_vehicles a:focus:after, .search_result_other_vehicles a:focus:before {
      text-decoration: none; }
  .search_result_other_vehicles a, .search_result_other_vehicles a:hover {
    color: #c1c1c1; }

.search_result {
  border-bottom: solid 1px #dddcdc; }
@media (min-width: 47.5em) {
  .search_result {
        border: solid 1px #dddcdc;
        border-radius: 5px; }
}
@media (max-width: 61.865em) {
  .search_results-header.sticky > .header_list {
      position: fixed;
      top: 0;
      width: 100%;
      border-bottom: solid 1px #dddcdc;
      z-index: 9; }
    .search_results-header.sticky + .result_list {
      padding-top: 54px; }
}
.search_results-header > .header_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f6f6f6;
  padding-top: 5px;
  padding-bottom: 5px; }
@media (max-width: 61.865em) {
  .search_results-header > .header_list {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px; }
        .search_results-header > .header_list .results_filter {
          order: -1; }
}
@media (min-width: 61.875em) {
  .search_results-header > .header_list {
        padding: 15px;
        margin-bottom: 15px; }
        .search_results-header > .header_list li:not(:first-child) {
          margin-left: auto; }
}
.search_results-header .results_total {
  text-align: center;
  padding: 0;
  color: #003454;
  font-weight: bold;
  font-size: 1.222em;
  line-height: 1.329787234em; }
@media (min-width: 61.875em) {
  .search_results-header .results_total {
        font-size: 1.388em;
        line-height: 1.7561239193em; }
}
@media (min-width: 76.875em) {
  .search_results-header .results_total {
        font-size: 1.667em;
        line-height: 1.4622075585em; }
}
.search_results-header .results_filter {
  display: flex;
  align-items: center;
  text-align: right; }
  .search_results-header .results_filter label {
    margin: 0; }
@media (max-width: 61.865em) {
  .search_results-header .results_filter label {
          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAoElEQVRIie3RMQrCMBSA4f8l9BJOdnVxCjh6iCJCbtBjSI/SgHiQYsFF8ACBggfoHnWSomgJHRwk3xZe+HnwIEmSfyDRP82m5n6z4zXlVHRQZSUi/ntMPCor44Ot60FbRMKHWABtaV2vo4MA10vHbCHA+m2y43SoAeI3fMqlQmiG7WjIpRqeU6y2c0I4A6D1kuPeT+q8MIXFFONXT5LkVx5Qoh67sskucAAAAABJRU5ErkJggg==");
          position: absolute;
          width: 59px;
          background-repeat: no-repeat;
          background-position: 26px 50%;
          height: 44px;
          line-height: 44px; }
}
@media (max-width: 61.865em) {
  .search_results-header .results_filter select {
        background-color: transparent;
        border: none;
        width: 41px;
        padding: 0;
        padding-right: 41px;
        overflow: hidden;
        background-image: none;
        opacity: 0;
        width: 56px; }
}
@media (min-width: 61.875em) {
  .search_results-header .results_filter label:after {
        content: " by";
        margin-right: 10px; }
}
@media (min-width: 61.875em) {
  .search_results-header .search_open_filters {
      position: absolute;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px); }
}
search-usp[usp] {
  display: block;
  overflow: hidden;
  transition: height 0.1s linear; }
@media (max-width: 47.49em) {
  search-usp[usp] {
        margin-left: -20px;
        margin-right: -20px; }
}
search-usp[usp].hide {
    height: 0 !important;
    overflow: hidden; }
    search-usp[usp].hide .usp-closed {
      margin-bottom: 0; }

.usp-box {
  padding: 10px;
  text-align: center;
  transition: opacity 0.1s linear; }
@media (min-width: 61.875em) {
  .usp-box:before {
        position: absolute;
        top: 50%;
        left: 30px;
        transform: translateY(-50%); }
}
.usp-box h3 {
    font-size: 1.111em;
    line-height: 1.4626462646em; }
@media (min-width: 76.875em) {
  .usp-box h3 {
          font-size: 1.388em;
          line-height: 1.1707492795em; }
}
.usp-box h3, .usp-box p {
    margin-bottom: 0; }
@media (min-width: 47.5em) {
  .usp-box {
        border: solid 1px #dddcdc;
        border-radius: 5px;
        margin-bottom: 10px;
        padding-left: 70px;
        text-align: left; }
        .usp-box:before {
          left: 10px; }
}
@media (min-width: 47.5em) and (max-width: 76.865em) {
  .usp-box {
        padding-left: 60px; }
}
@media (max-width: 61.865em) {
  .usp-box {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc; }
}
.usp-box .usp-heading {
    margin-top: 0; }
  .usp-box .usp-close {
    color: rgba(51, 51, 51, 0.4);
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    line-height: 40px;
    top: 0;
    width: 40px;
    transition: color 0.2s linear; }
    .usp-box .usp-close:hover {
      color: #333333; }
@media (min-width: 61.875em) {
  .usp-box .usp-close {
          height: 30px;
          line-height: 30px;
          width: 30px; }
}
.usp-box .usp-close::before {
    font-family: "icons";
    content: "\2715";
    font-size: 20px; }
  .usp-box.usp-closed {
    opacity: 0; }

search-buyer-guide {
  background: #f6f6f6;
  display: block;
  overflow: hidden;
  margin-bottom: 20px; }
@media (max-width: 61.865em) {
  search-buyer-guide {
        margin: 20px -20px; }
}
@media (min-width: 61.875em) {
  search-buyer-guide {
        border: 1px #e8e8e8 solid;
        border-radius: 5px; }
}
search-buyer-guide h2 {
    background-color: #003454;
    color: #fff;
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: 0px;
    padding: 5px 15px;
    font-size: 1.388em;
    line-height: 1.7561239193em; }
@media (max-width: 61.865em) {
  search-buyer-guide h2 {
          margin-top: 0;
          margin-left: -10px;
          margin-right: -10px;
          padding: 5px 30px; }
}
.search-buyer-guide {
  margin-bottom: -45px;
  overflow: hidden;
  position: relative; }
@media (max-width: 61.865em) {
  .search-buyer-guide h2 {
      margin-top: 0;
      margin-left: -10px;
      margin-right: -10px; }
}
.search-buyer-guide-carousel {
  -webkit-scroll-snap-type: mandatory;
  scroll-snap-type: mandatory;
  -webkit-scroll-snap-destination: 0% 50%;
  scroll-snap-destination: 0% 50%;
  -webkit-scroll-snap-type: mandatory;
  scroll-snap-type: x mandatory;
  -webkit-scroll-snap-points-x: repeat(100%);
  scroll-snap-points-x: repeat(100%);
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 35px;
  position: relative;
  transform: translate3d(0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

@keyframes searchBuyerGuideScroll {
  from {
    transform: translateX(5px); }
  to {
    transform: translateX(-5px); } }

.search-buyer-guide-carousel ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: transform 0.2s linear; }
@media (min-width: 61.875em) {
  .search-buyer-guide-carousel ul {
        transition: transform 0.1s linear; }
}
.search-buyer-guide-carousel li {
  color: #333333;
  position: relative;
  -webkit-scroll-snap-coordinate: 0% 0%;
  scroll-snap-coordinate: 0% 0%;
  -webkit-scroll-snap-align: start;
  scroll-snap-align: start;
  margin-right: 1px; }
  .search-buyer-guide-carousel li:after {
    content: '';
    position: absolute;
    background-color: #dddcdc;
    top: 0;
    bottom: 0;
    right: -1px;
    width: 1px; }
  .search-buyer-guide-carousel li:last-child {
    margin-right: 0; }
    .search-buyer-guide-carousel li:last-child:after {
      content: normal; }
  .search-buyer-guide-carousel li a {
    display: block;
    padding: 40px; }
    .search-buyer-guide-carousel li a search-buyer-guide-image {
      opacity: 1;
      transition: opacity 0.2s linear; }
    .search-buyer-guide-carousel li a:hover search-buyer-guide-image {
      opacity: 0.8; }

.search-buyer-guide-carousel li a {
  color: #333333; }

.search-buyer-guide-content > div > *:last-child {
  margin-bottom: 0; }

.search-buyer-guide-carousel li h3 {
  font-size: 1.111em;
  line-height: 1.4626462646em;
  margin-top: 0;
  margin-bottom: 0.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.search-buyer-guide-carousel li p {
  font-size: 12px;
  line-height: 20px;
  margin-top: 5px; }

.search-buyer-guide-carousel li img {
  margin-bottom: 10px;
  transition: opacity 0.2s linear;
  width: 100%; }

.search-buyer-guide div[class^="search-buyer-guide-scroll-button"] {
  width: 40px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 2;
  opacity: 1; }
  .search-buyer-guide div[class^="search-buyer-guide-scroll-button"]:hover {
    opacity: 0.8; }

.search-buyer-guide div[class^="search-buyer-guide-scroll-button"].search-buyer-guide-scroll-hide {
  display: none; }

.search-buyer-guide div[class^="search-buyer-guide-scroll-button"]:before {
  margin-right: 0; }

.search-buyer-guide div[class^="search-buyer-guide-scroll-button"]:active:before {
  transform: translateY(2px); }

.search-buyer-guide .search-buyer-guide-scroll-button-left {
  left: 0; }
  .search-buyer-guide .search-buyer-guide-scroll-button-left:before {
    font-family: "icons";
    content: "";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    font-size: 30px;
    color: #003454;
    line-height: 1;
    margin: 0 0.2em 0 0; }

.search-buyer-guide .search-buyer-guide-scroll-button-right {
  right: 0; }
  .search-buyer-guide .search-buyer-guide-scroll-button-right:before {
    font-family: "icons";
    content: "";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    font-size: 30px;
    color: #003454;
    line-height: 1;
    margin: 0 0.2em 0 0; }

/*
@include mq($from: desktop) {
  .search-buyer-guide-carousel[data-items="1"] li {
    padding-left: 0;
    padding-right: 0;
  }

  .search-buyer-guide-carousel[data-items="2"] li:first-child,
  .search-buyer-guide-carousel[data-items="3"] li:first-child {
    padding-left: 0;
  }

  .search-buyer-guide-carousel[data-items="2"] li:last-child,
  .search-buyer-guide-carousel[data-items="3"] li:last-child {
    padding-right: 0;
  }
}
*/
@media (min-width: 640px) {
  .search-buyer-guide-carousel[data-items="1"] .search-buyer-guide-content,
    .search-buyer-guide-carousel[data-items="2"] .search-buyer-guide-content,
    .search-buyer-guide-carousel[data-items="2"] ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-orient: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: space-around;
      -ms-flex-pack: space-around;
      justify-content: space-around; }
    .search-buyer-guide-carousel[data-items="1"] ul li a,
    .search-buyer-guide-carousel[data-items="2"] ul li a {
      padding: 20px 20px; }
    .search-buyer-guide-carousel[data-items="1"] .search-buyer-guide-content {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .search-buyer-guide-carousel[data-items="1"] .search-buyer-guide-content div,
    .search-buyer-guide-carousel[data-items="2"] .search-buyer-guide-content div {
      padding-left: 20px; }
    /*
    .search-buyer-guide-carousel[data-items="1"] .search-buyer-guide-content img,
    .search-buyer-guide-carousel[data-items="2"] .search-buyer-guide-content img {
      width: calc(40% - 40px);
    }*/
}
.search-buyer-guide-pips {
  text-align: center;
  position: relative;
  top: -50px; }

.search-buyer-guide-pips li {
  background-color: #ccc;
  border-radius: 100%;
  display: inline-block;
  height: 8px;
  width: 8px;
  margin-right: 10px; }
  .search-buyer-guide-pips li:last-child {
    margin-right: 0; }
@media (min-width: 40em) {
  .search-buyer-guide-pips li:nth-last-child(-n + 2) {
        display: none; }
      .search-buyer-guide-pips li:nth-last-child(-n + 3) {
        margin-right: 0; }
}
.search-buyer-guide-pips li.active {
  background-color: #213846; }

search input:not([type="checkbox"]), search input[type="search"], search input[type="text"] {
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  height: 30px;
  margin: 10px 10px 10px 0;
  padding: 0 5px 0 10px;
  -webkit-appearance: none; }
  search input:not([type="checkbox"]):focus, search input[type="search"]:focus, search input[type="text"]:focus {
    border-color: #ed8500; }

search .search_filter_lists input[type="search"] {
  margin: 0;
  padding-left: 5px;
  width: 100%; }

search .search_filter_lists search-facets-keyword input[type="text"] {
  margin-bottom: 5px; }

search input#search-search {
  width: calc(100% - 85px);
  -webkit-appearance: none;
  margin: 5px 0; }

search input#add-keyword {
  width: 100%; }

search .search_filters_options input[type="number"] {
  float: none;
  padding: 0 5px 0px 10px;
  width: calc(100% - 85px);
  margin-bottom: 5px; }
@media (max-width: 61.865em) {
  search .search_filters_options input[type="number"] {
        width: 60%; }
}
search search-facets-select {
  width: calc(100% - 75px);
  display: inline-block; }
  search search-facets-select select {
    margin-bottom: 5px; }
@media (max-width: 61.865em) {
  search search-facets-select select {
          width: 60%; }
}
search .search_filters select {
  margin: 5px 0;
  height: 32px;
  line-height: 30px;
  background-position-y: -8px;
  padding: 0 10px;
  vertical-align: middle;
  width: 100%; }

search .search_filter_lists:first-child {
  border-top: 1px solid #e8e8e8; }

search .search_filter_lists search-facets-shortcuts button:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
partexchangeep .link-cancel), search .search_filter_lists search-facets-shortcuts .btn:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
partexchangeep .link-cancel), search .search_results--no_results button:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
partexchangeep .link-cancel), search .search_results--no_results .btn:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
partexchangeep .link-cancel) {
  font-size: 0.8888888889em;
  line-height: 1.828125em;
  background-color: #ffffff;
  border: 1px solid #ed8500;
  border-radius: 4px;
  color: #333333;
  padding: 0 8px;
  margin: 5px 0;
  min-height: 30px;
  height: auto;
  -webkit-appearance: none;
  vertical-align: middle;
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
  margin-right: 10px;
  cursor: pointer;
  padding-top: 1px; }
  search .search_filter_lists search-facets-shortcuts button:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
  partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
  partexchangeep .link-cancel):active, search .search_filter_lists search-facets-shortcuts button:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
  partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
  partexchangeep .link-cancel):hover, search .search_filter_lists search-facets-shortcuts .btn:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
  partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
  partexchangeep .link-cancel):active, search .search_filter_lists search-facets-shortcuts .btn:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
  partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
  partexchangeep .link-cancel):hover, search .search_results--no_results button:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
  partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
  partexchangeep .link-cancel):active, search .search_results--no_results button:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
  partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
  partexchangeep .link-cancel):hover, search .search_results--no_results .btn:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
  partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
  partexchangeep .link-cancel):active, search .search_results--no_results .btn:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
  partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
  partexchangeep .link-cancel):hover {
    background-color: #ffffff;
    border-color: #ffb454;
    color: #ed8500; }
  search .search_filter_lists search-facets-shortcuts button:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
  partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
  partexchangeep .link-cancel).selected, search .search_filter_lists search-facets-shortcuts .btn:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
  partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
  partexchangeep .link-cancel).selected, search .search_results--no_results button:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
  partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
  partexchangeep .link-cancel).selected, search .search_results--no_results .btn:not(.link--button-forward):not(autoconvertep .link--button-forward):not(
  partexchangeep .link--button-forward):not(.link-cancel):not(autoconvertep .link-cancel):not(
  partexchangeep .link-cancel).selected {
    background-color: #ed8500;
    border-color: #ed8500;
    color: #ffffff; }

search .search_filter_lists search-facets-shortcuts li {
  font-size: 0.8888888889em;
  line-height: 1.828125em;
  background-color: #ffffff;
  border: 1px solid #ed8500;
  border-radius: 4px;
  color: #333333;
  padding: 0 8px;
  margin: 5px 0;
  min-height: 30px;
  height: auto;
  -webkit-appearance: none;
  vertical-align: middle;
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
  margin-right: 10px;
  cursor: pointer;
  padding-top: 1px; }
  search .search_filter_lists search-facets-shortcuts li:active, search .search_filter_lists search-facets-shortcuts li:hover {
    background-color: #ffffff;
    border-color: #ffb454;
    color: #ed8500; }
  search .search_filter_lists search-facets-shortcuts li.selected {
    background-color: #ed8500;
    border-color: #ed8500;
    color: #ffffff; }

search button.search_button_full {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  height: 35px; }
@media (min-width: 61.875em) {
  search button.search_button_full {
      column-span: all;
      display: block;
      margin-left: 7px;
      width: calc(100% - 13px); }
}
search .search_filters button[disabled],
search .search_filters_dropdowns button[disabled] {
  opacity: 0.6;
  pointer-events: none; }

search .search_filters_dropdowns button.search_button_distance {
  border: solid 1px #dddcdc;
  height: 40px;
  margin-right: 0;
  position: relative;
  width: 50%; }
@media (max-width: 61.865em) {
  search .search_filters_dropdowns search-facets-checkbox button {
      bottom: 75px;
      display: block;
      position: -webkit-sticky;
      position: sticky; }
}
search .search_filters_dropdowns button.search_button_distance:first-child {
  border-radius: 4px 0 0 4px; }

search .search_filters_dropdowns button.search_button_distance:nth-child(2) {
  border-radius: 0 4px 4px 0;
  left: -1px;
  margin-right: -1px;
  width: calc(50% + 1px); }

search .search_filters_dropdowns button.search_button_distance:hover {
  z-index: 1; }

search .no_results strong {
  display: block;
  margin-bottom: 11px; }

search .no_results button {
  display: block;
  float: left; }

search search-facets .search_filters button, search search-facets .search_filters .btn {
  font-size: 0.8888888889em;
  line-height: 1.828125em;
  background-color: #ffffff;
  border: 1px solid #ed8500;
  border-radius: 4px;
  color: #333333;
  padding: 0 8px;
  margin: 5px 0;
  min-height: 30px;
  height: auto;
  -webkit-appearance: none;
  vertical-align: middle;
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
  margin-right: 10px;
  cursor: pointer; }
  search search-facets .search_filters button:active, search search-facets .search_filters button:hover, search search-facets .search_filters .btn:active, search search-facets .search_filters .btn:hover {
    background-color: #ffffff;
    border-color: #ffb454;
    color: #ed8500; }
  search search-facets .search_filters button.selected, search search-facets .search_filters .btn.selected {
    background-color: #ed8500;
    border-color: #ed8500;
    color: #ffffff; }

search search-facets .search_filters .clear_search_button {
  height: 40px;
  border: solid 1px #e8e8e8;
  margin-bottom: 0;
  width: 100%; }

search search-facets .search_filters .search_button_used,
search search-facets .search_filters .search_button_new {
  font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
  font-size: 16px;
  background: #ffffff;
  color: #ed8500;
  border-radius: 5px;
  padding: 0 1em;
  min-height: 42px;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  display: inline-block;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ed8500;
  line-height: 1; }
  search search-facets .search_filters .search_button_used:visited,
  search search-facets .search_filters .search_button_new:visited {
    color: #ed8500; }
  search search-facets .search_filters .search_button_used:hover:not(:disabled),
  search search-facets .search_filters .search_button_new:hover:not(:disabled) {
    background: white;
    color: #ed8500; }
  search search-facets .search_filters .search_button_used:disabled,
  search search-facets .search_filters .search_button_new:disabled {
    opacity: 0.4;
    cursor: default; }
  search search-facets .search_filters .search_button_used:hover:not(:disabled),
  search search-facets .search_filters .search_button_new:hover:not(:disabled) {
    background-color: #ff950d;
    color: #ffffff;
    border: solid 2px #ff950d; }

search search-facets .search_filters .search_button_used {
  width: calc(40% - 5px); }
@media (min-width: 76.875em) {
  search search-facets .search_filters .search_button_used {
        width: calc(50% - 5px); }
}
search search-facets .search_filters .search_button_new {
  margin-right: 0;
  width: calc(60% - 5px);
  padding: 0; }
@media (min-width: 76.875em) {
  search search-facets .search_filters .search_button_new {
        width: calc(50% - 5px); }
}
search .search_sidebar.open .search_filter_show li {
  font-size: 1em; }

search .search_filters_options search-facets-radio {
  line-height: 32px;
  margin-bottom: 10px;
  float: left;
  margin-left: 10px; }
  search .search_filters_options search-facets-radio:first-child {
    margin-left: 0; }
  search .search_filters_options search-facets-radio li {
    float: left; }
  search .search_filters_options search-facets-radio button {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    cursor: pointer;
    line-height: 30px;
    padding: 0 10px 0 26px;
    position: relative;
    -webkit-transition: all 0.05s linear, border-color 0.05s linear;
    transition: all 0.05s linear, border-color 0.05s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0.8888888889em;
    line-height: 1.828125em;
    background-color: #ffffff;
    text-transform: capitalize; }
    search .search_filters_options search-facets-radio button:last-child {
      margin-right: 0; }
    search .search_filters_options search-facets-radio button:before {
      border: 2px solid #e8e8e8;
      border-left: none;
      border-top: none;
      content: '';
      display: block;
      height: 14px;
      left: 10px;
      position: absolute;
      top: 5px;
      -webkit-transform: rotate(40deg);
      transform: rotate(40deg);
      -webkit-transition: all 0.05s linear, border-color 0.05s linear;
      transition: all 0.05s linear, border-color 0.05s linear;
      width: 6px; }
    search .search_filters_options search-facets-radio button.selected {
      background-color: #ed8500;
      border-color: #ed8500;
      color: #ffffff; }
      search .search_filters_options search-facets-radio button.selected:before {
        border-color: #ffffff; }

search .search_filters_options li, search .search_filters_options form {
  padding: 0; }

search .search_filters_options .search-child-label {
  width: 70px;
  display: inline-block;
  vertical-align: middle; }

body.search_tablet_prevent_scroll {
  overflow: hidden;
  position: fixed;
  top: 0; }

#search-page {
  position: relative;
  z-index: 1; }

.search-wrapper-inner {
  min-height: calc(100vh + 1px);
  display: block;
  margin: 0 auto;
  width: 100%;
  position: relative; }
@media (min-width: 61.875em) {
  .search-wrapper-inner {
        display: flex;
        justify-content: space-between; }
}
.search-wrapper-inner .search_results {
    float: right;
    position: relative;
    width: calc(100% - 235px - 60px);
    padding: 0 0 0 20px; }
@media (min-width: 76.875em) {
  .search-wrapper-inner .search_results {
          width: calc(100% - 250px - 60px); }
}
@media (min-width: 61.875em) {
  .search-wrapper-inner .search_results {
          transition: opacity 0.1s linear; }
          .search-wrapper-inner .search_results.search_results_fade {
            opacity: 0.4; }
}
.search-wrapper-inner .search_results .search_small_container {
      display: flex;
      justify-content: center; }
@media (min-width: 61.875em) {
  .search-wrapper-inner .search_results .search_small_container .search_small_bar {
            display: none; }
}
@media (max-width: 61.865em) {
  .search-wrapper-inner .search_results .search_small_container .search_small_bar {
            display: inherit;
            justify-content: center;
            width: 100%;
            padding: 20px 0; }
}
@media (max-width: 61.865em) {
  .search-wrapper-inner .search_results .search_small_container .search_small_bar .search_filters {
            width: 100%; }
}
.search-wrapper-inner .search_sidebar_close, .search-wrapper-inner .search_small_bar_close {
    display: block; }
  .search-wrapper-inner .search_filters {
    padding-top: 10px; }
  .search-wrapper-inner .search_sidebar, .search-wrapper-inner .search_small_bar {
    position: relative;
    z-index: 112; }
    .search-wrapper-inner .search_sidebar .search_filters_header, .search-wrapper-inner .search_small_bar .search_filters_header {
      margin: 0 0 6px; }
    .search-wrapper-inner .search_sidebar.open, .search-wrapper-inner .search_small_bar.open {
      -webkit-overflow-scrolling: touch; }
@media (min-width: 61.875em) {
  .search-wrapper-inner .search_sidebar, .search-wrapper-inner .search_small_bar {
          width: 285px;
          float: left; }
}
@media (min-width: 76.875em) {
  .search-wrapper-inner .search_sidebar, .search-wrapper-inner .search_small_bar {
          width: 300px; }
}
.search-wrapper-inner .search_sidebar .search_filters_dropdowns, .search-wrapper-inner .search_small_bar .search_filters_dropdowns {
      clear: both;
      position: relative;
      width: 100%; }
    .search-wrapper-inner .search_sidebar .search_form, .search-wrapper-inner .search_small_bar .search_form {
      overflow: hidden; }
    .search-wrapper-inner .search_sidebar .search_refine, .search-wrapper-inner .search_small_bar .search_refine {
      background-color: #ed8500;
      clear: both;
      color: #ffffff;
      margin: 10px 0;
      padding: 10px;
      text-transform: uppercase; }
      .search-wrapper-inner .search_sidebar .search_refine a, .search-wrapper-inner .search_small_bar .search_refine a {
        clear: both;
        color: #ffffff;
        font-size: 0.7777777778em;
        line-height: 2.0892857143em;
        font-weight: normal; }
    .search-wrapper-inner .search_sidebar .search_filters_dropdowns ul > li, .search-wrapper-inner .search_small_bar .search_filters_dropdowns ul > li {
      position: relative;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border-bottom: 1px solid #e8e8e8; }
      .search-wrapper-inner .search_sidebar .search_filters_dropdowns ul > li.search_filters_slideout.open, .search-wrapper-inner .search_small_bar .search_filters_dropdowns ul > li.search_filters_slideout.open {
        background-color: #f6f6f6; }
      .search-wrapper-inner .search_sidebar .search_filters_dropdowns ul > li.search_filter_lists, .search-wrapper-inner .search_small_bar .search_filters_dropdowns ul > li.search_filter_lists {
        padding-left: 7px;
        padding-right: 7px; }
@media (min-width: 61.875em) {
  .search-wrapper-inner .search_sidebar .search_filters_dropdowns ul > li.search_filters_slideout.open, .search-wrapper-inner .search_small_bar .search_filters_dropdowns ul > li.search_filters_slideout.open {
            background-color: #f6f6f6;
            margin: 0 -20px 0 0px;
            padding: 0 26px 0 6px; }
}
@media (max-width: 61.865em) {
  .search-wrapper-inner .search_sidebar .search_filters_dropdowns ul > li.open, .search-wrapper-inner .search_small_bar .search_filters_dropdowns ul > li.open {
            background-color: #f6f6f6; }
}
.search-wrapper-inner .search_sidebar .search_filters_dropdowns .search_filters_options, .search-wrapper-inner .search_small_bar .search_filters_dropdowns .search_filters_options {
      overflow: hidden;
      height: 0; }
    .search-wrapper-inner .search_sidebar .search_filters_dropdowns .open .search_filters_options, .search-wrapper-inner .search_small_bar .search_filters_dropdowns .open .search_filters_options {
      height: auto;
      overflow: visible;
      *zoom: 1; }
      .search-wrapper-inner .search_sidebar .search_filters_dropdowns .open .search_filters_options:after, .search-wrapper-inner .search_small_bar .search_filters_dropdowns .open .search_filters_options:after {
        content: "";
        display: table;
        clear: both; }
@media (min-width: 61.875em) {
  .search-wrapper-inner .search_sidebar .search_filters_dropdowns .open .search_filters_options .search_filter, .search-wrapper-inner .search_small_bar .search_filters_dropdowns .open .search_filters_options .search_filter {
            height: 30px;
            position: absolute;
            top: 20px;
            right: 0;
            left: 0;
            width: auto;
            padding: 0 20px; }
}
.search-wrapper-inner .search_sidebar search-facets-checkbox, .search-wrapper-inner .search_small_bar search-facets-checkbox {
      display: block; }
@media (min-width: 61.875em) {
  .search-wrapper-inner .search_sidebar search-facets-checkbox, .search-wrapper-inner .search_small_bar search-facets-checkbox {
            margin: 0 -5px; }
}
.search-wrapper-inner .search_sidebar search-facets-checkbox label, .search-wrapper-inner .search_small_bar search-facets-checkbox label {
        padding: 5px;
        margin-bottom: 5px;
        color: #8d8d8d;
        font-size: 12.4444444443px; }
        .search-wrapper-inner .search_sidebar search-facets-checkbox label input, .search-wrapper-inner .search_small_bar search-facets-checkbox label input {
          position: relative;
          top: -2px; }
        .search-wrapper-inner .search_sidebar search-facets-checkbox label a::first-letter, .search-wrapper-inner .search_small_bar search-facets-checkbox label a::first-letter {
          text-transform: uppercase; }
        .search-wrapper-inner .search_sidebar search-facets-checkbox label a, .search-wrapper-inner .search_small_bar search-facets-checkbox label a {
          font-size: 16px; }

/*
 * Desktop + Wide
 * ======================================================
 */
@media (min-width: 61.875em) {
  .search-wrapper-inner .search_sidebar_close {
      display: none; }
    .search-wrapper-inner .search_filters_dropdowns .search_filter_lists.search_filters_slideout .search_filters_options {
      display: none; }
    .search-wrapper-inner .search_filters_dropdowns .search_filter_lists.search_filters_slideout.open .search_filters_options {
      min-height: 10px;
      max-width: 550px;
      display: block;
      columns: 2; }
    .search-wrapper-inner .search-facet-overlay {
      background-color: transparent;
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1; }
}
/*
 * Tablet to Desktop
 * ======================================================
 */
@media (min-width: 47.5em) and (max-width: 61.865em) {
  .search-wrapper-inner .search_sidebar {
      -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
      background-color: #ffffff;
      left: 0;
      position: fixed;
      top: 0;
      width: 50vw;
      height: 100vh;
      padding-left: 20px;
      padding-right: 20px;
      z-index: 112;
      overflow-y: scroll;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      transition: transform 0.2s linear; }
    .search-wrapper-inner .search_sidebar.open {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    .search-wrapper-inner .search-tablet-facet-overlay {
      animation-delay: 0s;
      animation-duration: 0.2s;
      animation-name: fadeIn;
      animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      background-color: rgba(33, 56, 70, 0.8);
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 100; }
}
/*
 * Mobile to Tablet
 * ======================================================
 */
.search-wrapper-inner .search_hide {
  display: none !important; }
@media (max-width: 61.865em) {
  .search-wrapper-inner .search_sidebar.open .search_filters_options search-facets-link li {
      width: 100%; }
}
@media (max-width: 47.49em) {
  .search-wrapper-inner .search_sidebar {
      padding: 0; }
    .search-wrapper-inner .search_sidebar.open {
      float: none;
      width: 100%; }
    .search-wrapper-inner .search_sidebar .search_filter_show li {
      padding-left: 10px; }
    .search-wrapper-inner .search_sidebar .search_filter_show li::before {
      content: initial; }
}
@media (min-width: 47.5em) and (max-width: 61.865em) {
  .search-wrapper-inner .search_sidebar {
      position: fixed; }
}
@media (max-width: 61.865em) {
  .search-wrapper-inner .search_sub_desktop_show, .search-wrapper-inner .search_sidebar.open {
      display: block !important; }
    .search-wrapper-inner .search_results {
      float: none;
      padding-left: 0;
      padding-right: 0;
      width: 100%; }
}
@media (min-width: 61.875em) {
  .search-wrapper-inner .search_sub_desktop_show {
      display: none !important; }
}
@media (max-width: 47.49em) {
  .search-wrapper-inner .search_sidebar {
      display: none; }
    .search-wrapper-inner .search_sub_mobile_hide {
      display: none !important; }
    .search-wrapper-inner .search_sub_mobile_show {
      display: block !important; }
}
search button, .search button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

search .search_sidebar, search .search_small_bar, .search .search_sidebar, .search .search_small_bar {
  background-color: #fff;
  float: left; }
  search .search_sidebar a, search .search_sidebar a:link, search .search_sidebar a:visited, search .search_small_bar a, search .search_small_bar a:link, search .search_small_bar a:visited, .search .search_sidebar a, .search .search_sidebar a:link, .search .search_sidebar a:visited, .search .search_small_bar a, .search .search_small_bar a:link, .search .search_small_bar a:visited {
    color: #333333;
    display: inline-block;
    pointer-events: none;
    -webkit-tap-highlight-color: transparent; }
  search .search_sidebar h6 a,
  search .search_sidebar h6 a:link, search .search_small_bar h6 a,
  search .search_small_bar h6 a:link, .search .search_sidebar h6 a,
  .search .search_sidebar h6 a:link, .search .search_small_bar h6 a,
  .search .search_small_bar h6 a:link {
    display: block;
    padding: 5px 0; }
  search .search_sidebar .title, search .search_sidebar autoconvertep form .sub-title, autoconvertep form search .search_sidebar .sub-title, search .search_sidebar
  partexchangeep form .sub-title,
  partexchangeep form search .search_sidebar .sub-title, search .search_small_bar .title, search .search_small_bar autoconvertep form .sub-title, autoconvertep form search .search_small_bar .sub-title, search .search_small_bar
  partexchangeep form .sub-title,
  partexchangeep form search .search_small_bar .sub-title, .search .search_sidebar .title, .search .search_sidebar autoconvertep form .sub-title, autoconvertep form .search .search_sidebar .sub-title, .search .search_sidebar
  partexchangeep form .sub-title,
  partexchangeep form .search .search_sidebar .sub-title, .search .search_small_bar .title, .search .search_small_bar autoconvertep form .sub-title, autoconvertep form .search .search_small_bar .sub-title, .search .search_small_bar
  partexchangeep form .sub-title,
  partexchangeep form .search .search_small_bar .sub-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.667em;
    line-height: 1.4622075585em;
    margin: 0 0 10px;
    text-align: left;
    color: #003454;
    font-weight: bold;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 5px; }
@media (min-width: 61.875em) {
  search .search_sidebar .title, search .search_sidebar autoconvertep form .sub-title, autoconvertep form search .search_sidebar .sub-title, search .search_sidebar
        partexchangeep form .sub-title,
        partexchangeep form search .search_sidebar .sub-title, search .search_small_bar .title, search .search_small_bar autoconvertep form .sub-title, autoconvertep form search .search_small_bar .sub-title, search .search_small_bar
        partexchangeep form .sub-title,
        partexchangeep form search .search_small_bar .sub-title, .search .search_sidebar .title, .search .search_sidebar autoconvertep form .sub-title, autoconvertep form .search .search_sidebar .sub-title, .search .search_sidebar
        partexchangeep form .sub-title,
        partexchangeep form .search .search_sidebar .sub-title, .search .search_small_bar .title, .search .search_small_bar autoconvertep form .sub-title, autoconvertep form .search .search_small_bar .sub-title, .search .search_small_bar
        partexchangeep form .sub-title,
        partexchangeep form .search .search_small_bar .sub-title {
          font-size: 1.222em;
          line-height: 1.329787234em; }
}
search .search_sidebar .search_open_filters, search .search_small_bar .search_open_filters, .search .search_sidebar .search_open_filters, .search .search_small_bar .search_open_filters {
    border-top: 1px solid #dedede;
    text-align: center;
    padding: 10px 0;
    margin-top: -1px;
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 2; }
@media (max-width: 47.49em) {
  search .search_sidebar .search_results_mobile_btn, search .search_small_bar .search_results_mobile_btn, .search .search_sidebar .search_results_mobile_btn, .search .search_small_bar .search_results_mobile_btn {
        position: fixed;
        bottom: 0;
        width: 89%; }
}
search .search_sidebar .search_filters_header, search .search_small_bar .search_filters_header, .search .search_sidebar .search_filters_header, .search .search_small_bar .search_filters_header {
    margin: 0 0 0px;
    font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
    font-weight: 600;
    color: #003454;
    padding-bottom: 7px;
    text-transform: uppercase; }
    search .search_sidebar .search_filters_header.bottom_bordered, search .search_small_bar .search_filters_header.bottom_bordered, .search .search_sidebar .search_filters_header.bottom_bordered, .search .search_small_bar .search_filters_header.bottom_bordered {
      border-bottom: 1px solid #e8e8e8; }

search .clear_search, search .search_sidebar_close, search .search_small_bar_close, .search .clear_search, .search .search_sidebar_close, .search .search_small_bar_close {
  text-transform: lowercase; }
  search .clear_search:hover .clear_icon, search .search_sidebar_close:hover .clear_icon, search .search_small_bar_close:hover .clear_icon, .search .clear_search:hover .clear_icon, .search .search_sidebar_close:hover .clear_icon, .search .search_small_bar_close:hover .clear_icon {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }
  search .clear_search .clear_icon, search .search_sidebar_close .clear_icon, search .search_small_bar_close .clear_icon, .search .clear_search .clear_icon, .search .search_sidebar_close .clear_icon, .search .search_small_bar_close .clear_icon {
    background-color: #f40057;
    color: #ffffff;
    border-radius: 100%;
    display: inline-block;
    padding: 0px 4px 1px 4px;
    text-align: center;
    font-size: 1em;
    line-height: 1em;
    font-weight: 100;
    font-style: normal;
    text-decoration: none;
    margin: 0 6px 0 0; }

search .clear_search, .search .clear_search {
  display: block;
  margin-bottom: 10px;
  text-align: right; }

search .search_sidebar_close, search .search_small_bar_close, .search .search_sidebar_close, .search .search_small_bar_close {
  padding-bottom: 10px; }
  search .search_sidebar_close .clear_icon, search .search_small_bar_close .clear_icon, .search .search_sidebar_close .clear_icon, .search .search_small_bar_close .clear_icon {
    background-color: #ffffff;
    color: #f40057;
    border: 1px solid #f40057; }

search .search_sidebar .search_filters_dropdowns .search_option_clear, .search .search_sidebar .search_filters_dropdowns .search_option_clear {
  cursor: pointer;
  float: right;
  line-height: 40px; }

search .search_sidebar .search_filters_dropdowns .search_filter_lists:not(.inactive):hover, .search .search_sidebar .search_filters_dropdowns .search_filter_lists:not(.inactive):hover {
  background-color: #f6f6f6; }

search .search_sidebar .search_filters_dropdowns .search_filter_lists.search_filters_disabled, .search .search_sidebar .search_filters_dropdowns .search_filter_lists.search_filters_disabled {
  opacity: 0.4;
  pointer-events: none; }

search .search_sidebar .search_filters_dropdowns .search_filter_lists.inactive h6, .search .search_sidebar .search_filters_dropdowns .search_filter_lists.inactive h6 {
  pointer-events: none; }
  search .search_sidebar .search_filters_dropdowns .search_filter_lists.inactive h6:after, .search .search_sidebar .search_filters_dropdowns .search_filter_lists.inactive h6:after {
    content: normal; }

search .search_sidebar .search_filters_dropdowns .search_filter_lists h6, .search .search_sidebar .search_filters_dropdowns .search_filter_lists h6 {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 10px 0;
  position: relative;
  font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
  -webkit-tap-highlight-color: transparent; }
  search .search_sidebar .search_filters_dropdowns .search_filter_lists h6:after, .search .search_sidebar .search_filters_dropdowns .search_filter_lists h6:after {
    content: '';
    border: 3px solid #333333;
    border-bottom: 0;
    border-left: 0;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(135deg);
    transition: transform 0.2s; }
  search .search_sidebar .search_filters_dropdowns .search_filter_lists h6:active, .search .search_sidebar .search_filters_dropdowns .search_filter_lists h6:active {
    background-color: transparent;
    color: #333333; }

search .search_sidebar .search_filters_dropdowns .search_filter_lists.open h6:after, .search .search_sidebar .search_filters_dropdowns .search_filter_lists.open h6:after {
  transform: rotate(-45deg); }

search .link-pointer a, search .link-pointer a:link, search .link-pointer a:visited, .search .link-pointer a, .search .link-pointer a:link, .search .link-pointer a:visited {
  pointer-events: auto; }

search .link-pointer .search_filters_dropdowns .search_filter_lists h6, .search .link-pointer .search_filters_dropdowns .search_filter_lists h6 {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 10px 0;
  position: relative;
  font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
  -webkit-tap-highlight-color: transparent; }
  search .link-pointer .search_filters_dropdowns .search_filter_lists h6:after, .search .link-pointer .search_filters_dropdowns .search_filter_lists h6:after {
    content: '';
    border: 3px solid #333333;
    border-bottom: 0;
    border-left: 0;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg);
    transition: transform 0.2s; }
  search .link-pointer .search_filters_dropdowns .search_filter_lists h6:active, .search .link-pointer .search_filters_dropdowns .search_filter_lists h6:active {
    background-color: transparent;
    color: #333333; }

search .link-pointer .search_filters_dropdowns .search_filter_lists.open h6:after, .search .link-pointer .search_filters_dropdowns .search_filter_lists.open h6:after {
  transform: rotate(-45deg); }

search .search_filter_lists .search_filters_options search-facets-link li, .search .search_filter_lists .search_filters_options search-facets-link li {
  border: 0px; }

search .search_filter_lists .search_filters_options .search_filter, .search .search_filter_lists .search_filters_options .search_filter {
  margin: 10px 0; }

search .search_filter_lists:not(.search_filters_slideout) .btn-close, .search .search_filter_lists:not(.search_filters_slideout) .btn-close {
  display: none; }

search .search_filter_lists h6[data-filter="make"] ~ .search_filters_options .btn-close, .search .search_filter_lists h6[data-filter="make"] ~ .search_filters_options .btn-close {
  display: none; }
@media (max-width: 61.865em) {
  search .search_filter_lists .btn-close, .search .search_filter_lists .btn-close {
      display: none; }
}
search .search_filters_options, .search .search_filters_options {
  overflow: hidden; }
  search .search_filters_options.open, .search .search_filters_options.open {
    height: auto; }
  search .search_filters_options .search-child, .search .search_filters_options .search-child {
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333333; }
@media (min-width: 47.5em) {
  search .search_filters_options .search-child, .search .search_filters_options .search-child {
          white-space: normal; }
}
search .search_filters_options .search-child:not(.search_filter), .search .search_filters_options .search-child:not(.search_filter) {
      display: inline-block;
      border-radius: 4px;
      padding: 0 6px;
      width: 100%;
      margin: 0 -5px 2px; }
    search .search_filters_options .search-child.selected:not(.search_filter), .search .search_filters_options .search-child.selected:not(.search_filter) {
      background-color: #ffca87; }
      search .search_filters_options .search-child.selected:not(.search_filter):hover, .search .search_filters_options .search-child.selected:not(.search_filter):hover {
        background-color: #ff9e21; }
  search .search_filters_options .btn-close, .search .search_filters_options .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    text-align: center;
    cursor: pointer;
    font-size: 20px; }

search search-facets-checkbox label, .search search-facets-checkbox label {
  border-radius: 5px; }

search .search_filters_options search-facets-link, .search .search_filters_options search-facets-link {
  color: #333333; }
  search .search_filters_options search-facets-link li, .search .search_filters_options search-facets-link li {
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #ed8500;
    display: inline-block;
    line-height: 30px;
    margin: 5px 10px 5px 0;
    padding: 0px 7px; }
    search .search_filters_options search-facets-link li span:before, .search .search_filters_options search-facets-link li span:before {
      font-family: "icons";
      content: "×";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      font-size: 1em;
      color: #ffffff;
      line-height: 17px;
      margin: 0 0.2em 0 0; }
    search .search_filters_options search-facets-link li span:before, .search .search_filters_options search-facets-link li span:before {
      border-radius: 100%;
      padding: 0px 4px 1px 4px;
      margin-right: 10px;
      background-color: #ed8500;
      border: 1px solid #ed8500;
      vertical-align: center; }
    search .search_filters_options search-facets-link li:hover span:before, .search .search_filters_options search-facets-link li:hover span:before {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8;
      -webkit-transition: all 0.1s linear;
      transition: all 0.1s linear; }
@media (min-width: 47.5em) {
  search .search_filter_lists.open .search_filters_options {
      position: relative; }
      search .search_filter_lists.open .search_filters_options li {
        width: 100%; }
}
@media (min-width: 61.875em) {
  search .search_filters .search_filter_lists.search_filters_slideout h6:after {
      transform: rotate(45deg); }
    search .search_filters .search_filter_lists.search_filters_slideout.open h6:after {
      transform: rotate(-135deg); }
    search .search_filters .search_filter_lists.search_filters_slideout.search_filters_slideout.open {
      background-color: #f6f6f6;
      box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
      position: relative;
      z-index: 1; }
      search .search_filters .search_filter_lists.search_filters_slideout.search_filters_slideout.open:after {
        background-color: #f6f6f6;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 12px;
        z-index: 21; }
    search .search_filters .search_filter_lists.search_filters_slideout .search_filters_options {
      min-height: 135px;
      background-color: #f6f6f6;
      box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
      height: auto !important;
      position: absolute;
      right: 0;
      top: -20px;
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      z-index: 20;
      width: 50vw;
      padding: 20px;
      padding-bottom: 10px; }
      search .search_filters .search_filter_lists.search_filters_slideout .search_filters_options li {
        display: inline-block; }
      search .search_filters .search_filter_lists.search_filters_slideout .search_filters_options search-facets-checkbox li:not(.search_filter):hover {
        background-color: transparent; }
    search .search_filters .search_filter_lists.search_filters_slideout .search_filters_options[data-values-length="1"],
    search .search_filters .search_filter_lists.search_filters_slideout .search_filters_options[data-values-length="2"] {
      top: -1px; }
    search .search_filters .search_filter_lists.search_filters_searchbar .search_filters_options {
      padding-top: 60px; }
    search .search_filters li.search_filter:first-child {
      clear: both;
      float: none;
      width: 100%;
      line-height: 1.3;
      padding-bottom: 10px;
      margin-top: 0; }
}
.search-loading-overlay {
  animation-delay: 0s;
  animation-duration: 0.2s;
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -20px;
  right: -20px;
  z-index: 1; }
  @supports (backdrop-filter: blur(6px)) or (-webkit-backdrop-filter: blur(6px)) {
    .search-loading-overlay {
      -webkit-transition: -webkit-backdrop-filter 0.2s linear;
      transition: backdrop-filter 0.2s linear; } }
  .search-loading-overlay .search-loading-spinner {
    position: fixed;
    position: sticky;
    padding-right: 60px;
    top: 50%;
    left: 0;
    right: 0;
    transform: translatey(-50%);
    text-align: center; }
    .search-loading-overlay .search-loading-spinner:before {
      content: 'Searching';
      margin-right: 20px; }
    .search-loading-overlay .search-loading-spinner:after {
      border-radius: 100%;
      border: 4px solid #213846;
      clip: rect(0 40px 20px 0px);
      content: '';
      height: 40px;
      width: 40px;
      position: absolute;
      top: calc(50% - 20px);
      animation-duration: 0.8s;
      animation-iteration-count: infinite;
      animation-name: spinner;
      animation-timing-function: linear; }

@keyframes spinner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@media (min-width: 47.5em) and (max-width: 61.865em) {
  .search-tablet-facet-overlay + .search-loading-overlay {
        z-index: 113;
        background: none;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        width: 0;
        height: 0; }
        .search-tablet-facet-overlay + .search-loading-overlay .search-loading-spinner {
          position: fixed;
          background: #ffffff;
          left: auto;
          top: auto;
          bottom: 0;
          height: 60px;
          transform: none;
          display: flex;
          align-items: center;
          justify-content: center;
          padding-left: 20px; }
          .search-tablet-facet-overlay + .search-loading-overlay .search-loading-spinner:after {
            right: 10px; }
}
@media (min-width: 61.875em) {
  search .search_results--no_results--inner {
      position: -webkit-sticky;
      position: sticky;
      top: 20px; }
}
search .search_results--no-results-header {
  padding: 20px;
  background: #f6f6f6;
  margin-bottom: 15px; }
  search .search_results--no-results-header > p {
    font-weight: bold;
    max-width: none; }

search .search_results--no-results-filters > .title, search autoconvertep form .form-input-text-label .search_results--no-results-filters > .sub-title, search
partexchangeep form .form-input-text-label .search_results--no-results-filters > .sub-title, search autoconvertep form .search_results--no-results-filters > .sub-title, autoconvertep form search .search_results--no-results-filters > .sub-title, search
partexchangeep form .search_results--no-results-filters > .sub-title,
partexchangeep form search .search_results--no-results-filters > .sub-title {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  margin-right: 20px; }

search .search_results--no-results-filters .search_results--no-results-filters-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end; }

search .search_results--no-results-filters .search_filters_selected > .title, search .search_results--no-results-filters autoconvertep form .form-input-text-label .search_filters_selected > .sub-title, search .search_results--no-results-filters
partexchangeep form .form-input-text-label .search_filters_selected > .sub-title, search .search_results--no-results-filters autoconvertep form .search_filters_selected > .sub-title, autoconvertep form search .search_results--no-results-filters .search_filters_selected > .sub-title, search .search_results--no-results-filters
partexchangeep form .search_filters_selected > .sub-title,
partexchangeep form search .search_results--no-results-filters .search_filters_selected > .sub-title {
  font-size: 0.6666666667em;
  line-height: 2.4375em;
  margin-top: 0;
  margin-bottom: -5px;
  margin-right: 10px;
  color: #666666; }
@media (min-width: 47.5em) {
  search .search_results--no-results-filters {
      display: flex;
      margin-top: -0.5em; }
      search .search_results--no-results-filters > .title, search autoconvertep form .form-input-text-label .search_results--no-results-filters > .sub-title, search
      partexchangeep form .form-input-text-label .search_results--no-results-filters > .sub-title, search autoconvertep form .search_results--no-results-filters > .sub-title, autoconvertep form search .search_results--no-results-filters > .sub-title, search
      partexchangeep form .search_results--no-results-filters > .sub-title,
      partexchangeep form search .search_results--no-results-filters > .sub-title {
        padding-top: 19px;
        flex-shrink: 0; }
}
@media (min-width: 47.5em) and (min-width: 61.875em) and (max-width: 76.865em) {
  search .search_results--no-results-filters {
        display: block;
        margin-top: 0; }
        search .search_results--no-results-filters > .title, search autoconvertep form .form-input-text-label .search_results--no-results-filters > .sub-title, search
        partexchangeep form .form-input-text-label .search_results--no-results-filters > .sub-title, search autoconvertep form .search_results--no-results-filters > .sub-title, autoconvertep form search .search_results--no-results-filters > .sub-title, search
        partexchangeep form .search_results--no-results-filters > .sub-title,
        partexchangeep form search .search_results--no-results-filters > .sub-title {
          padding-top: 0; }
}
search .search_results--no-results-filters-clear {
  margin-top: 20px;
  width: 100%;
  text-align: center; }

search .expired-deal {
  padding: 1em;
  color: #003454;
  background-color: #f6f6f6;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1.111em;
  line-height: 1.4626462646em; }
  search .expired-deal p {
    margin: 0; }

search search-facets .search_filters .search_postcode_box button {
  margin: 15px 0 8px 0;
  font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
  font-size: 16px;
  background: #f40057;
  color: #ffffff;
  border-radius: 5px;
  padding: 0 1em;
  min-height: 42px;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  display: inline-block;
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  search search-facets .search_filters .search_postcode_box button:visited {
    color: #ffffff; }
  search search-facets .search_filters .search_postcode_box button:hover:not(:disabled) {
    background: #ff1468;
    color: #ffffff; }
  search search-facets .search_filters .search_postcode_box button:disabled {
    opacity: 0.4;
    cursor: default; }

search search-facets .search_filters .search_postcode_box li {
  border-bottom: none; }

search .search_postcode_box {
  background-color: #f6f6f6;
  border: solid 1px #dddcdc;
  border-radius: 12px;
  font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
  color: #333333;
  text-align: center;
  padding: 3px 7px 15px 7px;
  line-height: 1.4;
  margin: 10px 0px 6px 0; }
  search .search_postcode_box h3, search .search_postcode_box h4 {
    color: #003454; }
  search .search_postcode_box h4 {
    margin-bottom: 5px; }
  search .search_postcode_box p {
    margin-bottom: 3px; }
  search .search_postcode_box .postcode-small-text {
    font-size: 0.8888888889em;
    line-height: 1.828125em;
    line-height: 1.5em; }
  search .search_postcode_box .search_postcode_close {
    color: #f40057;
    display: block;
    cursor: pointer;
    padding: 4px;
    position: absolute;
    right: 5px; }
    search .search_postcode_box .search_postcode_close:after {
      font-family: "icons";
      content: "✖";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      font-size: 1em;
      color: #f40057;
      line-height: 1;
      margin: 0 0 0 0.2em; }
  search .search_postcode_box ul {
    background-color: #ffffff;
    border-radius: 5px;
    margin: 17px 0px;
    padding: 8px 8px 8px 3px; }
    search .search_postcode_box ul li {
      text-align: left;
      margin-left: 57px;
      min-height: 40px; }
      search .search_postcode_box ul li:before {
        width: 40px;
        content: '';
        background-size: 100%;
        display: block;
        position: absolute;
        left: -48px;
        height: 40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
      search .search_postcode_box ul li.buy-online:before {
        background-image: url(/sites/buyacar/themes/buyacar/images/icons/search-icon-green.png); }
      search .search_postcode_box ul li.car-delivery:before {
        background-image: url(/sites/buyacar/themes/buyacar/images/icons/tick-icon-orange.png); }
      search .search_postcode_box ul li.inspect-car:before {
        background-image: url(/sites/buyacar/themes/buyacar/images/icons/key-icon-blue.png); }
  search .search_postcode_box button {
    margin-left: auto;
    margin-right: auto; }
@media (min-width: 61.875em) {
  search .search_postcode_box {
      box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
      padding: 3px 25px 15px 25px;
      position: absolute;
      right: 0;
      top: -20px;
      transform: translateX(calc(100% + 30px));
      width: 600px;
      z-index: 3; }
      search .search_postcode_box:before {
        background: #f6f6f6;
        content: '';
        display: block;
        transform: rotate(45deg);
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
        position: absolute;
        left: -10px;
        height: 20px;
        width: 20px;
        top: 40px;
        z-index: 1; }
      search .search_postcode_box:after {
        background-color: #f6f6f6;
        content: '';
        display: block;
        height: 40px;
        left: 0;
        position: absolute;
        top: 30px;
        width: 20px;
        z-index: 2; }
      search .search_postcode_box ul {
        margin: 8px 0 20px 0;
        padding: 13px 0 13px 0; }
      search .search_postcode_box li {
        padding-right: 6px; }
}
search search-facets-text li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
  margin-top: 1em; }
  search search-facets-text li input[type="text"],
  search search-facets-text li button.search_button_full {
    margin-top: 0;
    margin-bottom: 0; }
  search search-facets-text li button.search_button_full {
    color: #ed8500; }

search-facets-selected-item li {
  font-size: 0.8888888889em;
  line-height: 1.828125em;
  background-color: #ffffff;
  border: 1px solid #ed8500;
  border-radius: 4px;
  color: #333333;
  padding: 0 8px;
  margin: 5px 0;
  min-height: 30px;
  height: auto;
  -webkit-appearance: none;
  vertical-align: middle;
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
  margin-right: 10px;
  cursor: pointer;
  padding-top: 1px;
  background-color: #ffffff;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  padding-right: 28px;
  position: relative; }
  search-facets-selected-item li:active, search-facets-selected-item li:hover {
    background-color: #ffffff;
    border-color: #ffb454;
    color: #ed8500; }
  search-facets-selected-item li.selected {
    background-color: #ed8500;
    border-color: #ed8500;
    color: #ffffff; }
  search-facets-selected-item li:after {
    font-family: "icons";
    content: "✖";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    color: #ed8500;
    line-height: 1;
    margin: 0 0 0 0.4em; }
  search-facets-selected-item li:after {
    position: absolute;
    right: 8px;
    top: 0;
    transform: translateY(50%); }
  search-facets-selected-item li::first-letter {
    text-transform: uppercase; }
  search-facets-selected-item li.loading:after {
    border-radius: 100%;
    border: 2px solid #ed8500;
    clip: rect(0 12px 6px 0px);
    content: '';
    height: 12px;
    width: 12px;
    position: absolute;
    top: calc(50% - 6px);
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-name: spinner;
    animation-timing-function: linear; }

@keyframes spinner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.search_filter_lists > *[data-filter="keywords"] ~ .search_filters_options .search-shortcuts:before {
  font-size: 1.111em;
  line-height: 1.4626462646em;
  content: 'Common keywords';
  display: block;
  margin-bottom: 0.5em; }

reactsearchrepexample {
  display: block; }
  reactsearchrepexample:empty {
    display: none; }
  reactsearchrepexample > div {
    animation-delay: 0;
    animation-duration: 0.2s;
    animation-name: fadeIn;
    animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */ }
  reactsearchrepexample .title, reactsearchrepexample autoconvertep form .form-input-text-label .sub-title, autoconvertep form .form-input-text-label reactsearchrepexample .sub-title, reactsearchrepexample
  partexchangeep form .form-input-text-label .sub-title,
  partexchangeep form .form-input-text-label reactsearchrepexample .sub-title, reactsearchrepexample autoconvertep form .sub-title, autoconvertep form reactsearchrepexample .sub-title, reactsearchrepexample
  partexchangeep form .sub-title,
  partexchangeep form reactsearchrepexample .sub-title {
    text-align: center; }
  reactsearchrepexample .rep-example-message {
    text-align: center;
    width: 100%; }
@media (min-width: 47.5em) {
  reactsearchrepexample {
        flex-basis: calc(25% - 10px); }
}
#pid-startfinance .intro-text {
  text-align: center; }

.spinner:after {
  border-radius: 100%;
  border: 4px solid #213846;
  clip: rect(0 40px 20px 0px);
  content: '';
  height: 40px;
  width: 40px;
  position: absolute;
  top: calc(50% - 20px);
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-name: spinner;
  animation-timing-function: linear; }

@keyframes spinner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

save-car-success,
save-car-fail {
  display: block;
  padding: 40px; }

.form--privacy-notice input[type="checkbox"] {
  display: inline-block;
  width: 18px;
  height: 18px; }
  .form--privacy-notice input[type="checkbox"]:checked:before {
    width: 14px; }

.form--privacy-notice .checkbox-inputs-wrapper {
  display: inline-block; }

#block-site-in-stock-site-in-stock-new-finance-calc {
  background: #f0f0f0;
  margin-bottom: 0; }
@media (max-width: 61.865em) {
  #block-site-in-stock-site-in-stock-new-finance-calc {
        margin-left: -20px;
        margin-right: -20px;
        width: 100vw;
        padding-left: 20px;
        padding-right: 20px; }
}
@media (min-width: 61.875em) {
  #block-site-in-stock-site-in-stock-new-finance-calc {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #block-site-in-stock-site-in-stock-new-finance-calc {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  #block-site-in-stock-site-in-stock-new-finance-calc > * {
          display: block;
          float: none;
          margin-left: auto;
          margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  #block-site-in-stock-site-in-stock-new-finance-calc > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  #block-site-in-stock-site-in-stock-new-finance-calc > * {
          width: 1190px; }
}
.finance-calculator-section {
  padding-bottom: 48px; }
  .finance-calculator-section__loader {
    height: 50px;
    width: 50px;
    margin: 50px auto;
    background-size: 50px 50px; }
  .finance-calculator-section__title {
    margin: 0;
    padding: 40px 0 24px 40px;
    font-size: 22px;
    line-height: 26px;
    color: #333333; }
@media (max-width: 61.865em) {
  .finance-calculator-section__title {
          text-align: center;
          padding: 40px 0 24px; }
}
.finance-calculator-section__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    padding: 50px 12px 36px; }
    .finance-calculator-section__list-item {
      padding-left: 29px;
      background: url('/sites/buyacar/themes/buyacar/images/svgs/check-circle.svg') center left no-repeat;
      background-size: 19px; }
      .finance-calculator-section__list-item:first-child {
        margin-top: 0; }
@media (max-width: 61.865em) {
  .finance-calculator-section__list-item {
            margin-top: 18px; }
}
@media (max-width: 61.865em) {
  .finance-calculator-section__list {
          -webkit-box-orient: vertical;
          -webkit-box-orient: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
}
.finance-calculator-section__text {
    padding: 18px 20px 0;
    font-size: 16px;
    line-height: 19px;
    margin: 0; }
    .finance-calculator-section__text_bold {
      font-weight: bold;
      padding-top: 0; }
@media (max-width: 61.865em) {
  .finance-calculator-section__text {
          text-align: center;
          padding: 18px 12px 0; }
}
.form--confirmation {
  overflow: hidden; }
  .form--confirmation > * > * {
    margin-top: 0;
    margin-bottom: 20px; }
  .form--confirmation .title, .form--confirmation autoconvertep form .sub-title, autoconvertep form .form--confirmation .sub-title, .form--confirmation
  partexchangeep form .sub-title,
  partexchangeep form .form--confirmation .sub-title {
    font-weight: bold; }
  .form--confirmation .confirmation-message {
    text-align: center; }
  .form--confirmation .icon {
    font-size: 20px; }
    .form--confirmation .icon:before {
      margin: auto; }
  .form--confirmation a[href^='tel:'] {
    font-size: 1.388em;
    line-height: 1.7561239193em;
    color: #333333;
    font-weight: bold; }
  .form--confirmation .reservation-details {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px; }
    .form--confirmation .reservation-details > *:first-child {
      margin-right: auto;
      padding-right: 20px; }
  .form--confirmation .confirmation-message--secondary > div:first-child {
    display: flex;
    align-items: center;
    justify-content: center; }
  .form--confirmation .confirmation-message--secondary .title, .form--confirmation .confirmation-message--secondary autoconvertep form .sub-title, autoconvertep form .form--confirmation .confirmation-message--secondary .sub-title, .form--confirmation .confirmation-message--secondary
  partexchangeep form .sub-title,
  partexchangeep form .form--confirmation .confirmation-message--secondary .sub-title {
    margin: 0;
    text-align: left; }
  .form--confirmation .confirmation-message--secondary .icon {
    margin-right: 20px; }
  .form--confirmation .confirmation-message--secondary .info-box {
    font-size: 1.222em;
    line-height: 1.329787234em;
    font-weight: bold;
    display: inline-block; }
  .form--confirmation .next-best-action {
    clear: both;
    margin-bottom: 20px;
    text-align: center; }
  .form--confirmation .button-wrapper {
    text-align: center; }
  .form--confirmation .prev-button {
    color: #f60361; }
    .form--confirmation .prev-button span:before {
      font-family: "icons";
      content: "";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      margin: 0 0.2em 0 0; }
  .form--confirmation a.before {
    float: left; }
  .form--confirmation a.link--arrow-forward {
    float: right; }
@media (max-width: 61.865em) {
  .form--confirmation {
        margin-bottom: 20px; }
        .form--confirmation,
        .form--confirmation .next-best-action {
          margin-left: -20px;
          margin-right: -20px; }
        .form--confirmation .next-best-action {
          width: calc(100% + 40px); }
}
.confirmation-img-checkmark {
  height: 160px;
  width: 160px;
  margin: 20px auto 0px;
  background-size: 110px 110px;
  background-image: url("/sites/buyacar/themes/buyacar/images/svgs/success_tick.svg");
  background-position: center center;
  background-repeat: no-repeat; }

.js-mobile-confirmation {
  margin-left: -4px;
  margin-right: -4px; }
@media (min-width: 47.5em) {
  .js-mobile-confirmation {
        margin-left: auto;
        margin-right: auto; }
}
.finance-confirmation-section .finance-confirmation-block {
  margin: auto;
  text-align: center; }
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block {
        font-size: 25px; }
}
.finance-confirmation-section .finance-confirmation-block h1 {
    margin: auto;
    margin-bottom: 20px;
    font-size: 19.552px;
    line-height: 1.4em;
    font-weight: bold;
    letter-spacing: 0.04em; }
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block h1 {
          font-size: 25px; }
}
.finance-confirmation-section .finance-confirmation-block h3 {
    line-height: 1em;
    margin-bottom: 4px;
    text-align: left;
    font-size: 17.776px; }
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block h3 {
          text-align: center; }
}
.finance-confirmation-section .finance-confirmation-block h5 {
    font-size: 1em;
    font-weight: bold; }
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block h5 {
          font-size: 1.2em;
          margin-top: 0.8em;
          margin-bottom: -0.8em; }
}
.finance-confirmation-section .finance-confirmation-block .finance-confirmation-status p {
    font-size: 14.2222222221px;
    letter-spacing: 0.04em; }
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block .finance-confirmation-status p {
          width: 430px;
          margin: auto;
          margin-bottom: 4em; }
}
.finance-confirmation-section .finance-confirmation-block .finance-confirmation-message2 {
    text-align: left; }
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block .finance-confirmation-message2 {
          text-align: center; }
}
.finance-confirmation-section .finance-confirmation-block .finance-confirmation__phone {
    font-size: 17.776px; }
  .finance-confirmation-section .finance-confirmation-block hr {
    width: 100%;
    border: 1px solid #f6f6f6; }
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block hr {
          margin: 2.4em auto 0em;
          width: 25%; }
}
.finance-confirmation-section .finance-confirmation-block .link--button-forward {
    height: 52px;
    margin-top: 3.8em;
    margin-bottom: 70px;
    min-width: 100%; }
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block .link--button-forward {
          min-width: 400px; }
}
.finance-confirmation-section .finance-confirmation-block .next-action-offset {
    padding: 20px 0; }
  .finance-confirmation-section .finance-confirmation-block .block--next-action-guide {
    margin: 2.5em -1.25em 0 -1.25em; }
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block .block--next-action-guide {
          margin: auto; }
}
.finance-confirmation-section .finance-confirmation-block .block--next-action-guide h4 {
      display: block;
      padding-top: 18px;
      font-size: 1.4em;
      font-weight: bold;
      letter-spacing: 0.04em; }
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block .block--next-action-guide h4 {
            padding-bottom: 6px;
            font-size: 1em; }
}
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block .block--next-action-guide-img {
          display: block;
          height: 300px;
          margin-top: -360px;
          margin-right: 57vw;
          background-image: url("/sites/buyacar/themes/buyacar/images/finance-banner/checklist_finance.png");
          background-repeat: no-repeat;
          background-position: right;
          background-size: contain; }
}
@media (min-width: 61.875em) {
  .finance-confirmation-section .finance-confirmation-block .block--next-action-guide-img {
          height: 400px; }
}
.finance-confirmation-section .finance-confirmation-block .block--next-action-guide-list {
      display: block; }
      .finance-confirmation-section .finance-confirmation-block .block--next-action-guide-list-background {
        padding-bottom: 0.625em;
        background-color: #F1FBFF;
        border-radius: 0.4em; }
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block .block--next-action-guide-list-background {
              width: 60vw;
              max-width: 1100px;
              margin-left: 25vw; }
}
@media (min-width: 74.375em) and (max-width: 118.0625em) {
  .finance-confirmation-section .finance-confirmation-block .block--next-action-guide-list-background {
              margin-left: 28vw; }
}
@media (min-width: 118.125em) and (max-width: 156.1875em) {
  .finance-confirmation-section .finance-confirmation-block .block--next-action-guide-list-background {
              margin-left: 32vw; }
}
@media (min-width: 156.25em) and (max-width: 249.9375em) {
  .finance-confirmation-section .finance-confirmation-block .block--next-action-guide-list-background {
              margin-left: 38vw; }
}
@media (min-width: 250em) {
  .finance-confirmation-section .finance-confirmation-block .block--next-action-guide-list-background {
              margin-left: 40vw; }
}
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block .block--next-action-guide-list-guide {
            margin: auto;
            margin-left: 110px; }
}
@media (min-width: 61.875em) {
  .finance-confirmation-section .finance-confirmation-block .block--next-action-guide-list-guide {
            margin-left: 200px; }
}
.finance-confirmation-section .finance-confirmation-block .block--next-action-guide-list-guide li {
        margin: 2em 2em 2em 3em;
        font-size: 14.2222222221px;
        line-height: 1.4em;
        letter-spacing: 0.04em;
        text-align: left; }
@media (min-width: 47.5em) {
  .finance-confirmation-section .finance-confirmation-block .block--next-action-guide-list-guide li {
              margin: 2em 3em 2em 7em; }
}
.finance-confirmation-section .finance-confirmation-block .block--next-action-guide-list-guide li a {
          font-weight: bold;
          text-decoration: underline; }
    .finance-confirmation-section .finance-confirmation-block .block--next-action-guide .icon {
      display: inline-block;
      position: absolute;
      width: 1.25em;
      height: 1.25em;
      margin-left: -1.7em;
      margin-right: 1.25em; }

.finance-confirmation-section .confirmation__footer {
  max-width: 900px;
  margin: 0 auto; }

.finance-confirmation-section .advert-link {
  font-size: 1em;
  color: #F30059;
  text-decoration: underline; }
  .finance-confirmation-section .advert-link:hover {
    color: #db0252; }

.finance-confirmation-section .confirmation__deposit-disclaimer {
  max-width: 900px;
  margin: 30px auto;
  opacity: 0.5; }

.finance-confirmation-section .vehicleinfo-card {
  width: 100%;
  margin-bottom: 10px; }
@media (min-width: 47.5em) {
  .finance-confirmation-section .vehicleinfo-card {
        max-width: 900px; }
}
.finance-confirmation-section .vehicleinfo-card .link--button-forward {
    height: 52px;
    margin-top: 30px;
    margin-bottom: 10px; }

.radio-inputs {
  display: inline-flex; }
  .radio-inputs.with-tooltip {
    padding-right: 55px; }
    .radio-inputs.with-tooltip .form--tooltip {
      position: absolute;
      top: 10%; }
  .radio-inputs > label {
    margin-right: 20px; }
    .radio-inputs > label input {
      margin-right: 10px !important;
      border-radius: 50% !important; }

applyforfinanceep,
applyforreservationep,
autoconvertep,
partexchangeep {
  width: 100%; }
  applyforfinanceep .overlay,
  applyforreservationep .overlay,
  autoconvertep .overlay,
  partexchangeep .overlay {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-name: finance_existing_user_modal; }
  applyforfinanceep .modal,
  applyforreservationep .modal,
  autoconvertep .modal,
  partexchangeep .modal {
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 20px;
    border-top: 2px solid #213846;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.95);
    transform: translate(0, 110%);
    transition: transform 0.2s linear; }
    applyforfinanceep .modal.open,
    applyforreservationep .modal.open,
    autoconvertep .modal.open,
    partexchangeep .modal.open {
      transform: translate(0, 0); }
@media (min-width: 61.875em) {
  applyforfinanceep .modal,
        applyforreservationep .modal,
        autoconvertep .modal,
        partexchangeep .modal {
          padding-right: 15%;
          padding-left: 15%; }
}
applyforfinanceep .modal-inner,
  applyforreservationep .modal-inner,
  autoconvertep .modal-inner,
  partexchangeep .modal-inner {
    width: 100%;
    max-width: 600px; }
  applyforfinanceep .modal-footer,
  applyforreservationep .modal-footer,
  autoconvertep .modal-footer,
  partexchangeep .modal-footer {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center; }
  applyforfinanceep .login-form,
  applyforreservationep .login-form,
  autoconvertep .login-form,
  partexchangeep .login-form {
    text-align: left; }
  applyforfinanceep .recognised__welcome-title,
  applyforreservationep .recognised__welcome-title,
  autoconvertep .recognised__welcome-title,
  partexchangeep .recognised__welcome-title {
    margin: 0;
    text-align: left;
    font-weight: 700; }
  applyforfinanceep .recognised__welcome-subtitle,
  applyforreservationep .recognised__welcome-subtitle,
  autoconvertep .recognised__welcome-subtitle,
  partexchangeep .recognised__welcome-subtitle {
    text-align: left;
    font-weight: 700; }
@media (max-width: 47.49em) {
  applyforfinanceep .recognised__welcome-subtitle,
        applyforreservationep .recognised__welcome-subtitle,
        autoconvertep .recognised__welcome-subtitle,
        partexchangeep .recognised__welcome-subtitle {
          font-size: 17.776px;
          margin: 10px 0; }
}
autoconvertep .modal-footer,
partexchangeep .modal-footer {
  margin-top: 10px;
  margin-bottom: 10px; }
  autoconvertep .modal-footer > button,
  partexchangeep .modal-footer > button {
    margin-top: 10px;
    margin-bottom: 10px; }
  autoconvertep .modal-footer .link-cancel, partexchangeep .modal-footer .link-cancel {
    width: auto;
    height: 16px;
    min-height: auto;
    border: none; }

autoconvertep .modal-inner__forgot-link,
partexchangeep .modal-inner__forgot-link {
  margin-bottom: 0; }

autoconvertep .modal-inner__bottom-close .link-cancel, partexchangeep .modal-inner__bottom-close .link-cancel {
  display: inline-block;
  min-height: auto;
  height: auto;
  width: auto;
  font-weight: 300;
  font-size: 14.2222222221px;
  color: #AAA9AB;
  border: none;
  text-decoration: underline; }

autoconvertep .modal .popup_error-message,
partexchangeep .modal .popup_error-message {
  margin-bottom: 0;
  color: #da001b;
  background-color: #fce5e8; }

.card {
  display: flex;
  width: 100%;
  overflow: hidden; }
  .card:not(.card--light) {
    background-color: #f6f6f6;
    border-radius: 5px; }
  .card .card--inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-align: center; }
  .card img {
    width: 100%;
    height: auto; }
  .card .card-main {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-grow: 1;
    padding-left: 20px;
    padding-right: 20px; }
    .card .card-main > * {
      margin: 0;
      margin-bottom: 20px; }
      .card .card-main > *:first-child {
        margin-top: 20px; }
  .card .title, .card autoconvertep form .sub-title, autoconvertep form .card .sub-title, .card
  partexchangeep form .sub-title,
  partexchangeep form .card .sub-title {
    font-weight: bold;
    color: #003454; }
  .card .body-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .card .body-wrapper .list {
      font-size: 0.7777777778em;
      line-height: 1.6714285714em;
      text-align: left; }
  .card .icon-card-delete {
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
    position: absolute;
    z-index: 100;
    width: 2em;
    height: 2em;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #f6f6f6;
    margin-top: 0.5em;
    margin-right: 0.5em; }
  .card:hover .icon-card-delete {
    opacity: 0.7;
    pointer-events: auto; }
    .card:hover .icon-card-delete:hover {
      opacity: 1; }
@media (pointer: coarse) {
  .card .icon-card-delete {
        opacity: 1;
        pointer-events: auto; }
}
.card.card--small .card--inner, .card.card--medium .card--inner, .card.card--wide .card--inner {
    flex-direction: row; }
  .card.card--small .card-top, .card.card--medium .card-top, .card.card--wide .card-top {
    flex-basis: 45%;
    flex-shrink: 0; }
  .card.card--small .card-main, .card.card--medium .card-main, .card.card--wide .card-main {
    padding-left: 10px;
    padding-right: 10px;
    flex-grow: 1; }
    .card.card--small .card-main > *:not(.title):not(autoconvertep form .form-input-text-label .sub-title):not(
    partexchangeep form .form-input-text-label .sub-title):not(autoconvertep form .sub-title):not(
    partexchangeep form .sub-title), .card.card--medium .card-main > *:not(.title):not(autoconvertep form .form-input-text-label .sub-title):not(
    partexchangeep form .form-input-text-label .sub-title):not(autoconvertep form .sub-title):not(
    partexchangeep form .sub-title), .card.card--wide .card-main > *:not(.title):not(autoconvertep form .form-input-text-label .sub-title):not(
    partexchangeep form .form-input-text-label .sub-title):not(autoconvertep form .sub-title):not(
    partexchangeep form .sub-title) {
      margin-bottom: 10px; }
  .card.card--small .img-wrapper, .card.card--medium .img-wrapper, .card.card--wide .img-wrapper {
    height: 100%; }
  .card.card--small .title, .card.card--medium .title, .card.card--wide .title, .card.card--small autoconvertep form .sub-title, autoconvertep form .card.card--small .sub-title, .card.card--medium autoconvertep form .sub-title, autoconvertep form .card.card--medium .sub-title, .card.card--wide autoconvertep form .sub-title, autoconvertep form .card.card--wide .sub-title, .card.card--small
  partexchangeep form .sub-title,
  partexchangeep form .card.card--small .sub-title, .card.card--medium
  partexchangeep form .sub-title,
  partexchangeep form .card.card--medium .sub-title, .card.card--wide
  partexchangeep form .sub-title,
  partexchangeep form .card.card--wide .sub-title {
    font-size: 1em;
    line-height: 1.625em;
    margin-top: 10px;
    margin-bottom: auto; }
  .card.card--small .icon-card-delete, .card.card--medium .icon-card-delete, .card.card--wide .icon-card-delete {
    background: #ffffff;
    margin-top: 5px;
    margin-right: 5px; }
  .card.card--small.card--deletable .title, .card.card--deletable.card--medium .title, .card.card--deletable.card--wide .title, .card.card--small.card--deletable autoconvertep form .sub-title, autoconvertep form .card.card--small.card--deletable .sub-title, .card.card--deletable.card--medium autoconvertep form .sub-title, autoconvertep form .card.card--deletable.card--medium .sub-title, .card.card--deletable.card--wide autoconvertep form .sub-title, autoconvertep form .card.card--deletable.card--wide .sub-title, .card.card--small.card--deletable
  partexchangeep form .sub-title,
  partexchangeep form .card.card--small.card--deletable .sub-title, .card.card--deletable.card--medium
  partexchangeep form .sub-title,
  partexchangeep form .card.card--deletable.card--medium .sub-title, .card.card--deletable.card--wide
  partexchangeep form .sub-title,
  partexchangeep form .card.card--deletable.card--wide .sub-title {
    padding-right: 30px;
    text-align: left; }
  .card.card--medium .title, .card.card--wide .title, .card.card--medium autoconvertep form .sub-title, autoconvertep form .card.card--medium .sub-title, .card.card--wide autoconvertep form .sub-title, autoconvertep form .card.card--wide .sub-title, .card.card--medium
  partexchangeep form .sub-title,
  partexchangeep form .card.card--medium .sub-title, .card.card--wide
  partexchangeep form .sub-title,
  partexchangeep form .card.card--wide .sub-title {
    font-size: 1.388em;
    line-height: 1.7561239193em; }
  .card.card--wide .card-main {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end; }
  .card.card--wide .body-wrapper {
    flex-grow: 1;
    margin-right: 20px; }
  .card.card--wide .card-top {
    flex-basis: 40%; }
  .card.card--wide .title, .card.card--wide autoconvertep form .sub-title, autoconvertep form .card.card--wide .sub-title, .card.card--wide
  partexchangeep form .sub-title,
  partexchangeep form .card.card--wide .sub-title {
    font-size: 1.667em;
    line-height: 1.4622075585em;
    width: 100%; }
  .card.card--wide .cta-wrapper {
    text-align: right; }
  .card.card--wide.card--align-price-link .cta-wrapper {
    height: 46px;
    display: flex;
    align-items: center; }
  .card.card--wide.card--align-price-link .variant-price--vertical {
    display: block; }
    .card.card--wide.card--align-price-link .variant-price--vertical .data {
      margin-right: 5px; }
  .card.card--vehicle-sold .img-wrapper {
    position: relative; }
    .card.card--vehicle-sold .img-wrapper:before {
      content: 'Sold';
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      text-transform: uppercase;
      font-weight: bold;
      background-color: rgba(0, 0, 0, 0.4);
      font-size: 3em;
      z-index: 1; }
  .card.card--vehicle-empty {
    background-color: #ffffff; }
    .card.card--vehicle-empty .card-main {
      padding: 0; }
    .card.card--vehicle-empty .body-wrapper {
      padding-bottom: 75%;
      order: -1;
      position: relative;
      margin: 0; }
    .card.card--vehicle-empty .title, .card.card--vehicle-empty autoconvertep form .sub-title, autoconvertep form .card.card--vehicle-empty .sub-title, .card.card--vehicle-empty
    partexchangeep form .sub-title,
    partexchangeep form .card.card--vehicle-empty .sub-title {
      color: #AAA9AB;
      padding: 0 20px; }
    .card.card--vehicle-empty .icon {
      color: #e8e8e8;
      font-size: 56px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .card.card--vehicle-empty.card--medium .body-wrapper, .card.card--vehicle-empty.card--wide .body-wrapper {
      padding-bottom: 40%; }

a.card {
  position: relative;
  top: 0;
  transition: 0.2s all ease-in; }
  a.card, a.card:visited, a.card:hover, a.card:active {
    color: #333333; }
  a.card:not(.card--light) {
    box-shadow: 0 0 5px #ddd; }
  a.card:after {
    content: '';
    position: absolute;
    z-index: 1;
    height: 5px;
    bottom: -5px;
    left: 0;
    right: 0;
    background: #2faf7b;
    transition: 0.2s bottom ease-in; }
  a.card .cta-wrapper {
    pointer-events: none; }

.similar-cars .card {
  margin-bottom: 10px; }
  .similar-cars .card .only-desktop {
    display: none; }
    .similar-cars .card .only-desktop-button {
      display: none; }
  .similar-cars .card .card-screen-wrapper {
    flex-grow: 1; }
@media (min-width: 30em) {
  .similar-cars .card.card--wide .card-main {
        align-items: baseline; }
      .similar-cars .card.card--medium .card-main, .similar-cars .card.card--wide .card-main {
        justify-content: space-between; }
}
@media (min-width: 47.5em) {
  .similar-cars .card.card--medium .card-main, .similar-cars .card.card--wide .card-main {
        justify-content: space-between; }
}
@media (min-width: 76.875em) {
  .similar-cars .card {
        height: 190px; }
        .similar-cars .card.card--medium .card-main > *, .similar-cars .card.card--wide .card-main > * {
          margin: 0; }
        .similar-cars .card .card-main {
          padding: 20px; }
        .similar-cars .card .card-top {
          flex-basis: 30%; }
        .similar-cars .card .img-wrapper > div {
          padding-bottom: 75% !important; }
        .similar-cars .card .img-info {
          display: none; }
        .similar-cars .card .cta-wrapper {
          display: none; }
        .similar-cars .card .variant-price.variant-price--vertical {
          flex-direction: row;
          align-items: baseline; }
        .similar-cars .card .only-desktop {
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          justify-content: space-around; }
          .similar-cars .card .only-desktop-button {
            display: block;
            width: 100%;
            text-align: right;
            vertical-align: bottom; }
        .similar-cars .card .card-screen-wrapper {
          display: flex;
          justify-content: space-between; }
        .similar-cars .card .card-gear_info {
          flex-basis: 60%;
          justify-content: flex-start; }
}
.card-gear_info {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 150px;
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
  font-weight: 700; }
  .card-gear_info > div {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin: 5px 0;
    text-transform: capitalize; }
    .card-gear_info > div .icon {
      margin-right: 10px;
      font-size: 20px; }
  .card-gear_info .inc_icon {
    margin-left: -5px; }

.trustpilot-widget {
  padding-top: 20px; }

.accord {
  display: flex;
  flex-direction: column;
  border-top: 5px solid #F9F9F9;
  padding: 0 10px;
  overflow: hidden; }
@media (max-width: 47.49em) {
  .accord {
        padding: 0; }
}
.accord:last-of-type {
    border-bottom: 5px solid #F9F9F9; }
@media (max-width: 61.865em) {
  .accord a {
        display: none; }
}
.accord.open .content {
    height: auto; }
  .accord.open h5 .icon {
    transform: rotate(180deg);
    color: #2faf7b; }
@media (max-width: 61.865em) {
  .accord.open a {
        display: block; }
}
.accord h5 {
    display: flex;
    align-items: center;
    height: 56px;
    margin: 0;
    cursor: pointer; }
    .accord h5 .icon {
      margin-right: 5px;
      transition: transform 0.5s; }
  .accord .content {
    height: 0; }
@media (max-width: 47.49em) {
  .wide-border {
      margin-right: -20px;
      margin-left: -20px; }
}
.details-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
@media (max-width: 61.865em) {
  .details-wrapper {
        display: block; }
}
@media (max-width: 47.49em) {
  .details-wrapper {
        padding: 0 15px; }
}
.details-header {
  font-size: 18px;
  font-weight: bold;
  margin-left: 12px; }

.details-description {
  margin-top: 18px; }
@media (max-width: 47.49em) {
  .details-description {
        padding: 0 15px; }
}
.details-title {
  font-size: 27px;
  font-weight: bold;
  margin: 30px 0;
  text-align: center; }
@media (min-width: 61.875em) {
  .details-title {
        text-align: left; }
}
.performance-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px; }
  .performance-box .performance {
    flex: 1 1 33%;
    margin-bottom: 30px;
    padding-right: 15px; }
@media (max-width: 76.865em) {
  .performance-box .performance {
          flex: 1 1 50%; }
}
@media (max-width: 61.865em) {
  .performance-box .performance {
          flex: 1 1 100%; }
}
@media (max-width: 47.49em) {
  .performance-box .performance {
          flex: 1 1 100%;
          padding: 0 15px; }
}
.performance-box .performance .performance-title:first-child {
      border-bottom: 1px solid #2faf7b;
      font-size: 18px;
      text-transform: capitalize;
      font-weight: bold;
      padding-bottom: 10px;
      margin-bottom: 10px; }
    .performance-box .performance .performance-details {
      margin-top: 20px; }
      .performance-box .performance .performance-details .specific-detail {
        background-color: #f6f6f6;
        padding: 10px;
        border-radius: 5px;
        font-size: 18px;
        font-weight: bold; }
    .performance-box .performance:last-child .performance-details .specific-detail {
      box-shadow: inset 0 0 0 2px #f6f6f6;
      background: #ffffff;
      border-radius: 5px;
      color: #2faf7b;
      letter-spacing: 1px; }

.fuel-economy-box p {
  margin: 0; }

.fuel-economy-box .header-text {
  margin-left: 28px;
  font-size: 18px;
  font-weight: bold;
  text-transform: capitalize; }

.fuel-economy-box .fuel-economy .fuel-economy_details {
  margin-top: 30px; }
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_title, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_other-title {
    border-bottom: 1px solid #2faf7b;
    font-size: 18px;
    font-weight: bold;
    padding: 9px 28px;
    background-color: #e4f6f0;
    border-top: 1px solid #2faf7b;
    margin-top: 20px; }
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description {
    display: flex;
    justify-content: space-between;
    align-items: center;
    letter-spacing: .4px; }
@media (max-width: 47.49em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description {
          flex-direction: column-reverse; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_wide, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table {
      width: 80%;
      background-color: #f6f6f6;
      padding: 23px 28px; }
      .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_anotation {
        width: 80%;
        background-color: #f6f6f6;
        padding: 5px 28px;
        font-size: 10px;
        letter-spacing: .4px; }
@media (max-width: 47.49em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_anotation {
              width: 100%; }
}
@media (max-width: 47.49em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_wide, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table {
            width: 100%; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_wide {
      width: 100%;
      background-color: #ffffff; }
    .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .dioxide_column {
      padding: 23px 28px;
      background-color: #f6f6f6;
      width: 70%; }
@media (max-width: 47.49em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .dioxide_column {
            padding: 0px 28px 28px 23px;
            background-color: #ffffff;
            width: 100%; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table {
      width: 100%;
      background-color: #f9f9f9;
      display: flex;
      flex-wrap: wrap;
      padding: 23px 28px;
      margin-bottom: 15px;
      border-radius: 4px; }
@media (max-width: 47.49em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table {
            margin-bottom: 0;
            border-radius: 0; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .environment, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .environment {
        flex: 1 1 50%;
        margin-bottom: 30px;
        padding-right: 15px; }
@media (max-width: 76.865em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .environment, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .environment {
              flex: 1 1 50%; }
}
@media (max-width: 61.865em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .environment, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .environment {
              flex: 1 1 50%; }
}
@media (max-width: 47.49em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .environment, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .environment {
              flex: 1 1 100%; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .environment .environment-title, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .environment .environment-title {
          border-bottom: 1px solid #2faf7b;
          font-size: 18px;
          text-transform: capitalize;
          font-weight: bold;
          padding-bottom: 10px;
          margin-bottom: 10px; }
        .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .environment .environment-details, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .environment .environment-details {
          font-size: 18px;
          padding-top: 10px; }
      .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .cpcty, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .cpcty {
        margin-bottom: 0px; }
@media (max-width: 47.49em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .cpcty, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .cpcty {
              margin-bottom: 30px; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .trnsm, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .trnsm {
        margin-bottom: 0px; }
@media (max-width: 76.865em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .trnsm, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .trnsm {
              margin-bottom: 0px; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .consumption, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .consumption {
        flex: 1 1 33%;
        padding-right: 15px; }
@media (max-width: 76.865em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .consumption, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .consumption {
              flex: 1 1 100%; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .consumption .consumption-title, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .consumption .consumption-title {
          font-size: 16px;
          text-transform: capitalize;
          font-weight: bold;
          padding-bottom: 10px; }
        .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .consumption .no-data, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .consumption .no-data {
          font-size: 12px;
          opacity: .7; }
      .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .consumption-detail, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .consumption-detail, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .consumption-detail_last, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .consumption-detail_last {
        margin-bottom: 14px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #dedede;
        padding-bottom: 7px; }
        .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .consumption-detail span, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .consumption-detail span, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .consumption-detail_last span, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .consumption-detail_last span {
          font-weight: bold; }
      .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .consumption-detail_last, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .consumption-detail_last {
        margin-bottom: 0; }
@media (max-width: 47.49em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .consumption-detail_last, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .consumption-detail_last {
              margin-bottom: 0px; }
}
@media (max-width: 61.865em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .consumption-detail_last, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .consumption-detail_last {
              margin-bottom: 20px; }
}
@media (max-width: 76.865em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .consumption-detail_last, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .consumption-detail_last {
              margin-bottom: 20px; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .combined, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .combined {
        margin-bottom: 0; }
@media (max-width: 61.865em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .text-column_table .combined, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table .combined {
              margin-bottom: 0; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .consumption_table {
      margin-top: 0px;
      margin-bottom: 0; }
    .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .price-column, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .price-column_dioxide {
      width: 20%;
      display: flex;
      justify-content: center; }
@media (max-width: 47.49em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .price-column, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .price-column_dioxide {
            width: 100%;
            padding: 20px 0; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .price-column .specific-price, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .price-column_dioxide .specific-price, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .price-column .specific-price_dioxide, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .price-column_dioxide .specific-price_dioxide {
        box-shadow: inset 0 0 0 2px #e8e8e8;
        background: #ffffff;
        border-radius: 5px;
        color: #2faf7b;
        font-size: 18px;
        font-weight: bold;
        padding: 10px;
        letter-spacing: 1px; }
      .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .price-column .specific-price_dioxide, .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .price-column_dioxide .specific-price_dioxide {
        background-color: #f6f6f6;
        box-shadow: inset 0 0 0 2px #f6f6f6;
        color: #003456; }
    .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .price-column_dioxide {
      width: 30%; }
@media (max-width: 47.49em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_description .price-column_dioxide {
            width: 100%; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_diagram {
    display: flex;
    justify-content: space-between;
    align-items: center;
    letter-spacing: .4px; }
    .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_diagram .text-column_diagram {
      padding: 23px 83px;
      width: 70%;
      background-color: #f6f6f6; }
@media (max-width: 47.49em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_diagram .text-column_diagram {
            padding: 23px 0px 23px 83px;
            width: 80%; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_diagram .text-column_match {
      width: 100%;
      padding: 0 20px 0 30px; }
@media (max-width: 47.49em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_diagram .text-column_match {
            width: 100%;
            padding: 0 0 0 30px; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_diagram .price-column_match {
      width: 30%;
      display: flex;
      justify-content: center; }
  .fuel-economy-box .fuel-economy .fuel-economy_details .driven-cycle {
    margin: 16px 0px 16px 28px;
    font-weight: bold; }
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy_other-title {
    border-top: none;
    margin-top: 0; }
  .fuel-economy-box .fuel-economy .fuel-economy_details .fuel-economy-information {
    padding: 0 28px 15px;
    text-align: center;
    margin-bottom: 15px;
    background-color: #f9f9f9; }
  .fuel-economy-box .fuel-economy .fuel-economy_details .carbon-table {
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #2faf7b;
    border-top: 1px solid #2faf7b;
    background-color: #f6f6f6;
    padding: 20px 0;
    margin-bottom: 20px; }
@media (max-width: 47.49em) {
  .fuel-economy-box .fuel-economy .fuel-economy_details .carbon-table {
          border-top: none; }
}
.fuel-economy-box .fuel-economy .fuel-economy_details .carbon-table .carbon-item {
      justify-content: center;
      align-items: center; }
      .fuel-economy-box .fuel-economy .fuel-economy_details .carbon-table .carbon-item span {
        display: block; }

.no-cars_massage {
  text-align: center; }
  .no-cars_massage p {
    font-weight: bold; }
  .no-cars_massage a {
    font-weight: normal;
    margin-bottom: 10px; }

.usp-table {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center; }
@media (max-width: 47.49em) {
  .usp-table {
        flex-wrap: wrap; }
}
.usp-item {
  width: 100%;
  margin: 10px;
  display: flex;
  border-radius: 5px;
  justify-content: center; }

.usp-success-icon {
  text-align: center;
  justify-content: space-around;
  margin: 5% 5% 5% 5%;
  font-size: 40px; }

.usp-icon-tick {
  font-size: 21px; }

.usp-text-display-block {
  text-align: center;
  justify-content: space-around; }

.usp-message-title {
  font-weight: 700;
  margin-bottom: 2%;
  font-size: 95%; }

.usp-message-body {
  font-size: 80%; }

.class-a_plus_plus, .class-a_plus, .class-a, .class-b, .class-c, .class-d, .class-e {
  position: relative;
  display: block;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3px;
  line-height: 18px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 700; }
  .class-a_plus_plus::after, .class-a_plus::after, .class-a::after, .class-b::after, .class-c::after, .class-d::after, .class-e::after {
    content: '';
    top: 0;
    position: absolute;
    left: 100%;
    border: 20px solid transparent;
    border-left: 16px solid #fbb900; }

.quality_classes_match, .match-a_plus_plus {
  position: relative;
  display: block;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3px;
  line-height: 18px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 700; }
  .quality_classes_match::before, .match-a_plus_plus::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 16px solid #333333;
    border-bottom: 20px solid transparent; }

.class-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  line-height: 15px; }

.before-class, .class-a_plus_plus::before, .class-a_plus::before, .class-a::before, .class-b::before, .class-c::before, .class-d::before, .class-e::before {
  content: '';
  white-space: pre;
  border-left-color: #1db436;
  position: absolute;
  right: 100%;
  color: black;
  padding-right: 5px; }

.class-a_plus_plus {
  width: 37%;
  background-color: #00b177;
  border-color: #00b177; }
@media (max-width: 47.49em) {
  .class-a_plus_plus {
        width: 29%; }
}
.class-a_plus_plus::after {
    border-left-color: #00b177; }
  .class-a_plus_plus::before {
    content: '<=100';
    border-left-color: #00b177; }

.class-a_plus {
  width: 41%;
  background-color: #1db436;
  border-color: #1db436; }
@media (max-width: 47.49em) {
  .class-a_plus {
        width: 41%; }
}
.class-a_plus::after {
    border-left-color: #1db436; }
  .class-a_plus::before {
    content: '101-110 \a' '111-120';
    border-left-color: #1db436; }

.class-a {
  width: 45%;
  background-color: #bdd342;
  border-color: #bdd342; }
@media (max-width: 47.49em) {
  .class-a {
        width: 49%; }
}
.class-a::after {
    border-left-color: #bdd342; }
  .class-a::before {
    content: '121-130 \a' '131-140';
    border-left-color: #bdd342; }

.class-b {
  width: 49%;
  background-color: #ffe731;
  border-color: #ffe731; }
@media (max-width: 47.49em) {
  .class-b {
        width: 59%; }
}
.class-b::after {
    border-left-color: #ffe731; }
  .class-b::before {
    content: '141-150 \a' '151-165';
    border-left-color: #ffe731; }

.class-c {
  width: 53%;
  background-color: #fbb900;
  border-color: #fbb900; }
@media (max-width: 47.49em) {
  .class-c {
        width: 69%; }
}
.class-c::after {
    border-left-color: #fbb900; }
  .class-c::before {
    content: '166-175 \a' '176-185';
    border-left-color: #fbb900; }

.class-d {
  width: 57%;
  background-color: #fb8800;
  border-color: #fb8800; }
@media (max-width: 47.49em) {
  .class-d {
        width: 79%; }
}
.class-d::after {
    border-left-color: #fb8800; }
  .class-d::before {
    content: '186-200 \a' '201-225';
    border-left-color: #fb8800; }

.class-e {
  width: 62%;
  background-color: #e30613;
  border-color: #e30613; }
@media (max-width: 47.49em) {
  .class-e {
        width: 89%; }
}
.class-e::after {
    border-left-color: #e30613; }
  .class-e::before {
    content: '226-255 \a' '256+';
    border-left-color: #e30613; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .before-class, .class-a_plus_plus::before, .class-a_plus::before, .class-a::before, .class-b::before, .class-c::before, .class-d::before, .class-e::before {
      content: '';
      white-space: pre;
      border-left-color: #1db436;
      position: absolute;
      right: 100%;
      color: black;
      padding-right: 5px;
      top: 12%; }
    .class-a_plus_plus::before {
      content: '<=100';
      border-left-color: #00b177; }
    .class-a_plus::before {
      content: '101-110 \a' '111-120';
      border-left-color: #1db436; }
    .class-a::before {
      content: '121-130 \a' '131-140';
      border-left-color: #bdd342; }
    .class-b::before {
      content: '141-150 \a' '151-165';
      border-left-color: #ffe731; }
    .class-c::before {
      content: '166-175 \a' '176-185';
      border-left-color: #fbb900; }
    .class-d::before {
      content: '186-200 \a' '201-225';
      border-left-color: #fb8800; }
    .class-e::before {
      content: '226-255 \a' '256+';
      border-left-color: #e30613; }
}
.match-a_plus_plus {
  width: 100%;
  background-color: #333333;
  border-color: #333333;
  display: flex; }
  .match-a_plus_plus::before {
    top: 0;
    border-left-color: #333333; }

.indicator-match_text {
  font-size: 16px; }
@media (max-width: 47.49em) {
  .indicator-match_text {
        font-size: 13px; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .indicator-match_text {
      font-size: 16px;
      margin-right: 40%; }
}
@media screen and (-ms-high-contrast: active) and (max-width: 47.49em), (-ms-high-contrast: none) and (max-width: 47.49em) {
  .indicator-match_text {
        font-size: 13px; }
}
.indicator-match_km {
  font-size: 18px;
  margin-right: 6px; }
@media (max-width: 47.49em) {
  .indicator-match_km {
        font-size: 13px; }
}
.indicator-match_km span {
    font-size: 12px;
    font-weight: 100;
    margin-left: 5px; }
@media (max-width: 47.49em) {
  .indicator-match_km span {
          margin-left: 0;
          display: block; }
}
@media (max-width: 479px) {
  .onfido-sdk-ui-Modal-inner {
      width: 90% !important;
      height: 85% !important; }
}
@media (max-width: 330px) {
  #page-title {
      display: none !important; }
    .onfido-sdk-ui-Modal-inner {
      height: 90% !important; }
    .onfido-sdk-ui-Confirm-captures {
      height: 68% !important; }
}
.onfido-sdk-ui-crossDevice-CrossDeviceLink-linkText {
  margin: 0;
  padding: 0; }

.form-employment__salary input[name="salary"] {
  padding-left: 30px; }

.form-employment__salary label[data-name="salary"]:before {
  bottom: 0;
  content: '£';
  left: 16px;
  line-height: 44px;
  position: absolute;
  z-index: 1; }

.finance-calculator__spinner {
  height: 50px;
  width: 50px;
  margin: 50px auto;
  background-size: 50px 50px; }

.finance-calculator__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.1); }
@media (max-width: 61.865em) {
  .finance-calculator__form {
        -webkit-box-orient: vertical;
        -webkit-box-orient: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto;
        box-shadow: none; }
}
.finance-calculator__form-input {
    display: flex;
    flex: 1;
    padding: 10px 0 0; }
    .finance-calculator__form-input_last {
      justify-content: flex-end; }
    .finance-calculator__form-input:first-child {
      margin-right: 0; }
  .finance-calculator__form .form-input-text-label {
    position: relative;
    width: 100%;
    padding: 10px 15px;
    background-color: transparent;
    transition: all 0.3s ease-in-out; }
    .finance-calculator__form .form-input-text-label .form-label-title {
      font-weight: bold;
      transition: all 0.3s ease-in-out; }
    .finance-calculator__form .form-input-text-label:first-child {
      padding-right: 15px;
      padding-left: 30px; }
@media (max-width: 61.865em) {
  .finance-calculator__form .form-input-text-label:first-child {
            padding: 10px 20px; }
}
.finance-calculator__form .form-input-text-label:last-child {
      padding-right: 30px;
      padding-left: 15px; }
@media (max-width: 61.865em) {
  .finance-calculator__form .form-input-text-label:last-child {
            padding: 10px 20px; }
}
.finance-calculator__form .form-input-text-label:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      background: transparent;
      transition: all 0.3s ease-in-out; }
    .finance-calculator__form .form-input-text-label.error-form-label {
      background-color: #fce5e8; }
      .finance-calculator__form .form-input-text-label.error-form-label .form-label-title {
        color: #da001b; }
      .finance-calculator__form .form-input-text-label.error-form-label .finance-calculator__form-currency {
        background: #da001b; }
      .finance-calculator__form .form-input-text-label.error-form-label:before {
        background: #da001b;
        width: 10px; }
  .finance-calculator__form .tap-buttons-wrapper {
    width: 100%;
    padding-top: 10px; }
  .finance-calculator__form .tap-buttons-title {
    font-weight: bold;
    padding-left: 30px; }
@media (max-width: 61.865em) {
  .finance-calculator__form .tap-buttons-title {
          padding-left: 20px; }
}
.finance-calculator__form .tap-buttons-list {
    display: flex;
    margin-top: 10px; }
@media (max-width: 61.865em) {
  .finance-calculator__form .tap-buttons-list {
          margin-top: 0; }
}
@media (max-width: 47.49em) {
  .finance-calculator__form .tap-buttons-list {
          -webkit-box-orient: vertical;
          -webkit-box-orient: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
}
.finance-calculator__form .tap-buttons-list__item {
      max-width: calc(50% - 30px - 15px);
      min-height: 52px;
      flex: 1;
      margin: 0 30px; }
@media (max-width: 61.865em) {
  .finance-calculator__form .tap-buttons-list__item {
            margin: 20px 20px 0;
            max-width: 100%; }
}
.finance-calculator__form .tap-buttons-list__item:first-child {
        margin-right: 0; }
@media (max-width: 61.865em) {
  .finance-calculator__form .tap-buttons-list__item:first-child {
              margin: 20px 20px 0; }
}
.finance-calculator__form .tap-buttons-list__item-label {
        cursor: pointer;
        display: flex;
        position: relative;
        width: 100%;
        height: 100%;
        max-height: 52px;
        min-height: 52px;
        padding: 10px;
        border: 2px solid #0887a6;
        background: #f8f8f8;
        border-radius: 3px;
        margin-top: 0;
        margin-bottom: 0;
        align-items: center;
        transition: all 0.3s ease-in-out; }
        .finance-calculator__form .tap-buttons-list__item-label:hover .checkmark:after {
          opacity: .5;
          background-color: #0887a6; }
        .finance-calculator__form .tap-buttons-list__item-label__text {
          padding-left: 46px;
          font-size: 16px;
          line-height: 19px; }
      .finance-calculator__form .tap-buttons-list__item-input {
        margin: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        right: 0;
        bottom: 0;
        border-radius: 3px;
        box-shadow: none;
        background: transparent;
        cursor: pointer;
        opacity: 0; }
      .finance-calculator__form .tap-buttons-list__item .checkmark {
        display: block;
        position: absolute;
        left: 22px;
        height: 21px;
        width: 21px;
        background-color: #FFF;
        border-radius: 50%;
        border: 1px solid #999;
        pointer-events: none; }
        .finance-calculator__form .tap-buttons-list__item .checkmark:after {
          content: '';
          display: block;
          margin-top: 3px;
          margin-left: 3px;
          width: 13px;
          height: 13px;
          border-radius: 100%;
          opacity: 0;
          transition: all 0.3s ease-in-out; }
      .finance-calculator__form .tap-buttons-list__item.active .tap-buttons-list__item-label {
        background: #0887a6;
        color: #FFF; }
      .finance-calculator__form .tap-buttons-list__item.active .checkmark {
        border: 1px solid #0887a6; }
        .finance-calculator__form .tap-buttons-list__item.active .checkmark:after {
          opacity: 1;
          background-color: #0887a6; }
  .finance-calculator__form-currency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-orient: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 52px;
    background: #0887a6;
    color: #FFF;
    font-weight: bold;
    border-radius: 3px 0 0 3px;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    transition: all 0.3s ease-in-out; }

.finance-calculator__inputs {
  padding: 10px 0 30px;
  flex: 2;
  background: #FFF; }

.finance-calculator__row {
  display: flex; }
  .finance-calculator__row:first-child {
    padding-top: 10px; }
@media (max-width: 61.865em) {
  .finance-calculator__row {
        -webkit-box-orient: vertical;
        -webkit-box-orient: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
}
.finance-calculator__row .form-input-text-label {
    position: relative; }
    .finance-calculator__row .form-input-text-label select, .finance-calculator__row .form-input-text-label input {
      height: 52px;
      position: relative;
      width: 100%;
      border: 2px solid #0887a6;
      border-radius: 3px;
      color: #333;
      font-size: 16px;
      margin-top: 10px;
      background-size: contain; }
    .finance-calculator__row .form-input-text-label select {
      background-image: url('/sites/buyacar/themes/buyacar/images/svgs/arrow-down.svg');
      background-size: 9px;
      background-position: calc(100% - 15px) center; }
    .finance-calculator__row .form-input-text-label input[type=number] {
      width: calc(100% - 50px);
      margin-left: 50px;
      border-radius: 0 3px 3px 0;
      border: 2px solid #0887a6;
      transition: all 0.3s ease-in-out;
      -moz-appearance: textfield; }
      .finance-calculator__row .form-input-text-label input[type=number]::-webkit-inner-spin-button, .finance-calculator__row .form-input-text-label input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      .finance-calculator__row .form-input-text-label input[type=number].error-form-border {
        border: 2px solid #da001b !important; }

.finance-calculator__result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-orient: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex: 1;
  color: #FFF;
  background: #213846;
  padding: 0 30px; }
@media (max-width: 61.865em) {
  .finance-calculator__result {
        padding: 30px 20px; }
}
.finance-calculator__result-error {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding-bottom: 55px; }
  .finance-calculator__result-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    margin: 0; }
  .finance-calculator__result-price {
    position: relative;
    margin: 24px 0 0;
    font-size: 48px;
    font-weight: bold;
    line-height: 58px; }
    .finance-calculator__result-price_currency {
      position: absolute;
      top: 10px;
      left: -20px;
      font-size: 14px;
      line-height: 17px; }
    .finance-calculator__result-price:after {
      content: '';
      display: block;
      position: absolute;
      height: 14px;
      width: 118px;
      left: 50%;
      transform: translateX(-50%);
      bottom: -13px;
      background: url('/sites/buyacar/themes/buyacar/images/svgs/underline.svg') center center no-repeat; }
  .finance-calculator__result-text {
    font-size: 14px;
    line-height: 17px;
    padding-top: 13px;
    margin: 0; }
    .finance-calculator__result-text_first {
      padding-top: 29px; }

.finance-calculator__button {
  max-width: 335px;
  width: 100%;
  cursor: pointer;
  padding: 15px 0 18px;
  color: #FFF;
  border-radius: 3px;
  background-color: #F40057;
  border: none;
  outline: none;
  margin-top: 23px;
  opacity: 1;
  transition: all 0.3s ease-in-out; }
  .finance-calculator__button.disabled {
    pointer-events: none;
    opacity: .6; }
  .finance-calculator__button-text {
    font-size: 18px;
    line-height: 21px;
    margin: 0; }
  .finance-calculator__button-subtext {
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    margin-top: 10px; }

.finance-calculator__link {
  cursor: pointer;
  color: #0887a6 !important;
  font-size: 12px;
  line-height: 14px;
  text-align: right;
  text-decoration: underline !important; }

.finance-calculator__modal .modal {
  overflow-y: visible !important;
  overflow: visible; }

.finance-calculator__modal .close-button {
  font-size: 18px !important;
  color: #FFF;
  background: #0887a6;
  width: 48px !important;
  height: 48px !important;
  top: -48px !important; }

.finance-calculator__modal-title {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  margin: 28px 0 15px; }

.finance-calculator__modal-text {
  color: #676767;
  font-size: 14px;
  line-height: 17px;
  margin: 15px 0 0 0; }
  .finance-calculator__modal-text_bold {
    font-weight: bold;
    margin: 0; }

#reset-password-block {
  padding: 14px 0 150px; }
@media (min-width: 59.375em) {
  #reset-password-block {
        padding: 48px 0 180px; }
}
#reset-password-block .block-heading {
    height: 180px;
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 86px;
    padding-top: 140px;
    color: #222a32;
    font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: .54px;
    line-height: 41px;
    text-align: center;
    background-image: url("/sites/buyacar/modules/custom/buyacar_js/js/react/src/assets/svg/reset_pass_icon.svg");
    background-repeat: no-repeat;
    background-size: 113px 115px;
    background-position: left calc(50% + 5px) top 0; }
@media (min-width: 59.375em) {
  #reset-password-block .block-heading {
          height: 210px;
          padding-top: 168px;
          background-size: 141px 143px;
          margin-bottom: 70px;
          font-size: 30px;
          letter-spacing: .64px; }
}
#reset-password-block .reset-form {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 50px; }
@media (min-width: 59.375em) {
  #reset-password-block .reset-form {
          margin-bottom: 100px; }
}
#reset-password-block .reset-form-label {
      color: #333333;
      font-size: 16px;
      letter-spacing: .34px;
      line-height: 20px; }
    #reset-password-block .reset-form-input {
      margin: 10px 0 20px; }
    #reset-password-block .reset-form-button {
      width: 100%;
      letter-spacing: .34px; }
    #reset-password-block .reset-form-error {
      line-height: 22px;
      color: #f40057;
      letter-spacing: .34px;
      text-align: left;
      border: 1px solid #f40057;
      padding: .25em .5em;
      margin-bottom: 20px; }
  #reset-password-block .reset-instructions {
    max-width: 700px;
    margin: 0 auto;
    font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 16px;
    letter-spacing: .34px;
    line-height: 22px;
    text-align: center; }
    #reset-password-block .reset-instructions-tel {
      font-weight: 700;
      color: #333333; }
    #reset-password-block .reset-instructions-email {
      text-decoration: underline; }
  #reset-password-block .reset-form-succses-message {
    max-width: 775px;
    margin: 0 auto;
    margin-bottom: 100px;
    font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 16px;
    letter-spacing: .34px; }
    #reset-password-block .reset-form-succses-message-heading {
      margin: 0 0 40px;
      color: #222a32;
      text-align: center; }
    #reset-password-block .reset-form-succses-message-info {
      border: 1px solid #00B67A;
      padding: .25em .5em; }
      #reset-password-block .reset-form-succses-message-info-text {
        color: #00B67A;
        letter-spacing: .34px; }
      #reset-password-block .reset-form-succses-message-info-link {
        color: #00B67A;
        font-weight: 700;
        cursor: pointer; }
        #reset-password-block .reset-form-succses-message-info-link:hover {
          text-decoration: underline; }
      #reset-password-block .reset-form-succses-message-info .authentication-link {
        display: none; }
  #reset-password-block .reset-password-block-loader {
    height: 50px;
    width: 50px;
    margin: 0 auto;
    background-size: 50px 50px; }

#pid-account-reset-password .page-main-area h1 {
  display: none; }

.homepage-banner__plate {
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 90px; }
@media (max-width: 47.49em) {
  .homepage-banner__plate {
        text-align: center;
        max-width: inherit;
        padding-top: 30px; }
}
.homepage-banner__background {
  background-image: url("/sites/buyacar/themes/buyacar/images/homepage-banner/homepage-banner-back.png");
  background-repeat: no-repeat;
  background-position: 75% 0px;
  background-size: cover;
  position: absolute;
  top: 0;
  height: 630px;
  z-index: 1; }
@media (max-width: 61.865em) {
  .homepage-banner__background {
        margin-left: -20px;
        margin-right: -20px;
        width: 100vw;
        padding-left: 0;
        padding-right: 0; }
}
@media (min-width: 61.875em) {
  .homepage-banner__background {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .homepage-banner__background {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  .homepage-banner__background > * {
          display: block;
          float: none;
          margin-left: auto;
          margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  .homepage-banner__background > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  .homepage-banner__background > * {
          width: 1190px; }
}
@media (min-width: 21.25em) and (max-width: 34.3125em) {
  .homepage-banner__background {
        background-position: 75% 0%; }
}
@media (min-width: 34.375em) and (max-width: 47.4375em) {
  .homepage-banner__background {
        background-position: 75% 40%;
        background-size: 250%; }
}
@media (min-width: 47.5em) {
  .homepage-banner__background {
        background-size: cover; }
}
@media (min-width: 47.5em) and (max-width: 61.865em) {
  .homepage-banner__background {
        background-position: center 0px; }
}
@media (min-width: 61.875em) and (max-width: 76.865em) {
  .homepage-banner__background {
        background-position: center 0px; }
}
@media (min-width: 76.875em) and (max-width: 98.375em) {
  .homepage-banner__background {
        background-position: center -100px; }
}
@media (min-width: 98.4375em) and (max-width: 112.4375em) {
  .homepage-banner__background {
        background-position: center -150px; }
}
@media (min-width: 112.5em) and (max-width: 118.6875em) {
  .homepage-banner__background {
        background-position: center -200px; }
}
@media (min-width: 118.75em) and (max-width: 124.9375em) {
  .homepage-banner__background {
        background-position: center -230px; }
}
@media (min-width: 125em) and (max-width: 136.1875em) {
  .homepage-banner__background {
        background-position: center -250px; }
}
@media (min-width: 136.25em) and (max-width: 156.1875em) {
  .homepage-banner__background {
        background-position: center -300px; }
}
@media (min-width: 156.25em) and (max-width: 187.4375em) {
  .homepage-banner__background {
        background-position: center -380px; }
}
@media (min-width: 187.5em) and (max-width: 218.6875em) {
  .homepage-banner__background {
        background-position: center -500px; }
}
@media (min-width: 218.75em) {
  .homepage-banner__background {
        background-position: center -620px; }
}
.homepage-banner__title {
  margin-bottom: 0px;
  font-size: 45px;
  line-height: 40px;
  color: #072A41;
  text-align: center;
  font-weight: 600; }
@media (max-width: 17.9375em) {
  .homepage-banner__title {
        font-size: 20px;
        line-height: 30px; }
}
@media (min-width: 18em) and (max-width: 22.4375em) {
  .homepage-banner__title {
        font-size: 25px;
        margin-bottom: 20px; }
}
@media (min-width: 22.5em) and (max-width: 47.49em) {
  .homepage-banner__title {
        max-width: inherit;
        margin: 40px auto 14px;
        font-size: 28px;
        line-height: 45px; }
}
@media (min-width: 47.5em) and (max-width: 61.865em) {
  .homepage-banner__title {
        font-size: 36px; }
}
.homepage-banner__subtitle {
  font-size: 18px;
  font-weight: 100;
  line-height: 24px;
  padding-top: 10x;
  margin-bottom: 0;
  color: #072A41;
  text-align: center; }
@media (max-width: 18.6875em) {
  .homepage-banner__subtitle {
        font-size: 13px; }
}
@media (min-width: 18.75em) and (max-width: 20em) {
  .homepage-banner__subtitle {
        font-size: 15px; }
}
@media (min-width: 47.5em) and (max-width: 61.865em) {
  .homepage-banner__subtitle {
        font-size: 18px;
        padding-top: 30px; }
}
@media (min-width: 61.875em) {
  .homepage-banner__subtitle {
        padding-top: 20px;
        font-size: 18px;
        line-height: 27px;
        padding-top: 30x; }
}
.homepage-banner__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  flex-direction: column; }
@media (min-width: 47.5em) {
  .homepage-banner__buttons {
        flex-direction: initial;
        padding-top: 40px; }
}
.homepage-banner__button {
  width: 264px;
  margin-left: 10px;
  box-sizing: border-box;
  border: 2px solid #F50057;
  border-radius: 5px;
  background-color: #F50057;
  height: 58px;
  cursor: pointer; }
  .homepage-banner__button-text {
    display: block;
    margin-top: -2px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px; }
  .homepage-banner__button-subtext {
    display: block;
    color: #F50057;
    font-size: 10px;
    line-height: 25px; }
  .homepage-banner__button_filled {
    color: white; }
@media (max-width: 47.49em) {
  .homepage-banner__button_filled {
          height: 44px;
          padding: 12px; }
}
.homepage-banner__button_bordered {
    background-color: #FFFFFF;
    padding: 11px 0;
    color: #F50057; }
    .homepage-banner__button_bordered .homepage-banner__button-subtext {
      padding-top: 0px; }
@media (max-width: 47.49em) {
  .homepage-banner__button {
        margin-left: 0;
        margin-top: 20px;
        min-width: inherit; }
}
.homepage-banner__button:first-child {
    margin-left: 0; }

.homepage-banner__trustpilot {
  position: absolute;
  width: 240px;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  margin-left: 7px; }
@media (min-width: 47.5em) {
  .homepage-banner__trustpilot {
        bottom: -20px; }
}
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.homepage-promo-background {
  display: flex;
  height: 110px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: -52px;
  margin-bottom: 40px;
  background-color: #F1FBFF; }
@media (min-width: 47.5em) {
  .homepage-promo-background {
        margin-top: -114px; }
}
.homepage-promo-banner {
  display: flex;
  margin-top: -132px;
  margin-bottom: 30px;
  color: #023145;
  text-align: left; }
@media (min-width: 47.5em) {
  .homepage-promo-banner {
        margin-top: -120px;
        margin-bottom: 50px; }
}
.homepage-promo-banner .icon {
    margin-right: 18px;
    background-size: 30x 30px;
    height: 78px;
    width: 68px; }
@media (min-width: 47.5em) {
  .homepage-promo-banner .icon {
          margin-right: 15px;
          background-size: 38x 38px;
          height: 50px;
          width: 40px; }
}
.homepage-promo-banner p {
    margin-top: 6px;
    margin-bottom: 6px;
    line-height: 18px;
    font-size: 14.2222222221px;
    font-weight: bold; }
@media (min-width: 47.5em) {
  .homepage-promo-banner p {
          margin-top: 6px;
          margin-bottom: 4px;
          line-height: 20px; }
}
.homepage-promo-banner span {
    color: #db004e; }
  .homepage-promo-banner #promo-link {
    text-decoration-line: underline;
    text-decoration-style: solid; }

#autoSite {
  padding: 20px 20px 30px;
  background: #f6f6f6;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8; }
@media (max-width: 61.865em) {
  #autoSite {
        margin-left: -20px;
        margin-right: -20px;
        width: 100vw;
        padding-left: 20px;
        padding-right: 20px; }
}
@media (min-width: 61.875em) {
  #autoSite {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0; }
}
@media only screen and (min-width: 61.875em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #autoSite {
        width: 1024px;
        margin-left: calc(50% - 512px); }
}
@media (min-width: 61.875em) {
  #autoSite > * {
          display: block;
          float: none;
          margin-left: auto;
          margin-right: auto; }
}
@media (min-width: 61.875em) and (min-width: 61.875em) {
  #autoSite > * {
          width: 950px; }
}
@media (min-width: 61.875em) and (min-width: 76.875em) {
  #autoSite > * {
          width: 1190px; }
}
@media (min-width: 45em) {
  #autoSite {
        padding-top: 26px; }
}
@media (min-width: 59.375em) {
  #autoSite {
        padding-top: 32px; }
}
#autoSite .autoSite-info {
    text-align: center;
    margin-bottom: 17px; }
@media (min-width: 59.375em) {
  #autoSite .autoSite-info {
          margin-bottom: 22px; }
}
#autoSite .autoSite-info-heading {
      margin: 0 auto;
      margin-bottom: 18px;
      font-size: 21px;
      color: #003454;
      font-weight: 700;
      line-height: 26px; }
@media (min-width: 45em) {
  #autoSite .autoSite-info-heading {
            font-size: 30px;
            line-height: 42px;
            margin-bottom: 26px; }
}
@media (min-width: 59.375em) {
  #autoSite .autoSite-info-heading {
            font-size: 36px;
            margin-bottom: 32px; }
}
#autoSite .autoSite-info-text {
      margin: 0 auto;
      font-size: 14.2222222221px;
      color: #333333; }
@media (min-width: 45em) {
  #autoSite .autoSite-info-text {
            font-size: 16px; }
}
@media (min-width: 59.375em) {
  #autoSite .autoSite-info-text {
            font-size: 17.5px; }
}
@media (min-width: 45em) {
  #autoSite .autoSite-companies {
        display: flex;
        align-items: center; }
        #autoSite .autoSite-companies-container {
          width: 33.3%;
          height: 120px;
          display: flex;
          justify-content: center;
          align-items: center; }
}
#autoSite .autoSite-companies-link {
    cursor: pointer;
    transition: all .2s ease-in-out; }
    #autoSite .autoSite-companies-link:hover {
      opacity: .8; }
  #autoSite .autoSite-companies-img {
    display: block;
    margin: 0 auto;
    height: auto; }
  #autoSite .autoSite-companies .dennis-logo {
    width: 120px; }
  #autoSite .autoSite-companies .aex-logo,
  #autoSite .autoSite-companies .carbuyer-logo {
    width: 185px; }
@media (max-width: 45em) {
  #autoSite .autoSite-companies .dennis-logo,
      #autoSite .autoSite-companies .aex-logo {
        margin-bottom: 30px; }
}
.other-details-form-preamble {
  background: #f6f6f6;
  padding: 1em;
  margin-bottom: 1em; }

.other-details-form-select-table {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .other-details-form-select-table .form-input-text-label {
    width: 100%; }

.other-details-form-input-select-dates {
  width: 100%;
  display: flex;
  border-radius: 5px;
  justify-content: center; }
  .other-details-form-input-select-dates label {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    position: relative;
    min-height: 40px;
    white-space: nowrap; }
  .other-details-form-input-select-dates select {
    display: block;
    width: 100%; }

.form--tooltip .form--tooltip__wrapper > span {
  right: 0;
  left: auto;
  transform: none;
  width: 300px; }

.other-details-form-select {
  display: block;
  float: none;
  width: 100%;
  outline: none;
  -webkit-appearance: none; }

.modal-container--react .overlay {
  position: fixed;
  z-index: 900;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-name: finance_existing_user_modal;
  cursor: pointer; }
  .modal-container--react .overlay--dark {
    background-color: rgba(0, 0, 0, 0.8); }

.modal-container--react .modal {
  position: fixed;
  z-index: 1000;
  top: 50%;
  left: 50%;
  max-width: 95%;
  max-height: 90%;
  padding: 0 20px 20px;
  background-color: #ffffff;
  transform: translate(-50%, -50%);
  overflow-y: auto; }
@media (min-width: 47.5em) {
  .modal-container--react .modal {
        max-width: 80%; }
}
@media (min-width: 61.875em) {
  .modal-container--react .modal {
        max-width: 60%; }
}
.modal-container--react .modal .close-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    line-height: 40px;
    font-size: 40px;
    cursor: pointer; }

.modal-container--react.modal--auth .modal {
  max-width: 375px;
  top: 10%;
  padding: 0;
  transform: translate(0);
  margin-left: -188px; }
@media (max-width: 47.49em) {
  .modal-container--react.modal--auth .modal {
        margin: 0;
        left: 0;
        width: 100%;
        top: 0;
        overflow: auto;
        max-height: 100%;
        max-width: 100%; }
}
@media (max-width: 47.49em) {
  .modal-container--react.modal--auth .overlay {
      display: none; }
}
.modal-container--react.modal--auth .close-button {
  background: url('/sites/buyacar/themes/buyacar/images/svgs/times-circle.svg') no-repeat;
  background-size: cover;
  color: transparent;
  font-size: 0;
  line-height: 0;
  width: 18px;
  height: 18px;
  right: 10px;
  top: 10px; }

.hero-image {
  background: url("/sites/buyacar/themes/buyacar/images/hero-image/responsive-hero-bg.png") center 100%;
  height: 575px;
  padding-top: 20px;
  position: relative;
  color: #214253; }
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .hero-image {
        background-image: url("/sites/buyacar/themes/buyacar/images/hero-image/responsive-hero-bg@2x.png");
        background-size: cover; }
}
@media (max-width: 61.875em) {
  .hero-image {
        background: url("/sites/buyacar/themes/buyacar/images/hero-image/portrait-background.png") center center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
        height: 700px;
        padding-top: 65px; }
}
@media (max-width: 61.875em) and (min--moz-device-pixel-ratio: 1.3), (max-width: 61.875em) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 61.875em) and (min-device-pixel-ratio: 1.3), (max-width: 61.875em) and (min-resolution: 1.3dppx) {
  .hero-image {
        background-image: url("/sites/buyacar/themes/buyacar/images/hero-image/portrait-background@2x.png");
        background-size: cover; }
}
@media (max-width: 61.875em) and (max-width: 21.875em) {
  .hero-image {
        height: 520px;
        padding-top: 25px; }
}
@media (max-width: 61.875em) and (min-width: 21.875em) and (max-width: 25em) {
  .hero-image {
        padding-top: 40px; }
}
.hero-image-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 50px; }
@media (max-width: 21.875em) {
  .hero-image-wrapper {
          padding-bottom: 15px; }
}
.hero-image-wrapper .breadcrumb {
      position: absolute;
      top: 0;
      z-index: 10;
      width: 1190px;
      align-self: center; }
@media (max-width: 61.875em) {
  .hero-image-wrapper .breadcrumb {
            width: 100%; }
}
.hero-image-container {
    text-align: center;
    height: 100%; }
@media (max-width: 61.875em) {
  .hero-image-container {
          padding: 0 25px; }
}
.hero-image-container::after, .hero-image-container::before {
      content: '';
      position: absolute;
      width: 387px;
      bottom: 0; }
@media (min-width: 21.875em) {
  .hero-image-container::before {
          background: url("/sites/buyacar/themes/buyacar/images/hero-image/car1.png") center center;
          height: 171px;
          left: 55px; }
}
@media (min-width: 21.875em) and (max-width: 61.875em) {
  .hero-image-container::before {
        left: -150px; }
}
@media (min-width: 21.875em) and (max-width: 39.375em) {
  .hero-image-container::before {
        left: -250px; }
}
@media (min-width: 21.875em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 21.875em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 21.875em) and (min-device-pixel-ratio: 1.3), (min-width: 21.875em) and (min-resolution: 1.3dppx) {
  .hero-image-container::before {
        background-image: url("/sites/buyacar/themes/buyacar/images/hero-image/car1@2x.png");
        background-size: 100% 100%; }
}
@media (min-width: 21.875em) {
  .hero-image-container::after {
          background: url("/sites/buyacar/themes/buyacar/images/hero-image/car2.png") center center;
          height: 148px;
          right: 55px;
          bottom: 17px; }
}
@media (min-width: 21.875em) and (max-width: 61.875em) {
  .hero-image-container::after {
        right: -150px; }
}
@media (min-width: 21.875em) and (max-width: 39.375em) {
  .hero-image-container::after {
        right: -250px; }
}
@media (min-width: 21.875em) and (min--moz-device-pixel-ratio: 1.3), (min-width: 21.875em) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 21.875em) and (min-device-pixel-ratio: 1.3), (min-width: 21.875em) and (min-resolution: 1.3dppx) {
  .hero-image-container::after {
        background-image: url("/sites/buyacar/themes/buyacar/images/hero-image/car2@2x.png");
        background-size: 100% 100%; }
}
.hero-image-title {
    font-weight: 700;
    font-size: 41.776px;
    max-width: 470px;
    margin: 0 auto;
    padding-top: 25px; }
@media (max-width: 61.875em) {
  .hero-image-title {
          font-size: 26.672px;
          padding-top: 0; }
}
.hero-image-options {
    display: flex;
    justify-content: space-between;
    padding: 30px 0; }
@media (max-width: 61.875em) {
  .hero-image-options {
          align-items: center;
          flex-direction: column;
          padding-bottom: 0; }
}
@media (max-width: 21.875em) {
  .hero-image-options {
          font-size: 16px;
          padding: 15px 0 0; }
}
.hero-image-option {
    align-items: center;
    display: flex;
    flex: 1;
    text-align: left;
    max-width: 355px; }
@media (max-width: 61.875em) {
  .hero-image-option {
          padding-bottom: 30px;
          position: relative; }
          .hero-image-option:not(:last-child)::before {
            content: '';
            position: absolute;
            background: url("/sites/buyacar/themes/buyacar/images/svgs/line-dash-red.svg") 100% no-repeat;
            bottom: 0;
            left: 20px;
            height: 24px;
            width: 24px; }
}
@media (max-width: 61.875em) {
  .hero-image-option--icon {
          height: 66px;
          width: 66px; }
}
@media (max-width: 61.875em) {
  .hero-image-option--content {
          padding-left: 15px; }
}
.hero-image-option--title {
      font-weight: 700;
      font-size: 22.208px; }
@media (max-width: 61.875em) {
  .hero-image-option--title {
            font-size: 17.776px; }
}
@media (max-width: 61.875em) {
  .hero-image-option--text {
          font-size: 14.2222222221px;
          max-width: 200px;
          line-height: 1em; }
}
@media (max-width: 21.875em) {
  .hero-image-option {
          padding-bottom: 20px; }
}
.hero-image-subTitle {
    font-weight: 700;
    margin: 0; }
@media (min-width: 21.875em) and (max-width: 61.875em) {
  .hero-image-subTitle {
          font-size: 26.672px; }
}
@media (max-width: 21.875em) {
  .hero-image-subTitle {
          font-size: 25px; }
}
.hero-image-control {
    cursor: pointer;
    height: 78px;
    width: 78px;
    margin: 0 auto;
    line-height: 1;
    background: none;
    border: none;
    padding: 0; }
    .hero-image-control svg:hover g.c, .hero-image-control svg:active g.c {
      fill: #f40057; }
    .hero-image-control svg:hover path.d, .hero-image-control svg:active path.d {
      fill: #ffffff; }

.authentication {
  text-align: left; }
@media (max-width: 47.49em) {
  .authentication {
        height: 100vh; }
}
.authentication-wrapper {
    padding-top: 30px;
    cursor: auto; }
  .authentication-buttonWrapper {
    display: flex; }
@media (max-width: 47.49em) {
  .authentication-buttonWrapper {
          flex-direction: column;
          width: 100%; }
}
.authentication-reset {
    padding-top: 20px; }
    .authentication-reset--success {
      display: flex;
      flex-direction: column; }
      .authentication-reset--success .authentication-title {
        padding-bottom: 20px; }
  .authentication-typo, .authentication-row .form-label-title, .authentication-errorMessage {
    font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 16px; }
    .authentication-typo--small, .authentication-row .form-label-title, .authentication-errorMessage {
      font-size: 14px; }
    .authentication-typo--pointer {
      cursor: pointer; }
  .authentication-title {
    font-weight: bold;
    margin: 0;
    line-height: 1.8em;
    padding: 0 20px; }
  .authentication-subTitle {
    display: block;
    line-height: 1em;
    color: #666666;
    padding: 0 20px 10px; }
  .authentication input[type="email"],
  .authentication input[type="password"],
  .authentication input[type="text"], .authentication-input {
    height: 52px;
    padding-right: 40px; }
  .authentication-email, .authentication-password, .authentication-firstName, .authentication-lastName {
    width: 100%;
    position: relative; }
    .authentication-email::after, .authentication-password::after, .authentication-firstName::after, .authentication-lastName::after {
      content: '';
      display: block;
      position: absolute;
      top: 50%; }
  .authentication-email::after {
    background: url('/sites/buyacar/themes/buyacar/images/svgs/envelope.svg') no-repeat;
    background-size: cover;
    height: 20px;
    width: 22px;
    right: 14px;
    margin-top: -10px; }
  .authentication-firstName::after, .authentication-lastName::after {
    background: url('/sites/buyacar/themes/buyacar/images/svgs/user.svg') no-repeat;
    background-size: cover;
    height: 18px;
    width: 16px;
    right: 17px;
    margin-top: -8px; }
  .authentication-password::after {
    background: url('/sites/buyacar/themes/buyacar/images/svgs/lock.svg') no-repeat;
    background-size: cover;
    height: 14px;
    width: 12px;
    right: 18px;
    margin-top: -6px; }
  .authentication input[type="checkbox"], .authentication-checkbox {
    height: 14px;
    width: 14px;
    border-radius: 2px; }
    .authentication input[type="checkbox"]::before, .authentication-checkbox::before {
      font-size: 12px; }
  .authentication-submit {
    height: 52px;
    width: 335px;
    border-radius: 3px;
    background-color: #f40057;
    color: #ffffff;
    border: none;
    font-size: 16px;
    cursor: pointer; }
@media (max-width: 47.49em) {
  .authentication-submit {
          width: 100%; }
}
.authentication-submit-reset {
      width: 100%;
      font-weight: bold; }
  .authentication-link {
    padding: 15px 0;
    margin: 0 20px;
    border-top: 1px solid rgba(178, 178, 178, 0.5); }
    .authentication-link b {
      cursor: pointer; }
  .authentication-action {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px 20px; }
    .authentication-action--back {
      color: #213846;
      width: 50%;
      display: flex;
      align-items: center;
      font-weight: bold; }
      .authentication-action--back .authentication-typo:hover, .authentication-action--back .authentication-row .form-label-title:hover, .authentication-row .authentication-action--back .form-label-title:hover, .authentication-action--back .authentication-errorMessage:hover {
        cursor: pointer; }
  .authentication-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 0 20px 10px 20px; }
    .authentication-row--largeBottomSpace {
      padding-bottom: 20px; }
    .authentication-row--middleBottomSpace {
      padding-bottom: 15px; }
    .authentication-row--withoutBottomSpace {
      padding-bottom: 0; }
    .authentication-row--hugeVerticalSpace {
      padding-top: 20px;
      padding-bottom: 30px; }
    .authentication-row--half {
      width: 50%;
      padding: 0; }
    .authentication-row--withError {
      background-color: rgba(217, 0, 27, 0.1);
      padding-bottom: 0;
      margin-bottom: 10px;
      position: relative; }
      .authentication-row--withError::before {
        content: '';
        position: absolute;
        left: 0;
        width: 10px;
        height: 100%;
        background-color: #f40057; }
    .authentication-row .form-input-text-label {
      width: 100%; }
    .authentication-row .checkbox-inputs-wrapper {
      flex: 1;
      display: flex;
      align-items: center; }
      .authentication-row .checkbox-inputs-wrapper .form-input-text-label {
        padding-left: 10px; }
  .authentication-errorMessage {
    color: #f40057;
    text-align: left;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    white-space: pre-line; }
  .authentication-forgotPassword {
    margin: 0 auto; }
    .authentication-forgotPassword:hover {
      cursor: pointer; }
  .authentication-privacyNotice {
    padding: 0 20px 10px 20px;
    font-size: 12px;
    line-height: 14px;
    color: #595959; }
  .authentication-privacyLinks {
    font-size: 12px !important;
    color: #f40057 !important;
    display: inline !important;
    line-height: 14px !important; }

.grecaptcha-badge {
  z-index: 10000; }

.vehicleinfo-card {
  display: flex;
  flex: 0 1 auto;
  justify-content: center;
  padding: 40px 30px;
  margin: 40px auto;
  border-radius: 15px;
  box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.08); }
@media (max-width: 47.49em) {
  .vehicleinfo-card {
        display: block;
        padding: 0; }
}
.vehicleinfo-card__title {
    width: 100%;
    margin: 10px 0 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-align: left;
    color: #333333;
    letter-spacing: 0.6px; }
@media (min-width: 47.5em) {
  .vehicleinfo-card__title {
          font-size: 1.45em;
          margin: 0 0 10px; }
}
@media (min-width: 61.875em) {
  .vehicleinfo-card__title {
          font-size: 30px;
          line-height: 34px; }
}
.vehicleinfo-card__left {
    min-width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
@media (min-width: 47.5em) {
  .vehicleinfo-card__left {
          padding-right: 10px; }
}
.vehicleinfo-card__img {
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    border-radius: 22px 22px 0 0; }
@media (min-width: 47.5em) and (max-width: 76.865em) {
  .vehicleinfo-card__img {
          max-width: 320px; }
}
@media (min-width: 47.5em) {
  .vehicleinfo-card__img {
          border-radius: 22px; }
}
.vehicleinfo-card__right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 400px;
    margin: 0 auto;
    padding-left: 20px; }
@media (max-width: 47.49em) {
  .vehicleinfo-card__right {
          text-align: center;
          padding-left: 0; }
}
.vehicleinfo-card__right .vehicleinfo-card__title {
      padding-left: 10px; }
  .vehicleinfo-card__price {
    display: block;
    margin-top: 15px;
    padding-right: 12px;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #333333;
    text-align: right; }
@media (min-width: 61.875em) {
  .vehicleinfo-card__price {
          padding-right: 8px; }
}
.vehicleinfo-card__getstarted {
    font-weight: 700;
    font-size: 41.776px;
    line-height: 1.4;
    text-align: center; }
  .vehicleinfo-card__list {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    max-width: 100%;
    padding-top: 10px;
    padding-right: 10px;
    margin-left: 3px;
    margin-right: 3px;
    text-align: left;
    color: #333333;
    border-radius: 10px;
    background-color: #f6f6f6; }
@media (min-width: 61.875em) {
  .vehicleinfo-card__list {
          padding-top: 20px;
          margin-left: 0;
          margin-right: 0; }
}
.vehicleinfo-card__list li {
      margin-bottom: 10px;
      padding-left: 10px;
      font-size: 16px;
      line-height: 20px;
      width: 50%; }
      .vehicleinfo-card__list li:nth-child(2n) {
        text-align: right; }
@media (min-width: 61.875em) {
  .vehicleinfo-card__list li {
            margin-bottom: 20px; }
}
.vehicleinfo-card__list li span {
        font-weight: 700; }
  .vehicleinfo-card__reservation-text {
    width: auto;
    margin: 10px 3px 15px;
    padding: 7px 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    border-radius: 10px;
    background-color: #F1FBFF; }
@media (min-width: 47.5em) {
  .vehicleinfo-card__reservation-text {
          width: 100%;
          margin: 10px auto 15px; }
}
.vehicleinfo-card .vehicle-card__btn {
    width: auto;
    margin-left: 6px;
    margin-right: 6px; }
@media (min-width: 47.5em) {
  .vehicleinfo-card .vehicle-card__btn {
          margin-left: 0;
          margin-right: 0; }
}
.vehicleinfo-card .vehicle-card__btn.green {
      box-shadow: 2px 1px 14px 0 rgba(0, 182, 122, 0.26);
      background: #00B67A; }
      .vehicleinfo-card .vehicle-card__btn.green:hover {
        background: #04C869; }

.whybuyacar-wrapper {
  font-size: 18px;
  color: #333333; }

.whybuyacar-heading {
  font-family: 'Helvetica';
  font-size: 22px;
  padding: 20px 0;
  text-align: center; }
@media (min-width: 61.875em) {
  .whybuyacar-heading {
        text-align: left; }
}
.whybuyacar-content {
  background: rgba(8, 135, 166, 0.1);
  padding: 30px 25px; }

.whybuyacar-list-item {
  position: relative;
  padding-top: 100px;
  text-align: center;
  font-size: 14px; }
@media (min-width: 30em) {
  .whybuyacar-list-item {
        padding-top: 0;
        padding-left: 150px;
        text-align: left; }
}
@media (min-width: 61.875em) {
  .whybuyacar-list-item {
        font-size: 18px; }
}
.whybuyacar-list-item:before {
    content: '';
    position: absolute;
    width: 78px;
    height: 85px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
@media (min-width: 30em) {
  .whybuyacar-list-item:before {
          left: 10px;
          transform: translateY(-50%);
          top: 40px; }
}
@media (min-width: 61.875em) {
  .whybuyacar-list-item:before {
          top: 55px;
          width: 119px;
          height: 127px; }
}
@media (min-width: 61.875em) {
  .whybuyacar-list-item.certified {
        padding-bottom: 40px; }
}
.whybuyacar-list-item.certified:before {
    background-image: url('/sites/buyacar/themes/buyacar/images/svgs/bow_icon.svg'); }
  .whybuyacar-list-item.delivered:before {
    background-image: url('/sites/buyacar/themes/buyacar/images/svgs/delivery.svg'); }
  .whybuyacar-list-item__heading {
    color: #000000;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px; }
@media (min-width: 30em) {
  .whybuyacar-list-item__heading {
          text-align: left; }
}
@media (min-width: 61.875em) {
  .whybuyacar-list-item__heading {
          font-size: 22px; }
}
.whybuyacar-list-item__subheading {
    /* temporary solution. should be changed to 0 */
    /* when main page wrapper horizontal margin changes to 0 */
    letter-spacing: -0.55px;
    margin-bottom: 15px;
    font-size: 16px; }
@media (min-width: 30em) {
  .whybuyacar-list-item__subheading {
          text-align: left; }
}
.whybuyacar-list-item__list {
    font-size: 16px; }
    .whybuyacar-list-item__list-item {
      position: relative;
      padding-left: 30px;
      text-align: left;
      margin-bottom: 20px; }
      .whybuyacar-list-item__list-item:before {
        content: '';
        position: absolute;
        background-image: url('/sites/buyacar/themes/buyacar/images/svgs/blue_tick.svg');
        background-repeat: no-repeat;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        top: 3px;
        left: 0; }
@media (min-width: 61.875em) {
  .whybuyacar-list-item__list-item:before {
              transform: translateY(-50%);
              top: 50%; }
}
.whybuyacar-list-header {
  font-size: 16px;
  text-align: left;
  margin-bottom: 30px; }

.whybuyacar-note {
  font-size: 14px;
  text-align: center; }
@media (min-width: 30em) {
  .whybuyacar-note {
        padding-top: 0;
        padding-left: 150px;
        text-align: left; }
}
@media (min-width: 61.875em) {
  .whybuyacar-note {
        font-size: 16px; }
}
.whybuyacar-usp {
  padding-top: 40px;
  display: flex;
  border-radius: 5px;
  margin: 0;
  justify-content: space-between;
  flex-direction: column; }
@media (min-width: 30em) {
  .whybuyacar-usp {
        flex-direction: row; }
}
.whybuyacar-usp-link {
    color: #000000;
    text-decoration: underline !important;
    padding-right: 5px; }
    .whybuyacar-usp-link:hover {
      cursor: pointer; }
  .whybuyacar-usp-item {
    position: relative;
    padding-top: 100px;
    text-align: center;
    margin-bottom: 40px; }
    .whybuyacar-usp-item:before {
      content: '';
      position: absolute;
      height: 80px;
      width: 85px;
      background-repeat: no-repeat;
      background-size: contain;
      top: 0;
      left: 50%;
      transform: translateX(-50%); }
    .whybuyacar-usp-item.guarantee:before {
      background-image: url('/sites/buyacar/themes/buyacar/images/svgs/money_back.svg'); }
    .whybuyacar-usp-item.warranty:before {
      background-image: url('/sites/buyacar/themes/buyacar/images/svgs/warranty.svg'); }
    .whybuyacar-usp-item.exchange:before {
      background-image: url('/sites/buyacar/themes/buyacar/images/svgs/part_exchange.svg'); }

#block-site-in-stock-site-in-stock-why-buyacar {
  margin-bottom: 0; }

.vehicle-search {
  display: flex;
  flex-direction: column;
  padding: 40px 0 20px; }
@media (min-width: 76.875em) {
  .vehicle-search {
        padding: 60px 0 50px 0; }
}
.vehicle-search-title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.43px;
    line-height: 27px;
    color: #023145; }
  .vehicle-search-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    -ms-overflow-style: none;
    overflow-x: auto; }
    .vehicle-search-list::-webkit-scrollbar {
      display: none; }
  .vehicle-search-item {
    height: 100px;
    width: 113px;
    border: 1px solid #0888A7;
    border-radius: 11px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    position: relative;
    overflow: hidden;
    margin-right: 20px;
    flex: 0 0 auto; }
@media (min-width: 76.875em) {
  .vehicle-search-item {
          margin-right: auto; }
          .vehicle-search-item:last-child {
            margin-right: 0; }
}
.vehicle-search-item img {
      padding-bottom: 10px; }
  .vehicle-search-description {
    color: #0888A7;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 19px;
    text-align: center;
    position: absolute;
    bottom: 10px; }
    .vehicle-search-description--default {
      color: #023145;
      font-size: 16px;
      position: static;
      font-weight: 700; }
  .vehicle-search .vehicle-search-action {
    align-self: flex-end;
    color: #0888A7;
    font-size: 16px;
    letter-spacing: 0.34px;
    line-height: 22px;
    text-decoration: underline;
    padding-top: 20px; }
  .vehicle-search.topVehicles {
    padding: 0; }
    .vehicle-search.topVehicles .vehicle-search-list {
      flex-wrap: wrap; }
    .vehicle-search.topVehicles .vehicle-search-item {
      height: 100px;
      width: 105px;
      margin-bottom: 10px;
      margin-right: 0;
      border: 1px solid #AAA9AB; }
@media (min-width: 48em) {
  .vehicle-search.topVehicles .vehicle-search-item {
            height: 140px;
            width: 158px;
            margin-bottom: 20px;
            margin-right: 0; }
}
.vehicle-search.topVehicles .vehicle-search-item[href$='vauxhall'] img {
        width: 75px;
        height: auto; }
@media (min-width: 48em) {
  .vehicle-search.topVehicles .vehicle-search-item[href$='vauxhall'] img {
              height: auto;
              width: 130px; }
}
.vehicle-search.topVehicles .vehicle-search-item[href$='audi'] img {
        height: auto; }
      .vehicle-search.topVehicles .vehicle-search-item img {
        width: 65px;
        height: 50px; }
@media (min-width: 48em) {
  .vehicle-search.topVehicles .vehicle-search-item img {
              padding-bottom: 20px;
              width: 110px;
              height: 100px; }
}
.vehicle-search.topVehicles .vehicle-search-description {
      color: #797979; }
    .vehicle-search.topVehicles .vehicle-search-action {
      color: #023145;
      text-align: center;
      background: none;
      border: 0;
      padding: 0;
      align-self: center;
      cursor: pointer; }
  .vehicle-search .vehicle-search-otherVehicles {
    display: grid;
    grid-template-columns: 46.5% 46.5%;
    grid-column-gap: 21px;
    justify-items: center; }
@media (min-width: 47.5em) and (max-width: 76.875em) {
  .vehicle-search .vehicle-search-otherVehicles {
          grid-template-columns: 158px 158px 158px; }
}
@media (min-width: 76.875em) {
  .vehicle-search .vehicle-search-otherVehicles {
          grid-template-columns: 158px 158px 158px 158px 158px 158px; }
}
.vehicle-search .vehicle-search-otherVehicles .vehicle-search-item {
      flex-direction: row;
      height: auto;
      width: auto;
      border: none;
      color: #023145;
      margin-bottom: 0;
      outline: none;
      border-radius: 0; }
    .vehicle-search .vehicle-search-otherVehicles .vehicle-search-description {
      font-size: 14px;
      letter-spacing: 0.3px;
      line-height: 30px;
      text-align: center;
      position: static;
      padding: 0 2px; }
      .vehicle-search .vehicle-search-otherVehicles .vehicle-search-description--default {
        color: #797979;
        font-size: 14px;
        letter-spacing: 0.3px;
        line-height: 19px;
        text-align: center;
        font-weight: 300; }

.homepage-top-brands {
  padding-bottom: 30px; }

#block-boxes-body-styles {
  padding: 0; }
@media (min-width: 76.875em) {
  #block-boxes-body-styles {
        padding: 0 50px;
        margin-bottom: 0; }
}
#boxes-box-top_brands {
  padding: 0; }
@media (min-width: 35em) and (max-width: 41.875em) {
  #boxes-box-top_brands {
        padding: 0 55px; }
}
@media (min-width: 48.125em) and (max-width: 76.875em) {
  #boxes-box-top_brands {
        padding: 0 65px;
        margin-bottom: 0; }
}
@media (min-width: 60em) and (max-width: 61.875em) {
  #boxes-box-top_brands {
        padding: 0 80px;
        margin-bottom: 0; }
}
@media (min-width: 76.875em) {
  #boxes-box-top_brands {
        padding: 0 50px;
        margin-bottom: 0; }
}
.product-title {
  font-family: "NotosansDisplay", "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
  margin: 0;
  display: flex;
  text-align: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 10px 0 0;
  order: 2; }
@media (min-width: 61.875em) {
  .product-title {
        order: initial;
        padding: 0 0 10px;
        text-align: left; }
}
.product-title-heading, .product-title-subHeading {
    margin: 0; }
  .product-title-heading {
    font-weight: 600;
    font-size: 34px;
    line-height: 27px;
    color: #000000;
    padding-bottom: 10px; }
  .product-title-subHeading {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #666666; }

.partx-loader {
  height: 50px;
  width: 50px;
  margin: 50px auto;
  background-size: 50px 50px; }
@media (max-width: 47.49em) {
  .partx-subheading {
      text-align: center !important; }
}
.partx-offers-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 120px;
  padding: 0 30px;
  margin-top: 20px;
  border-radius: 12px;
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.065); }
  .partx-offers-list-item-p {
    margin-bottom: 10px; }
@media (max-width: 47.49em) {
  .partx-offers-list-item-p {
          text-align: center !important; }
}
.partx-offers-list-item-p:last-child {
      margin-bottom: 0; }
@media (max-width: 47.49em) {
  .partx-offers-list-item-p:last-child {
            margin-bottom: 30px; }
}
@media (max-width: 47.49em) {
  .partx-offers-list-item-btn {
        width: 100%; }
}
@media (max-width: 47.49em) {
  .partx-offers-list-item {
        flex-direction: column;
        height: auto;
        padding: 25px; }
}
.partx-sell-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px; }
  .partx-sell-block-head {
    display: flex;
    align-items: center; }
  .partx-sell-block-icon {
    width: 22px;
    margin-right: 12px;
    margin-top: 4px; }
  .partx-sell-block-descr {
    margin: 5px 0 22px; }

.button-component {
  display: block;
  height: 50px;
  padding: 0 55px;
  outline-color: transparent;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-family: inherit;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background: transparent;
  line-height: 50px;
  border-radius: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: opacity .3s; }
  .button-component:disabled {
    pointer-events: none; }
  .button-component:hover {
    opacity: 0.9; }

.stroke-white {
  border-color: #ffffff; }

.fill-white {
  background-color: #ffffff; }

.txt-white {
  color: #ffffff !important; }

.shadow-white {
  box-shadow: 1px 1px 8px 4px rgba(255, 255, 255, 0.1); }

.stroke-pink {
  border-color: #F30059; }

.fill-pink {
  background-color: #F30059; }

.txt-pink {
  color: #F30059 !important; }

.shadow-pink {
  box-shadow: 1px 1px 8px 4px rgba(243, 0, 89, 0.1); }

.stroke-green {
  border-color: #00B67A; }

.fill-green {
  background-color: #00B67A; }

.txt-green {
  color: #00B67A !important; }

.shadow-green {
  box-shadow: 1px 1px 8px 4px rgba(0, 182, 122, 0.1); }

.stroke-grey {
  border-color: #555555; }

.fill-grey {
  background-color: #555555; }

.txt-grey {
  color: #555555 !important; }

.shadow-grey {
  box-shadow: 1px 1px 8px 4px rgba(85, 85, 85, 0.1); }

.typography-component {
  font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif; }

.txt-left {
  text-align: left; }

.txt-right {
  text-align: right; }

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

.txt-white {
  color: #ffffff; }

.txt-black {
  color: #000000; }

.txt-darkgrey {
  color: #333333; }

.success-modal,
.ask-question-modal {
  position: absolute;
  top: calc(50% + 30px);
  left: 50%;
  width: 100%;
  height: 100%;
  padding: 25px;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  border-radius: 5px; }
@media (max-width: 47.49em) {
  .success-modal,
      .ask-question-modal {
        width: calc(100% - 40px); }
}
.success-modal-close-icon,
  .ask-question-modal-close-icon {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 14px;
    right: 14px;
    cursor: pointer; }

.success-modal {
  max-width: 500px;
  max-height: 280px;
  padding: 15px;
  background-color: #ffffff;
  border-radius: 5px; }
  .success-modal .success-message {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 270px;
    width: 100%;
    height: 100%;
    text-align: center;
    transform: translateX(-50%); }
    .success-modal .success-message__image {
      width: 120px;
      height: 120px;
      margin-bottom: 30px; }
    .success-modal .success-message__title {
      color: #000000;
      font-size: 16px;
      font-weight: bold;
      margin: 20px 0; }
    .success-modal .success-message__text {
      color: #000000;
      font-size: 14px; }

.ask-question-modal {
  max-width: 836px;
  max-height: 861px;
  overflow: scroll; }
@media (max-width: 29.99em) {
  .ask-question-modal {
        padding: 15px; }
}
.ask-question-modal .ask-question {
    padding: 10px 0; }
@media (min-width: 47.5em) {
  .ask-question-modal .ask-question {
          padding: 0 20px; }
}
.ask-question-modal .ask-question__title {
      font-size: 25px;
      font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
      line-height: 34px;
      color: #333333; }
@media (max-width: 47.49em) {
  .ask-question-modal .ask-question__title {
            margin-top: 40px; }
}
.ask-question-modal .ask-question__content {
      display: flex;
      flex-direction: row;
      justify-content: center;
      margin-bottom: -70px; }
@media (min-width: 47.5em) {
  .ask-question-modal .ask-question__content {
            justify-content: space-between;
            margin-bottom: 35px; }
}
.ask-question-modal .ask-question__content .image {
        display: none;
        width: 290px;
        height: 470px; }
@media (min-width: 47.5em) {
  .ask-question-modal .ask-question__content .image {
              display: block; }
}
.ask-question-modal .ask-question__content .form {
        width: 100%; }
@media (min-width: 47.5em) {
  .ask-question-modal .ask-question__content .form {
              width: auto; }
}
.ask-question-modal .ask-question__content .form__title {
          font-size: 18px; }
@media (max-width: 47.49em) {
  .ask-question-modal .ask-question__content .form__title {
                text-align: center; }
}
.ask-question-modal .ask-question__content .form__textarea {
          width: 100%;
          height: 150px;
          resize: none; }
          .ask-question-modal .ask-question__content .form__textarea_error {
            border-color: #ff0000; }
          .ask-question-modal .ask-question__content .form__textarea_error-message {
            width: 100%;
            font-size: 13px;
            line-height: 13px;
            color: #ff0000;
            margin: 0 0 -10px 0; }
@media (min-width: 47.5em) {
  .ask-question-modal .ask-question__content .form__textarea {
                width: 385px; }
}
.ask-question-modal .ask-question__content .form__input_email-error-message {
          font-size: 13px;
          color: #ff0000;
          margin: 5px 0 -10px 0;
          line-height: 13px; }
        .ask-question-modal .ask-question__content .form__button,
        .ask-question-modal .ask-question__content .form .form-input-text-label {
          width: 100%;
          margin-top: 20px; }
    .ask-question-modal .ask-question__privacy-policy {
      position: absolute;
      left: 0;
      bottom: auto;
      width: 100%;
      background: #F9F9F9; }
@media (max-width: 47.49em) {
  .ask-question-modal .ask-question__privacy-policy {
            padding-top: 70px;
            z-index: -1; }
}
.ask-question-modal .ask-question__privacy-policy .authentication-privacyNotice {
        font-size: 11px;
        line-height: 15px;
        padding: 15px 26px 20px 28px; }
@media (max-width: 47.49em) {
  .ask-question-modal .ask-question__privacy-policy .authentication-privacyNotice {
              padding: 15px 26px 30px 28px; }
}
.ask-question-modal .ask-question__privacy-policy .checkbox {
        width: 15px;
        height: 15px; }
  .ask-question-modal .error-message {
    width: 100%;
    text-align: center;
    color: #ff0000;
    margin-top: -25px;
    margin-bottom: 0; }
@media (max-width: 47.49em) {
  .ask-question-modal .error-message {
          padding-top: 90px;
          margin-bottom: -80px; }
}
.ask-question-modal .loader-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 10; }
    .ask-question-modal .loader-container .loader {
      position: absolute;
      top: 50%;
      left: 50%;
      height: 100px;
      width: 100px;
      background-size: 100px 100px;
      transform: translate(-50%, -50%); }

.car-save-modal .modal {
  width: 500px;
  min-height: 246px;
  overflow: hidden; }
  .car-save-modal .modal .close-button {
    background: transparent;
    font-size: 25px; }

.modal-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .modal-content__title {
    padding: 10px 22px;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0.34px;
    font-weight: 700;
    text-align: center; }
@media (min-width: 28.125em) {
  .modal-content__title {
          padding: 20px 22px; }
}
.modal-content__icon {
    display: flex;
    justify-content: center; }
    .modal-content__icon .icon {
      width: 70px;
      height: 70px; }
  .modal-content__text {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    padding: 20px 0; }
  .modal-content .modal-button-link {
    width: 100%;
    max-width: 315px; }
  .modal-content__error {
    margin-top: 100px;
    text-align: center;
    color: #f40057; }

.react-datepicker-wrapper {
  width: 100% !important;
  position: relative;
  z-index: 1; }

.react-datepicker__day--selected,
.react-datepicker__day--keyboard-selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  color: #fff !important;
  background-color: #f40057 !important;
  font-size: 15px !important;
  font-weight: bold; }

.datepicker-custome_icon {
  position: absolute;
  right: 9px;
  top: 66px;
  font-size: 26px; }

.react-datepicker__day:hover {
  cursor: pointer !important; }

.react-datepicker__input-container {
  width: 100%; }
  .react-datepicker__input-container input {
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 0 1em;
    height: 44px;
    float: none;
    width: 100% !important;
    background-color: transparent; }

.react-datepicker__header__dropdown,
.react-datepicker__header__dropdown--select {
  margin-top: 5px; }

.react-datepicker__month-dropdown-container select,
.react-datepicker__month-dropdown-container--select select,
.react-datepicker__year-dropdown-container select,
.react-datepicker__year-dropdown-container--select select {
  background-position-y: center !important;
  height: 26px !important;
  line-height: 26px !important; }

.form-input-text-label label {
  display: block;
  position: relative; }
  .form-input-text-label label.with-tooltip input {
    padding-right: 40px; }
  .form-input-text-label label.with-tooltip .form--tooltip {
    right: 50px; }
    .form-input-text-label label.with-tooltip .form--tooltip:before {
      content: '?';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .form-input-text-label label.with-tooltip .form--tooltip__wrapper {
      min-width: 300px;
      width: auto; }
    .form-input-text-label label.with-tooltip .form--tooltip .mark {
      position: absolute; }

.form-input-text-label label[for="datepicker"] {
  white-space: normal; }

.form-input-text-label .form-label-title {
  display: block;
  width: 90%;
  margin-bottom: 5px; }

.form-input-text-label .sub-title {
  color: #bababa;
  margin: -6px 0 5px; }

.container--finance-form,
.container--reservation-form {
  margin: 0 auto;
  max-width: 100%;
  min-height: 100vh;
  padding: 0 0 10px; }
  .container--finance-form input[type="text"], .container--finance-form select,
  .container--reservation-form input[type="text"],
  .container--reservation-form select {
    display: block;
    width: 100%; }
  .container--finance-form .finance-form-header,
  .container--reservation-form .finance-form-header {
    border-top: 2px solid #213846;
    margin: 0 0 10px;
    padding: 10px;
    width: 100%; }
    .container--finance-form .finance-form-header.collapsed,
    .container--reservation-form .finance-form-header.collapsed {
      margin: 0; }
  .container--finance-form .form-section-wrapper,
  .container--reservation-form .form-section-wrapper {
    margin-bottom: 20px; }
  .container--finance-form .form-input,
  .container--reservation-form .form-input {
    margin-bottom: 10px; }
    .container--finance-form .form-input-wrapper,
    .container--reservation-form .form-input-wrapper {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .container--finance-form .form-input-wrapper .form-input.form-input-half,
      .container--reservation-form .form-input-wrapper .form-input.form-input-half {
        width: 100%;
        display: block;
        padding: 0; }
      .container--finance-form .form-input-wrapper .form-input.form-user-details__driving-license,
      .container--reservation-form .form-input-wrapper .form-input.form-user-details__driving-license {
        width: 100%; }
    .container--finance-form .form-input label sup,
    .container--reservation-form .form-input label sup {
      color: red; }
    .container--finance-form .form-input-submit,
    .container--reservation-form .form-input-submit {
      display: flex;
      justify-content: flex-end; }
  .container--finance-form .form-user-details__date-of-birth,
  .container--reservation-form .form-user-details__date-of-birth {
    position: relative; }
    .container--finance-form .form-user-details__date-of-birth .datepicker-custome_icon,
    .container--reservation-form .form-user-details__date-of-birth .datepicker-custome_icon {
      z-index: 0; }
  .container--finance-form .form-user-details__passport .radio-inputs,
  .container--reservation-form .form-user-details__passport .radio-inputs {
    position: relative;
    display: flex;
    flex-direction: column; }
@media (min-width: 30em) {
  .container--finance-form .form-user-details__passport .radio-inputs,
        .container--reservation-form .form-user-details__passport .radio-inputs {
          display: inline-flex;
          flex-direction: row; }
}
.container--finance-form .form-user-details__passport .radio-inputs-wrapper,
    .container--reservation-form .form-user-details__passport .radio-inputs-wrapper {
      display: flex;
      align-items: center;
      margin-left: 15px; }
@media (min-width: 30em) {
  .container--finance-form .form-user-details__passport .radio-inputs-wrapper,
          .container--reservation-form .form-user-details__passport .radio-inputs-wrapper {
            margin-left: 20px;
            flex-direction: row; }
}
.container--finance-form .form-user-details__passport .radio-inputs .form-input-text-label,
    .container--reservation-form .form-user-details__passport .radio-inputs .form-input-text-label {
      display: flex;
      align-items: center; }

.form-preamble {
  background: #f6f6f6;
  padding: 1em;
  margin-bottom: 1em;
  font-size: 16px;
  margin-top: 1em; }

.form-preamble-address,
.form-preamble-bank,
.form-preamble-employment {
  margin-bottom: 1em;
  margin-top: 1em;
  padding: 20px 8px;
  border-radius: 5px;
  font-size: 15px;
  text-align: center; }
@media (min-width: 47.5em) {
  .form-preamble-address,
      .form-preamble-bank,
      .form-preamble-employment {
        padding: 20px 16px;
        padding-bottom: 38px;
        font-size: 16px; }
}
.form-preamble-address {
  background: #FEF7E6; }
  .form-preamble-address__text {
    margin: 0; }

.form-preamble-bank {
  background: #ECFCF0; }

.form-preamble-employment {
  background: #F1FBFF; }

.finance_modal_content {
  text-align: left; }

.popup_error-message {
  color: #ed8500; }

.form_input_warning {
  color: #ed4e53;
  font-size: 14.2222222221px; }

.autoconvert-progressbar .title-percentage {
  display: block;
  text-align: right;
  color: #818181;
  font-size: 12px; }

.valuation_value {
  font-size: 39px;
  margin: 50px 0; }

.valuation_error {
  font-size: 39px;
  margin: 50px 0 15px 0; }

.valuation_description {
  font-size: 17.776px;
  margin-bottom: 50px; }

.success-form-border {
  border: 1px solid #1db436 !important; }

.error-form-border {
  border: 1px solid #e30613 !important; }

.form-input.form-user-details__dependants {
  width: 100%; }

.form-user-details__passport .form-label-title {
  width: 100%; }

.form-profile-info-wrapper {
  max-width: 600px;
  margin: 50px auto 60px; }
  .form-profile-info-wrapper .spinner-initial {
    height: 100px;
    width: 100px;
    margin: 120px auto 120px;
    background-size: 100px 100px; }
  .form-profile-info-wrapper .info {
    margin-bottom: 60px; }
  .form-profile-info-wrapper .form-input label sup {
    color: #333333; }
  .form-profile-info-wrapper .radio-inputs-wrapper {
    margin-left: 20px;
    flex-direction: row; }
  .form-profile-info-wrapper .radio-inputs .form-input-text-label {
    display: flex;
    align-items: center; }
  .form-profile-info-wrapper .radio-inputs-wrapper {
    display: flex;
    align-items: center; }
  .form-profile-info-wrapper .form-profile-info-text {
    max-width: 1000px;
    margin: auto; }
  .form-profile-info-wrapper .form-input {
    margin-bottom: 20px; }
  .form-profile-info-wrapper select {
    width: 100%;
    background-position: calc(100% - 22px) 15px;
    background-image: url("/sites/buyacar/themes/buyacar/images/svgs/arrow-select.svg"); }
  .form-profile-info-wrapper .form-profile-information__subscribed .form-label-title,
  .form-profile-info-wrapper .form-profile-information__passport .form-label-title {
    width: 100%; }
  .form-profile-info-wrapper .form-profile-information__password .form--tooltip__wrapper {
    width: 360px;
    text-align: left; }
  .form-profile-info-wrapper .checkbox-inputs-wrapper {
    display: flex;
    align-items: center; }
    .form-profile-info-wrapper .checkbox-inputs-wrapper .form-input-text-label {
      margin-left: 10px; }
      .form-profile-info-wrapper .checkbox-inputs-wrapper .form-input-text-label label {
        cursor: pointer; }
  .form-profile-info-wrapper .info-box--success {
    border-radius: 9px !important; }
    .form-profile-info-wrapper .info-box--success .profile-success-text {
      color: #2faf7b; }
  .form-profile-info-wrapper .txt-bold {
    font-weight: 600; }
  .form-profile-info-wrapper .signin {
    width: calc(100% + 168px);
    margin: 0 -84px 130px;
    padding: 20px 0 40px;
    border-radius: 8px;
    box-shadow: 0 2px 20px 5px rgba(0, 0, 0, 0.08);
    background-color: #F9F9F9; }
@media (max-width: 47.49em) {
  .form-profile-info-wrapper .signin {
          width: calc(100% + 40px);
          margin: 0 -20px 80px;
          padding: 20px 20px 35px;
          border-radius: 0; }
}
.form-profile-info-wrapper .signin-inner {
      max-width: 600px;
      margin: auto; }
    .form-profile-info-wrapper .signin-head {
      margin-bottom: 48px; }
    .form-profile-info-wrapper .signin-hint {
      margin: 48px 0; }
    .form-profile-info-wrapper .signin input {
      border-width: 0; }
  .form-profile-info-wrapper .profile-head {
    margin: 50px 0 30px; }
  .form-profile-info-wrapper .unsubscribe {
    margin: 55px -20px 35px;
    padding: 20px;
    border-radius: 8px;
    background-color: #F9F9F9; }
@media (max-width: 47.49em) {
  .form-profile-info-wrapper .unsubscribe {
          border-radius: 0; }
}
.form-profile-info-wrapper .unsubscribe-txt {
      font-size: 14.2222222221px; }
      .form-profile-info-wrapper .unsubscribe-txt a {
        text-decoration: underline; }
    .form-profile-info-wrapper .unsubscribe .mail-checkbox {
      display: inline-flex;
      margin-left: 4px; }
  .form-profile-info-wrapper .spinner {
    height: 48px;
    width: 70px;
    margin: 0px auto -3px;
    background-size: 60px 60px; }
  .form-profile-info-wrapper .submit-btn {
    padding: 0 75px;
    margin: 0 0 0 auto; }

.success-form-border {
  border: 1px solid #1db436 !important; }

.error-form-border {
  border: 1px solid #e30613 !important; }

.form-input.form-user-details__dependants {
  width: 100%; }

.form-user-details__passport .form-label-title {
  width: 100%; }

.form-payment-buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }
  .form-payment-buttons-wrapper button:not(:last-of-type) {
    margin-bottom: 10px; }
@media (min-width: 30em) {
  .form-payment-buttons-wrapper button:not(:last-of-type) {
          margin-right: 10px;
          margin-bottom: 0; }
}
.form-payment-buttons-wrapper .from-paypal-sdk {
    max-width: 560px;
    width: 100%;
    margin: auto;
    position: relative; }
    .form-payment-buttons-wrapper .from-paypal-sdk #paypal-button-container .paypal-buttons {
      display: block; }
  .form-payment-buttons-wrapper .form-payment-buttons-stripe {
    min-height: 55px; }
    .form-payment-buttons-wrapper .form-payment-buttons-stripe:after {
      display: none; }

.form-payment-buttons__button {
  width: 100%;
  margin-top: 20px; }
@media (min-width: 30em) {
  .form-payment-buttons__button {
        width: auto;
        display: inline-block; }
        .form-payment-buttons__button:first-child {
          margin-right: 10px; }
        .form-payment-buttons__button:last-child {
          margin-left: 10px; }
}
.form-payment-buttons-stripe {
  max-width: 560px;
  min-height: 52px;
  width: 100%;
  margin: 15px auto 20px; }

.form-payment-buttons-paypal {
  width: 100%; }

.form-payment-warning {
  display: block;
  text-align: right; }

form .form-input .tap-buttons-wrapper, form .form-input .tap-buttons .wide {
  display: flex;
  flex-direction: column; }

form .form-input .tap-buttons-title {
  position: relative; }
  form .form-input .tap-buttons-title.required .tap-buttons-title__text {
    position: relative;
    display: inline-block;
    padding-right: 5px; }
    form .form-input .tap-buttons-title.required .tap-buttons-title__text sup {
      color: red; }
    form .form-input .tap-buttons-title.required .tap-buttons-title__text.with-tooltip {
      padding: 10px 0 15px; }
    form .form-input .tap-buttons-title.required .tap-buttons-title__text .form--tooltip {
      right: -40px;
      top: 50%;
      transform: translate(0, -50%); }

form .form-input .tap-buttons-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between; }
  form .form-input .tap-buttons-list__item {
    position: relative;
    display: inline-block;
    width: 50%;
    margin-bottom: 5px; }
    form .form-input .tap-buttons-list__item:nth-child(odd) {
      padding-right: 5px; }
    form .form-input .tap-buttons-list__item:nth-child(even) {
      padding-left: 5px; }
    form .form-input .tap-buttons-list__item-label {
      display: flex;
      position: relative;
      width: 100%;
      height: 100%;
      padding: 10px;
      border: 1px solid #8E8E8E;
      border-radius: 5px;
      text-align: center;
      margin-top: 0;
      margin-bottom: 0;
      align-items: center;
      justify-content: center; }
    form .form-input .tap-buttons-list__item input[type='radio'] {
      border: none; }
    form .form-input .tap-buttons-list__item input.tap-buttons-list__item-input {
      margin: 0;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      right: 0;
      bottom: 0;
      border-radius: 5px;
      box-shadow: none;
      background: transparent;
      cursor: pointer;
      opacity: 0; }
    form .form-input .tap-buttons-list__item.active .tap-buttons-list__item-label {
      background: #1e3846;
      border: 1px solid #5f6f90;
      color: #ffffff; }
    form .form-input .tap-buttons-list__item .checkmark {
      display: none; }
@media (min-width: 40em) {
  form .form-input .tap-buttons-wrapper.default .tap-buttons-list__item {
      width: auto;
      flex-grow: 1;
      padding: 0 5px; }
      form .form-input .tap-buttons-wrapper.default .tap-buttons-list__item:first-child {
        padding-left: 0; }
      form .form-input .tap-buttons-wrapper.default .tap-buttons-list__item:last-child {
        padding-right: 0; }
}
form .form-input .tap-buttons-wrapper.small .tap-buttons-list__item {
  width: auto;
  flex-grow: 1;
  padding: 0 5px; }
  form .form-input .tap-buttons-wrapper.small .tap-buttons-list__item:first-child {
    padding-left: 0; }
  form .form-input .tap-buttons-wrapper.small .tap-buttons-list__item:last-child {
    padding-right: 0; }

form .form-input .tap-buttons-wrapper.couple {
  flex-direction: column; }
  form .form-input .tap-buttons-wrapper.couple .tap-buttons-title {
    width: auto; }
@media (min-width: 30em) {
  form .form-input .tap-buttons-wrapper.couple .tap-buttons-title {
        width: 50%; }
      form .form-input .tap-buttons-wrapper.couple .tap-buttons-list {
        width: 50%;
        flex-grow: 1; }
        form .form-input .tap-buttons-wrapper.couple .tap-buttons-list__item {
          width: 50%; }
}
form .form-input .tap-buttons-wrapper.wide .tap-buttons-list__item {
  width: 100%;
  padding: 0; }
@media (min-width: 30em) {
  form .form-input .tap-buttons-wrapper.wide .tap-buttons-list__item {
        width: 50%; }
        form .form-input .tap-buttons-wrapper.wide .tap-buttons-list__item:nth-child(odd) {
          padding-right: 5px; }
        form .form-input .tap-buttons-wrapper.wide .tap-buttons-list__item:nth-child(even) {
          padding-left: 5px; }
}
@media (min-width: 47.5em) {
  form .form-input .tap-buttons-wrapper.wide .tap-buttons-list__item {
        width: auto;
        flex: 0 0 32.7%;
        padding-left: 0; }
        form .form-input .tap-buttons-wrapper.wide .tap-buttons-list__item:nth-child(odd) {
          padding-right: 0; }
        form .form-input .tap-buttons-wrapper.wide .tap-buttons-list__item:nth-child(even) {
          padding-left: 0; }
}
form .form-input-wrapper.optimized .form-input.form-user-details__driving-license.form-input-half {
  padding-left: 0; }
@media (min-width: 30em) {
  form .form-input-wrapper.optimized .form-input.form-user-details__driving-license.form-input-half {
        padding-left: 10px;
        width: 50%; }
}
.confirm-finance-form {
  display: flex;
  flex-direction: column; }
  .confirm-finance-form > .link--button-forward, autoconvertep .confirm-finance-form > .link--button-forward,
  partexchangeep .confirm-finance-form > .link--button-forward {
    align-self: flex-end; }

.finance-main-submit {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 20px; }

.container-steps {
  width: 100%;
  min-height: 4em;
  margin-top: 18px;
  position: sticky;
  top: 0;
  z-index: 11;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: hidden; }

.progressbar {
  counter-reset: step; }

.progressbar li {
  list-style-type: none;
  float: left;
  font-size: 16px;
  position: relative;
  text-align: center;
  color: #213846;
  padding-top: 5px; }
@media (max-width: 47.49em) {
  .progressbar li .progressbar-text {
        display: none; }
}
.progressbar li:before {
  width: 12px;
  height: 12px;
  content: '';
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: #ccc; }

.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #ccc;
  top: 10px;
  left: -50%;
  z-index: 1; }

.progressbar li:first-child:after {
  content: none; }

.progressbar li:first-child:before {
  background-color: #213846; }

.progressbar li.active {
  color: #213846;
  padding-top: 0px;
  font-weight: bold;
  line-height: 30px; }
  .progressbar li.active .progressbar-text {
    padding-top: 25px; }
@media (max-width: 47.49em) {
  .progressbar li.active .progressbar-text {
          display: block; }
}
.progressbar li.active:before {
  background-color: #213846;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6); }

.progressbar li.active + li:after {
  background-color: #ccc; }

.progressbar li.active + li:before {
  background-color: #ccc; }

.progressbar li.filled + li:before {
  background-color: #213846; }

.progressbar li.filled + li:after {
  background-color: #213846; }

.motoreasy-banner {
  width: 100%;
  height: 280px;
  background: url('/sites/buyacar/themes/buyacar/images/motoreasy/shapes.svg') no-repeat;
  background-size: cover;
  background-color: #05977E;
  border-radius: 30px;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  margin-bottom: 20px; }
@media (min-width: 30em) {
  .motoreasy-banner {
        width: 494px;
        margin: 0 auto 20px auto; }
}
@media (min-width: 61.875em) {
  .motoreasy-banner {
        width: 100%;
        height: 130px;
        flex-direction: row; }
}
.motoreasy-leftSide {
  position: relative;
  margin: 0;
  width: 100%;
  overflow: hidden;
  flex: 1 0 auto; }
@media (min-width: 61.875em) {
  .motoreasy-leftSide {
        flex: 0 auto;
        width: 195px; }
}
.motoreasy-leftSide::before {
    content: '';
    position: absolute;
    height: 118px;
    width: 120%;
    border-radius: 50%;
    box-shadow: 0 58px 0 0 #ffffff;
    bottom: 1px;
    left: -27px;
    z-index: 20; }
@media (min-width: 30em) {
  .motoreasy-leftSide::before {
          left: -60px; }
}
@media (min-width: 61.875em) {
  .motoreasy-leftSide::before {
          height: 145px;
          width: 50px;
          border-radius: 50%;
          box-shadow: 20px 0 0 0 #05977E;
          right: 3px;
          top: -7px;
          left: auto; }
}
.motoreasy-leftSide::after {
    content: '';
    position: absolute;
    height: 118px;
    width: 120%;
    border-radius: 50%;
    box-shadow: 0 58px 0 0 rgba(5, 151, 126, 0.88);
    bottom: 1px;
    left: -27px;
    z-index: 21; }
@media (min-width: 30em) {
  .motoreasy-leftSide::after {
          left: -60px; }
}
@media (min-width: 61.875em) {
  .motoreasy-leftSide::after {
          bottom: 3px;
          height: 93px;
          width: 50px;
          right: 4px;
          left: auto;
          box-shadow: 30px 0 0 0 #ffffff;
          z-index: 30;
          border-radius: 51% 0;
          opacity: 0.089; }
}
.motoreasy-leftSide-bg {
    position: absolute;
    background: url('/sites/buyacar/themes/buyacar/images/motoreasy/left_bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: 10;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1); }
@media (min-width: 30em) {
  .motoreasy-leftSide-bg {
          background-position: center; }
}
@media (min-width: 61.875em) {
  .motoreasy-leftSide-bg {
          background-size: contain;
          transform: scaleX(1);
          -webkit-transform: scaleX(1); }
}
.motoreasy-logo {
  position: absolute;
  background-color: #ffffff;
  width: 215px;
  border-radius: 50%;
  height: 127px;
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: center;
  z-index: 11;
  top: -81px;
  left: -50px; }
@media (min-width: 61.875em) {
  .motoreasy-logo {
        width: 121px;
        height: 40px;
        top: -17px;
        left: 0; }
}
.motoreasy-logo::before {
    position: absolute;
    content: "";
    display: block;
    background: url('/sites/buyacar/themes/buyacar/images/motoreasy/motoreasy_logo.svg');
    background-repeat: no-repeat;
    background-size: 65%;
    height: 50px;
    background-position: center;
    width: 74%;
    bottom: 0;
    left: 37px; }
@media (min-width: 61.875em) {
  .motoreasy-logo::before {
          left: 0;
          width: 100%;
          top: 4px;
          bottom: auto; }
}
.motoreasy-rightSide {
  flex: 1;
  position: relative;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 10px; }
@media (min-width: 30em) {
  .motoreasy-rightSide {
        padding: 0 40px; }
}
@media (min-width: 61.875em) {
  .motoreasy-rightSide {
        padding: 0 60px 0 20px;
        align-items: flex-start; }
}
.motoreasy-rightSide-typo {
    font-size: 16px;
    color: #ffffff;
    padding-bottom: 10px;
    text-align: center; }
@media (min-width: 61.875em) {
  .motoreasy-rightSide-typo {
          text-align: left; }
}
.motoreasy-rightSide-typo span {
      font-weight: 700; }

.motoreasy-button {
  background-color: #ffffff;
  height: 28px;
  width: 217px;
  border-radius: 22px;
  color: #05977E !important;
  font-weight: 100;
  border: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  cursor: pointer;
  position: relative;
  padding: 0;
  text-align: center;
  line-height: 27px; }
@media (min-width: 61.875em) {
  .motoreasy-button {
        width: 186px; }
}
.motoreasy-button::after {
    position: absolute;
    right: 20px;
    font-family: "icons";
    content: "\E75E";
    font-size: 16px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 30px; }
@media (min-width: 61.875em) {
  .motoreasy-button::after {
          right: 12px; }
}
autoconvertep form .form-input .tap-buttons-list,
partexchangeep form .form-input .tap-buttons-list {
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  autoconvertep form .form-input .tap-buttons-list__item,
  partexchangeep form .form-input .tap-buttons-list__item {
    margin-bottom: 10px;
    background-color: #f8f8f8;
    color: #939393;
    flex-grow: 1;
    width: calc(100% / 3 - 10px); }
    autoconvertep form .form-input .tap-buttons-list__item:nth-child(odd),
    partexchangeep form .form-input .tap-buttons-list__item:nth-child(odd) {
      padding-right: 0; }
    autoconvertep form .form-input .tap-buttons-list__item:nth-child(even),
    partexchangeep form .form-input .tap-buttons-list__item:nth-child(even) {
      padding-left: 0; }
    autoconvertep form .form-input .tap-buttons-list__item-label,
    partexchangeep form .form-input .tap-buttons-list__item-label {
      padding: 15px;
      border: 1px solid #8E8E8E;
      border-radius: 3px;
      text-align: left;
      justify-content: left; }
      autoconvertep form .form-input .tap-buttons-list__item-label__text,
      partexchangeep form .form-input .tap-buttons-list__item-label__text {
        min-width: 100px;
        padding-left: 45px; }
    autoconvertep form .form-input .tap-buttons-list__item .checkmark,
    partexchangeep form .form-input .tap-buttons-list__item .checkmark {
      display: block;
      position: absolute;
      height: 28px;
      width: 28px;
      background-color: white;
      border-radius: 50%;
      border: 1px solid #b2b2b2;
      pointer-events: none; }
      autoconvertep form .form-input .tap-buttons-list__item .checkmark:after,
      partexchangeep form .form-input .tap-buttons-list__item .checkmark:after {
        content: '';
        display: block;
        margin-top: 5px;
        margin-left: 5px;
        width: 16px;
        height: 16px;
        border-radius: 100%; }
    autoconvertep form .form-input .tap-buttons-list__item:hover .tap-buttons-list__item-label,
    partexchangeep form .form-input .tap-buttons-list__item:hover .tap-buttons-list__item-label {
      border: 1px solid #1e3846; }
    autoconvertep form .form-input .tap-buttons-list__item:hover .checkmark:after,
    partexchangeep form .form-input .tap-buttons-list__item:hover .checkmark:after {
      background-color: #939393; }
    autoconvertep form .form-input .tap-buttons-list__item.active .tap-buttons-list__item-label,
    partexchangeep form .form-input .tap-buttons-list__item.active .tap-buttons-list__item-label {
      background: #1e3846;
      border: 1px solid #1e3846;
      color: #ffffff;
      transition: 0.25s;
      font-weight: bold; }
    autoconvertep form .form-input .tap-buttons-list__item.active .checkmark,
    partexchangeep form .form-input .tap-buttons-list__item.active .checkmark {
      border: 1px solid #1e3846; }
      autoconvertep form .form-input .tap-buttons-list__item.active .checkmark:after,
      partexchangeep form .form-input .tap-buttons-list__item.active .checkmark:after {
        background-color: #1e3846; }

autoconvertep form .form-input .tap-buttons-wrapper,
partexchangeep form .form-input .tap-buttons-wrapper {
  margin: auto;
  margin-top: 10px; }
  autoconvertep form .form-input .tap-buttons-wrapper .tap-buttons-list__item,
  partexchangeep form .form-input .tap-buttons-wrapper .tap-buttons-list__item {
    width: 100%;
    padding: 0; }
@media (min-width: 47.5em) {
  autoconvertep form .form-input .tap-buttons-wrapper .tap-buttons-list__item,
        partexchangeep form .form-input .tap-buttons-wrapper .tap-buttons-list__item {
          margin: 10px 0 0; }
}
@media (min-width: 47.5em) {
  autoconvertep form .form-input .autoconvert-inline,
    partexchangeep form .form-input .autoconvert-inline {
      justify-content: space-between; }
      autoconvertep form .form-input .autoconvert-inline .tap-buttons-list__item,
      partexchangeep form .form-input .autoconvert-inline .tap-buttons-list__item {
        flex-grow: 2; }
}
autoconvertep form .form-input-text-label,
partexchangeep form .form-input-text-label {
  display: flex;
  margin-left: -20px;
  margin-right: -20px; }
  autoconvertep form .form-input-text-label label,
  partexchangeep form .form-input-text-label label {
    width: 100%;
    padding: 10px;
    margin-right: 10px; }
  autoconvertep form .form-input-text-label input,
  partexchangeep form .form-input-text-label input {
    height: 56px; }
  autoconvertep form .form-input-text-label input[type='text'],
  autoconvertep form .form-input-text-label input[type='email'],
  autoconvertep form .form-input-text-label input[type='tel'],
  autoconvertep form .form-input-text-label input[type='number'],
  partexchangeep form .form-input-text-label input[type='text'],
  partexchangeep form .form-input-text-label input[type='email'],
  partexchangeep form .form-input-text-label input[type='tel'],
  partexchangeep form .form-input-text-label input[type='number'] {
    border: 1px solid #b2b2b2;
    border-radius: 3px; }
    autoconvertep form .form-input-text-label input[type='text']:hover, autoconvertep form .form-input-text-label input[type='text']:focus,
    autoconvertep form .form-input-text-label input[type='email']:hover,
    autoconvertep form .form-input-text-label input[type='email']:focus,
    autoconvertep form .form-input-text-label input[type='tel']:hover,
    autoconvertep form .form-input-text-label input[type='tel']:focus,
    autoconvertep form .form-input-text-label input[type='number']:hover,
    autoconvertep form .form-input-text-label input[type='number']:focus,
    partexchangeep form .form-input-text-label input[type='text']:hover,
    partexchangeep form .form-input-text-label input[type='text']:focus,
    partexchangeep form .form-input-text-label input[type='email']:hover,
    partexchangeep form .form-input-text-label input[type='email']:focus,
    partexchangeep form .form-input-text-label input[type='tel']:hover,
    partexchangeep form .form-input-text-label input[type='tel']:focus,
    partexchangeep form .form-input-text-label input[type='number']:hover,
    partexchangeep form .form-input-text-label input[type='number']:focus {
      border: 2px solid #1e3846; }
  autoconvertep form .form-input-text-label .success-form-border,
  partexchangeep form .form-input-text-label .success-form-border {
    border: 1px solid #b2b2b2 !important; }
  autoconvertep form .form-input-text-label .error-form-border,
  partexchangeep form .form-input-text-label .error-form-border {
    border: 1px solid #b2b2b2 !important; }
  autoconvertep form .form-input-text-label .status-line,
  partexchangeep form .form-input-text-label .status-line {
    height: auto;
    width: 10px; }

autoconvertep form .form-input .error-form-label,
partexchangeep form .form-input .error-form-label {
  background-color: #fce5e8; }
  autoconvertep form .form-input .error-form-label .form-label-title,
  autoconvertep form .form-input .error-form-label .sub-title,
  partexchangeep form .form-input .error-form-label .form-label-title,
  partexchangeep form .form-input .error-form-label .sub-title {
    color: #da001b; }
  autoconvertep form .form-input .error-form-label .status-line,
  partexchangeep form .form-input .error-form-label .status-line {
    background-color: #da001b; }

autoconvertep .other-details-form-select-table .form-input-text-label,
partexchangeep .other-details-form-select-table .form-input-text-label {
  width: calc(100% + 40px); }

autoconvertep form .form-input-text-label,
partexchangeep form .form-input-text-label {
  display: flex;
  margin-left: -20px;
  margin-right: -20px; }
  autoconvertep form .form-input-text-label select,
  partexchangeep form .form-input-text-label select {
    height: 56px;
    font-size: 16px;
    line-height: 56px;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAAG64y5nAAAAAXNSR0IArs4c6QAAAJ1JREFUGBlj7Ovrm8PAwODBAGQ8YQSywAwgtYMRJAISgAOYALIyuCQjI6MPnNPf328AUw0SxDQLonQHE4o2qP6ioqIUpsLCwgtA/g6oGANQUAbEZgIRIBUgGlk348yZM/m/fv0K0iELksQDHnNzc3uAvQFSBHRtyv///xuwaQDa0AB0CiiMGOAaQBwstoFNTU9P/wiSxwlAtoEwNgUALI08dneDeDcAAAAASUVORK5CYII=");
    background-position: calc(100% - 20px) 22px; }
    autoconvertep form .form-input-text-label select:hover, autoconvertep form .form-input-text-label select:active,
    partexchangeep form .form-input-text-label select:hover,
    partexchangeep form .form-input-text-label select:active {
      border-color: #5f6f90; }

.promo_banner {
  width: 100vw;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 68px;
  line-height: 15px;
  margin-left: 50%;
  padding: 12px;
  background-color: #F9F9F9;
  box-shadow: 2px 10px 9px -11px rgba(0, 0, 0, 0.4);
  font-size: 12.4444444443px;
  font-weight: bolder;
  color: #009363;
  transform: translateX(-50%); }
  .promo_banner .icon {
    margin-right: 5px; }
  .autoconvert-inner .promo_banner {
    top: -40px; }
  .promo_banner .message-trustpilot {
    padding-left: 12px; }

partexchangeep label[for='plate'] input[name='plate'] {
  height: 90px;
  font-weight: 700;
  font-size: 56px;
  text-align: center;
  text-transform: uppercase;
  background: url("https://www.buyacar.co.uk/partex/img/png/numberplate.png") left center no-repeat; }
@media (max-width: 47.49em) {
  partexchangeep label[for='plate'] input[name='plate'] {
        font-size: 28px; }
}
@media (max-width: 47.49em) {
  partexchangeep .plate-form-input .form-input-text-label {
      margin-left: -20px;
      margin-right: -20px; }
}
partexchangeep .form--privacy-notice .checkbox-inputs-wrapper .form-input-text-label {
  display: none; }

partexchangeep .flex-table.vehicle-stats {
  flex-wrap: wrap; }
  partexchangeep .flex-table.vehicle-stats .column {
    margin-bottom: 10px; }

partexchangeep .partexchange__step {
  max-width: 500px;
  margin: 0 auto; }
  partexchangeep .partexchange__step-heading {
    margin-top: 32px;
    margin-bottom: 30px;
    color: #000000;
    font-weight: 700; }

partexchangeep .agree-valutaion-step {
  max-width: 500px;
  margin: 30px auto 0;
  text-align: center; }
  partexchangeep .agree-valutaion-step img {
    display: block;
    margin: 20px auto; }
  partexchangeep .agree-valutaion-step input {
    margin: 5px auto; }
  partexchangeep .agree-valutaion-step .partexchange__step-heading {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 30px;
    color: #000000;
    font-weight: 700;
    font-size: 25px;
    line-height: 31px; }

partexchangeep .valuation_benefits {
  background-color: #f6f6f6;
  text-align: left;
  padding: 15px 25px; }
  partexchangeep .valuation_benefits .benefits_text {
    margin-bottom: 10px; }

partexchangeep .valuation_privacy {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  text-align: left;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: .3px;
  color: #bababa; }
  partexchangeep .valuation_privacy p {
    margin-left: 18px;
    margin-bottom: 0; }

autoconvertep,
partexchangeep {
  display: block; }
  autoconvertep h1,
  autoconvertep h2,
  autoconvertep h3,
  autoconvertep h4,
  autoconvertep h5,
  autoconvertep h6,
  partexchangeep h1,
  partexchangeep h2,
  partexchangeep h3,
  partexchangeep h4,
  partexchangeep h5,
  partexchangeep h6 {
    font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif; }
  autoconvertep .container--finance-form,
  partexchangeep .container--finance-form {
    min-height: auto; }
  autoconvertep .form-section-wrapper,
  partexchangeep .form-section-wrapper {
    max-width: 500px;
    margin: 0 auto; }
  autoconvertep .form--tooltip,
  partexchangeep .form--tooltip {
    display: none;
    bottom: 22px;
    right: 18px; }
  autoconvertep .container-block-orig-spinner,
  partexchangeep .container-block-orig-spinner {
    left: 0; }
  autoconvertep .autoconvert-input-group,
  partexchangeep .autoconvert-input-group {
    width: 100%; }
  autoconvertep .form-employment__salary label[data-name='salary']:before,
  partexchangeep .form-employment__salary label[data-name='salary']:before {
    left: 18px;
    line-height: 76px; }
@media (min-width: 61.875em) {
  autoconvertep,
      partexchangeep {
        width: 78%;
        margin: auto; }
        autoconvertep .autoconvert-input-group,
        partexchangeep .autoconvert-input-group {
          margin: auto;
          margin-top: 20px; }
}
autoconvertep input[type='number']::-webkit-inner-spin-button,
  autoconvertep input[type='number']::-webkit-outer-spin-button,
  partexchangeep input[type='number']::-webkit-inner-spin-button,
  partexchangeep input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  autoconvertep input[type='number'],
  partexchangeep input[type='number'] {
    -moz-appearance: textfield; }
  autoconvertep .landing-title,
  partexchangeep .landing-title {
    margin: 0 auto 40px;
    padding: 0 10px;
    font-weight: bold;
    font-size: 25px;
    line-height: 31px;
    text-align: center;
    letter-spacing: 0.6px; }
@media (min-width: 47.5em) {
  autoconvertep .landing-title,
        partexchangeep .landing-title {
          margin-bottom: 30px; }
}
@media (min-width: 61.875em) {
  autoconvertep .landing-title,
        partexchangeep .landing-title {
          font-size: 30px;
          line-height: 38px; }
}
.page-gofinance {
  background-color: #e7e7e7; }
  .page-gofinance .autoconvert-inner {
    margin-top: 40px;
    padding: 0 10px; }
  .page-gofinance #page-title {
    display: none; }
  .page-gofinance #main {
    padding: 0 15px;
    background-color: #e7e7e7; }
  .page-gofinance .container--finance-form {
    padding: 10px;
    background-color: #ffffff; }
  .page-gofinance .js-vehicle-info-content {
    margin-left: -20px;
    margin-right: -20px; }
@media (min-width: 47.5em) {
  .page-gofinance .js-vehicle-info-content {
          margin-left: auto;
          margin-right: auto; }
}
autoconvertep .link--button-forward, partexchangeep .link--button-forward {
  width: 100%;
  max-width: 500px;
  height: 52px;
  font-weight: normal;
  font-size: 16px;
  margin: 20px 0 0;
  min-width: 25%;
  box-shadow: 2px 1px 14px 0 rgba(245, 0, 87, 0.26);
  transition: background-color 0.2s; }
@media (min-width: 61.875em) {
  autoconvertep .link--button-forward, partexchangeep .link--button-forward {
        margin: 20px 0; }
}
autoconvertep .link--button-forward::after, partexchangeep .link--button-forward::after {
    font-size: 12px; }

autoconvertep .link-cancel, partexchangeep .link-cancel {
  width: 100%;
  max-width: 500px;
  height: 52px;
  font-size: 16px;
  margin: 30px 0;
  min-width: 25%;
  border-radius: 3px !important;
  font-weight: bold; }
  autoconvertep .link-cancel::after, partexchangeep .link-cancel::after {
    font-size: 12px; }
@media (max-width: 39.99em) {
  autoconvertep .link-cancel, partexchangeep .link-cancel {
        width: 100%; }
}
@media (min-width: 47.5em) and (max-width: 61.865em) {
  autoconvertep .link-cancel, partexchangeep .link-cancel {
        width: auto; }
}
autoconvertep .button-back,
partexchangeep .button-back {
  font-family: "Notosans", Arial, Verdana, "Bitstream Vera Sans", sans-serif;
  font-size: 16px;
  background: transparent;
  color: #023145;
  border-radius: 5px;
  padding: 0 1em;
  min-height: 42px;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  display: inline-block;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700; }
  autoconvertep .button-back:visited,
  partexchangeep .button-back:visited {
    color: #023145; }
  autoconvertep .button-back:hover:not(:disabled),
  partexchangeep .button-back:hover:not(:disabled) {
    background: rgba(15, 15, 15, 0);
    color: #023145; }
  autoconvertep .button-back:disabled,
  partexchangeep .button-back:disabled {
    opacity: 0.4;
    cursor: default; }
  autoconvertep .button-back:after, autoconvertep .button-back:before,
  partexchangeep .button-back:after,
  partexchangeep .button-back:before {
    font-family: "icons"; }
  autoconvertep .button-back:before,
  partexchangeep .button-back:before {
    content: "\E845";
    margin-right: 12px; }

.progress-container {
  height: 25px;
  width: 100%;
  margin-bottom: 20px; }
  .progress-container .progress-step-container {
    top: 10px;
    margin: 0 auto;
    position: relative; }
  .progress-container .progress-line-container {
    background-color: #d8dee5;
    height: 2px;
    width: 100%;
    border-radius: 3px; }
    .progress-container .progress-line-container .progress-line {
      background: #213846;
      height: 2px;
      width: 0;
      transition: all .2s linear;
      border-radius: 100px; }
@media (min-width: 61.875em) {
  .progress-container .progress-line-container {
        height: 5px; }
      .progress-container .progress-line {
        height: 5px; }
}
.progress-container .progress-bullet-container {
    background: transparent;
    width: 0;
    height: 0;
    overflow: visible;
    position: relative;
    display: block; }
    .progress-container .progress-bullet-container .progress-bullet {
      width: 22px;
      height: 22px;
      background: #d8dee5;
      border-radius: 22px;
      transform: translate(-10px, -10px);
      transition: all .4s linear; }
    .progress-container .progress-bullet-container .progress-bullet.active {
      background-color: #213846; }

autoconvertep .common-styles, autoconvertep form .form-input-text-label .form-label-title,
partexchangeep form .form-input-text-label autoconvertep .form-label-title, autoconvertep form .tap-buttons-title__text,
partexchangeep form autoconvertep .tap-buttons-title__text,
partexchangeep .common-styles, autoconvertep form .form-input-text-label
partexchangeep .form-label-title, partexchangeep form .form-input-text-label .form-label-title, autoconvertep form
partexchangeep .tap-buttons-title__text, partexchangeep form .tap-buttons-title__text {
  font-weight: 600;
  color: #000000;
  display: block; }

autoconvertep .title, autoconvertep form .form-input-text-label .sub-title,
partexchangeep form .form-input-text-label autoconvertep .sub-title, autoconvertep form .sub-title,
partexchangeep form autoconvertep .sub-title,
partexchangeep .title, autoconvertep form .form-input-text-label
partexchangeep .sub-title, partexchangeep form .form-input-text-label .sub-title, autoconvertep form
partexchangeep .sub-title, partexchangeep form .sub-title {
  color: #737373;
  font-size: 0.87em; }
@media (max-width: 47.49em) {
  autoconvertep .title, autoconvertep form .form-input-text-label .sub-title,
      partexchangeep form .form-input-text-label autoconvertep .sub-title, autoconvertep form .sub-title,
      partexchangeep form autoconvertep .sub-title,
      partexchangeep .title, autoconvertep form .form-input-text-label
      partexchangeep .sub-title, partexchangeep form .form-input-text-label .sub-title, autoconvertep form
      partexchangeep .sub-title, partexchangeep form .sub-title {
        line-height: 20px;
        margin-bottom: 15px; }
}
autoconvertep form .form-input-text-label .sub-title,
partexchangeep form .form-input-text-label .sub-title {
  margin-bottom: 10px; }

autoconvertep form .form-input-text-label .form-label-title,
partexchangeep form .form-input-text-label .form-label-title {
  display: block; }

autoconvertep form .form-input-text-label label sup,
partexchangeep form .form-input-text-label label sup {
  display: none; }

autoconvertep form .tap-buttons-title__text sup,
partexchangeep form .tap-buttons-title__text sup {
  display: none; }

.confirmation-block {
  text-align: center;
  margin-top: 50px; }
  .confirmation-block img {
    width: 100px;
    height: 116px; }
@media (min-width: 47.5em) {
  .confirmation-block img {
          width: 20%;
          height: auto; }
}
.confirmation-block h3 {
    height: 31px;
    color: #333333;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0.54px;
    line-height: 31px; }
  .confirmation-block p {
    height: 67px;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0.34px;
    line-height: 20px; }
@media (min-width: 47.5em) {
  .confirmation-block p {
          padding: 0 16%; }
}
p.confirm_submiting-message {
  height: 44px;
  font-size: 14px;
  line-height: 17.776px;
  color: #bababa;
  text-align: center;
  letter-spacing: 0.3px; }
  p.confirm_submiting-message a {
    text-decoration: underline; }
@media (min-width: 47.5em) {
  p.confirm_submiting-message {
        padding: 0 5%; }
}
.confirm_intention {
  margin: 30px 0 13px 0 !important; }

.lender-consent-block {
  padding: 5% 0;
  margin: 5% 0;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.06); }
@media (min-width: 47.5em) {
  .lender-consent-block {
        padding: 5% 14%; }
}
.lender-consent-block__title {
    font-family: Muli;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #333333;
    padding-bottom: 30px;
    margin: 0; }
  .lender-consent-block .option-one,
  .lender-consent-block .option-two {
    display: flex;
    margin-bottom: 5%; }
  .lender-consent-block input.checkbox {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #ed8500;
    width: 22px;
    height: 22px;
    line-height: 16px;
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 5px 15px 0 0;
    float: none;
    flex: none; }
    .lender-consent-block input.checkbox:before {
      font-family: "icons";
      content: "  ";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      margin: 0; }
    .lender-consent-block input.checkbox:checked:before {
      content: '\2713';
      width: 22px; }
    .lender-consent-block input.checkbox:checked {
      border: 1px solid #ccc; }
    .lender-consent-block input.checkbox:checked, .lender-consent-block input.checkbox:focus, .lender-consent-block input.checkbox:before, .lender-consent-block input.checkbox:focus:checked {
      background: none;
      box-shadow: none; }
    .lender-consent-block input.checkbox:disabled {
      cursor: default; }
    .lender-consent-block input.checkbox::-ms-expand {
      /* for IE */
      display: none; }

.slider-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: #f6f6f6; }
@media (min-width: 47.5em) {
  .slider-wrapper {
        padding: 5%; }
}
@media (min-width: 61.875em) {
  .slider-wrapper {
        padding: 0; }
}
.slider-wrapper-content {
    position: relative; }

.slider-counter {
  background-color: #213846;
  bottom: 10px;
  color: #ffffff;
  left: 10px;
  padding-bottom: 4px;
  padding-top: 4px;
  position: absolute;
  text-align: center;
  width: 62px;
  z-index: 1; }

.slider-close {
  display: none; }

.slider-fullScreen {
  background-color: rgba(33, 56, 70, 0.4);
  color: #fff;
  height: 40px;
  line-height: 38px;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
  top: 0;
  width: 40px;
  z-index: 1; }
@media (min-width: 47.5em) {
  .slider-fullScreen {
        display: none; }
}
.slider-fullScreen.active {
    display: none; }
  .slider-fullScreen::before {
    font-family: "icons";
    content: "🔍";
    font-style: normal;
    font-weight: normal;
    speak: none; }

.slider-nextButton, .slider-previousButton {
  cursor: pointer;
  font-family: "icons";
  font-size: 3em;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  z-index: 1;
  text-shadow: 0 0 5px #000000; }
  .slider-nextButton.disable, .slider-previousButton.disable {
    display: none; }
  .slider-nextButton:hover, .slider-previousButton:hover {
    color: #ffffff; }

.slider-previousButton {
  left: 0; }
  .slider-previousButton:before {
    content: "\e761"; }

.slider-nextButton {
  right: 0; }
  .slider-nextButton:before {
    content: "\e762"; }

.slider-reserved {
  position: absolute;
  display: flex;
  align-items: center;
  top: 15px;
  left: 15px;
  height: 30px;
  padding: 0 10px 0 7px;
  background-color: #6D7278;
  border-radius: 3px; }
  .slider-reserved-icon {
    width: 20px;
    margin-right: 3px;
    margin-bottom: 2px; }
  .slider-reserved-txt {
    font-size: 12.4444444443px;
    margin: 0; }

.fullscreen-modal + .slider-close {
  display: block;
  color: #ffffff;
  height: 50px;
  line-height: 50px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 50px;
  z-index: 5;
  font-size: 40px; }

.isFullScreen {
  overflow-y: hidden; }

.save-vehicle {
  background-image: url('/sites/buyacar/themes/buyacar/images/svgs/heart_svg.svg');
  background-color: transparent;
  border: none;
  height: 40px;
  width: 40px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  text-indent: -9999px; }

.confirmation-block {
  text-align: center;
  margin-top: 50px; }
  .confirmation-block img {
    width: 100px;
    height: 116px; }
@media (min-width: 47.5em) {
  .confirmation-block img {
          width: 20%;
          height: auto; }
}
.confirmation-block h3 {
    height: 31px;
    color: #333333;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0.54px;
    line-height: 31px; }
  .confirmation-block p {
    height: 67px;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0.34px;
    line-height: 20px; }
@media (min-width: 47.5em) {
  .confirmation-block p {
          padding: 0 16%; }
}
p.confirm_submiting-message {
  height: 44px;
  font-size: 14px;
  line-height: 17.776px;
  color: #bababa;
  text-align: center;
  letter-spacing: 0.3px; }
  p.confirm_submiting-message a {
    text-decoration: underline; }
@media (min-width: 47.5em) {
  p.confirm_submiting-message {
        padding: 0 5%; }
}
.confirm_intention {
  margin: 30px 0 13px 0 !important; }

.lender-consent-block {
  padding: 5% 0;
  margin: 5% 0;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.06); }
@media (min-width: 47.5em) {
  .lender-consent-block {
        padding: 5% 14%; }
}
.lender-consent-block__title {
    font-family: Muli;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #333333;
    padding-bottom: 30px;
    margin: 0; }
  .lender-consent-block .option-one,
  .lender-consent-block .option-two {
    display: flex;
    margin-bottom: 5%; }
  .lender-consent-block input.checkbox {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #ed8500;
    width: 22px;
    height: 22px;
    line-height: 16px;
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 5px 15px 0 0;
    float: none;
    flex: none; }
    .lender-consent-block input.checkbox:before {
      font-family: "icons";
      content: "  ";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      margin: 0; }
    .lender-consent-block input.checkbox:checked:before {
      content: '\2713';
      width: 22px; }
    .lender-consent-block input.checkbox:checked {
      border: 1px solid #ccc; }
    .lender-consent-block input.checkbox:checked, .lender-consent-block input.checkbox:focus, .lender-consent-block input.checkbox:before, .lender-consent-block input.checkbox:focus:checked {
      background: none;
      box-shadow: none; }
    .lender-consent-block input.checkbox:disabled {
      cursor: default; }
    .lender-consent-block input.checkbox::-ms-expand {
      /* for IE */
      display: none; }

.carbuyinggroup_container {
  display: flex;
  justify-content: center;
  margin-right: -20px;
  margin-bottom: 10px;
  margin-left: -20px;
  padding-right: 20px;
  padding-left: 20px;
  background: #F1FBFF;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }
@media (min-width: 61.875em) {
  .carbuyinggroup_container {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        border-radius: 10px; }
}
.carbuyinggroup {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 410px;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #333333; }
  .carbuyinggroup button {
    width: 80%; }
    .carbuyinggroup button:disabled {
      background-color: #8E8E8E;
      box-shadow: none;
      cursor: default; }
  .carbuyinggroup_logo {
    width: 80%;
    padding-bottom: 20px; }
  .carbuyinggroup_heading {
    margin-bottom: 0;
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    text-align: center; }
  .carbuyinggroup .hint {
    font-size: 12.4444444443px;
    letter-spacing: 0.3px; }
  .carbuyinggroup .valuation {
    padding-bottom: 20px;
    font-size: 25px; }
  .carbuyinggroup .text-center {
    text-align: center; }

mypartexchangequoteentrypoint .counter-offer-sent {
  margin-top: 70px;
  margin-bottom: 70px;
  text-align: center;
  font-size: 20px;
  color: #333333;
  letter-spacing: 0.4px;
  line-height: 27px; }

mypartexchangequoteentrypoint .success-message,
mypartexchangequoteentrypoint .error-message {
  width: 100%;
  padding: 12px 0;
  font-size: 16px;
  text-align: center; }

mypartexchangequoteentrypoint .error-message {
  color: #f40057; }

mypartexchangequoteentrypoint .success-message {
  color: #00B67A; }

mypartexchangequoteentrypoint .counter-offer-container {
  display: flex;
  justify-content: center;
  margin-right: -20px;
  margin-left: -20px;
  padding-right: 10px !important;
  padding-left: 10px !important; }
@media (min-width: 61.875em) {
  mypartexchangequoteentrypoint .counter-offer-container {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0; }
}
mypartexchangequoteentrypoint .counter-offer-container .heading {
    font-size: 22px;
    font-weight: 700; }
  mypartexchangequoteentrypoint .counter-offer-container p {
    font-size: 20px;
    text-align: center; }
@media (min-width: 61.875em) {
  mypartexchangequoteentrypoint .counter-offer-container p {
          padding-right: 100px;
          padding-left: 100px; }
}
mypartexchangequoteentrypoint .counter-offer-container .onMobile {
    display: flex; }
@media (min-width: 61.875em) {
  mypartexchangequoteentrypoint .counter-offer-container .onMobile {
          display: none; }
}
mypartexchangequoteentrypoint .counter-offer-container .onDesktop {
    display: none; }
@media (min-width: 61.875em) {
  mypartexchangequoteentrypoint .counter-offer-container .onDesktop {
          display: flex; }
}
mypartexchangequoteentrypoint .counter-offer {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  padding-top: 70px;
  padding-bottom: 30px;
  color: #333333; }
  mypartexchangequoteentrypoint .counter-offer button {
    margin-top: 30px; }
@media (min-width: 61.875em) {
  mypartexchangequoteentrypoint .counter-offer button {
          align-self: flex-end; }
}
mypartexchangequoteentrypoint .counter-offer button:disabled {
      box-shadow: none;
      border-color: #8E8E8E;
      color: #8E8E8E !important;
      cursor: default; }
  mypartexchangequoteentrypoint .counter-offer .error {
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #ed4e53;
    color: #ed4e53; }
  mypartexchangequoteentrypoint .counter-offer .hasError {
    border: 1px solid #ed4e53; }

mypartexchangequoteentrypoint .counter-form {
  display: flex;
  flex-direction: column; }
  mypartexchangequoteentrypoint .counter-form textarea {
    height: 168px;
    margin: 0;
    margin-bottom: 10px;
    border-radius: 6.5px;
    resize: none; }
  mypartexchangequoteentrypoint .counter-form .left {
    display: flex; }
@media (min-width: 61.875em) {
  mypartexchangequoteentrypoint .counter-form .left {
          flex-basis: 20%; }
}
mypartexchangequoteentrypoint .offer {
  display: flex;
  align-items: center;
  padding-bottom: 10px; }
@media (min-width: 61.875em) {
  mypartexchangequoteentrypoint .offer {
        align-self: flex-start;
        align-items: start;
        width: 100%;
        padding-bottom: 0; }
}
mypartexchangequoteentrypoint .offer > * {
    display: flex; }
  mypartexchangequoteentrypoint .offer input {
    width: 190px;
    height: 45px;
    margin-left: 5px;
    background-color: #F9F9F9;
    border-radius: 6.5px; }
@media (min-width: 61.875em) {
  mypartexchangequoteentrypoint .offer input {
          margin-left: 0;
          margin-bottom: 10px; }
}
mypartexchangequoteentrypoint .offer .left {
    padding-right: 10px; }
  mypartexchangequoteentrypoint .offer .right {
    display: flex; }
@media (min-width: 61.875em) {
  mypartexchangequoteentrypoint .offer .right {
          flex-direction: column; }
}
mypartexchangequoteentrypoint .reason {
  margin-top: 30px; }
@media (min-width: 61.875em) {
  mypartexchangequoteentrypoint .reason {
        display: flex;
        flex-direction: row;
        margin-bottom: 25px; }
}
mypartexchangequoteentrypoint .reason .right {
    display: flex;
    flex-direction: column;
    flex-basis: 80%; }

mypartexchangequoteentrypoint .left {
  display: flex;
  flex-direction: column; }

mypartexchangequoteentrypoint .hint {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.3px; }
@media (min-width: 61.875em) {
  mypartexchangequoteentrypoint .hint {
        margin-top: 30px; }
}
mypartexchangequoteentrypoint .error {
  display: flex; }

.motoring-services {
  position: relative;
  margin-bottom: 280px; }
  .motoring-services h2, .motoring-services h3, .motoring-services h5, .motoring-services div {
    font-family: "Noto Sans", sans-serif; }
  .motoring-services div {
    font-weight: 100; }
  .motoring-services__hero-image-container {
    position: relative;
    display: none;
    width: 100vw;
    height: 100%;
    max-width: 1570px; }
@media (min-width: 55em) {
  .motoring-services__hero-image-container {
          display: block; }
}
.motoring-services__hero-image-container .motoring-hero-image {
      width: 100%;
      height: 435px;
      position: absolute;
      right: 0;
      top: 0;
      background-position: bottom right;
      background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/motoring-service-hero-image.png");
      background-size: auto;
      background-repeat: no-repeat;
      margin-right: calc(61% - 50vw); }
@media (max-width: 93.75em) {
  .motoring-services__hero-image-container .motoring-hero-image {
            margin-right: calc(50% - 50vw); }
}
@media (max-width: 65.625em) {
  .motoring-services__hero-image-container .motoring-hero-image {
            margin-right: calc(20% - 40vw); }
}
.motoring-services__hero-image-block {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: 85px 0;
    text-align: center; }
@media (min-width: 55em) {
  .motoring-services__hero-image-block {
          width: 690px;
          height: 435px;
          margin-top: 0;
          text-align: left; }
}
.motoring-services__hero-image-block .hero-title {
      font-family: Sarala;
      font-size: 40px;
      line-height: 46px;
      font-weight: bold;
      color: #333333;
      width: 100%; }
@media (min-width: 55em) {
  .motoring-services__hero-image-block .hero-title {
            font-size: 50px;
            line-height: 62px; }
}
.motoring-services__hero-image-block .hero-text {
      width: 100%;
      color: #333333;
      font-size: 18px;
      line-height: 24px;
      font-weight: 100; }
@media (min-width: 55em) {
  .motoring-services__hero-image-block .hero-text {
            width: 90%;
            font-size: 22px;
            line-height: 30px; }
}
.motoring-services .motoring-services-item-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 11px;
    background-color: #ffffff;
    box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.06);
    margin-bottom: 40px;
    padding: 0 13px; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-block {
          flex-direction: row;
          padding: 0; }
}
.motoring-services .motoring-services-item-block h5 {
      font-weight: bold;
      margin-top: 40px; }
    .motoring-services .motoring-services-item-block .button-container {
      width: 100%;
      height: auto;
      display: flex;
      align-items: center;
      flex-direction: column;
      padding-top: 40px; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-block .button-container {
            align-items: flex-end; }
}
.motoring-services .motoring-services-item-block .button-container .link-button {
        height: 40px;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: relative; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-block .button-container .link-button {
              width: 311px; }
}
.motoring-services .motoring-services-item-block .button-container .link-button::after {
          content: '';
          position: absolute;
          right: 7.5%;
          width: 12px;
          height: 12px;
          border: 3px solid #F30059;
          border-left: 0;
          border-bottom: 0;
          transform: rotate(45deg); }
    .motoring-services .motoring-services-item-block__logo-container {
      display: flex;
      flex: 2;
      align-items: flex-start;
      padding-top: 40px;
      flex-direction: column;
      justify-content: flex-start; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-block__logo-container {
            align-items: center;
            padding: 130px 30px 0; }
}
.motoring-services .motoring-services-item-block__logo-container.low-content {
        flex: 1;
        padding-top: 40px; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-block__logo-container.low-content {
              padding: 80px 30px 0; }
}
.motoring-services .motoring-services-item-block__logo-container .logo {
        width: 80px;
        height: 30px;
        padding: 15px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-block__logo-container .logo {
              width: 168px;
              height: 68px; }
}
.motoring-services .motoring-services-item-block__logo-container .logo.motoreasy {
          background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/motor-easy.svg"); }
        .motoring-services .motoring-services-item-block__logo-container .logo.warranty-wise {
          background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/warranty_wise.svg"); }
@media (max-width: 40.625em) {
  .motoring-services .motoring-services-item-block__logo-container .logo.warranty-wise {
                padding-bottom: 25px; }
}
.motoring-services .motoring-services-item-block__logo-container .logo.auto-express {
          background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/auto-express.svg"); }
@media (max-width: 40.625em) {
  .motoring-services .motoring-services-item-block__logo-container .logo.auto-express {
                width: 20px;
                height: 50px; }
}
.motoring-services .motoring-services-item-block__logo-container .logo.vantage {
          background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/vantage.svg"); }
@media (max-width: 40.625em) {
  .motoring-services .motoring-services-item-block__logo-container .logo.vantage {
                margin: 0 0 10px 5px; }
}
.motoring-services .motoring-services-item-block__logo-container .logo.octane {
          background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/octane.svg"); }
@media (max-width: 40.625em) {
  .motoring-services .motoring-services-item-block__logo-container .logo.octane {
                margin: 0 10px 10px;
                width: 90px; }
}
.motoring-services .motoring-services-item-block__logo-container .logo.evo {
          background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/evo.svg"); }
@media (max-width: 40.625em) {
  .motoring-services .motoring-services-item-block__logo-container .logo.evo {
                margin: 0 0 16px 2px; }
}
.motoring-services .motoring-services-item-block__right-section {
      flex: 8;
      padding-bottom: 40px; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-block__right-section {
            padding: 20px 50px 40px 0; }
}
.motoring-services .motoring-services-item-block__right-section.low-content {
        flex: 9; }
      .motoring-services .motoring-services-item-block__right-section .motoreasy-top-section {
        height: auto;
        width: 100%;
        display: flex;
        color: #333333; }
        .motoring-services .motoring-services-item-block__right-section .motoreasy-top-section__content {
          width: 100%;
          font-weight: 100; }
        .motoring-services .motoring-services-item-block__right-section .motoreasy-top-section .top-section-title {
          font-size: 30px;
          font-weight: bold;
          line-height: 41px;
          margin-top: 0; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-block__right-section .motoreasy-top-section .top-section-title {
                margin-top: revert; }
}
.motoring-services .motoring-services-item-block__right-section .motoreasy-top-section .top-section-text {
          font-size: 16px;
          line-height: 22px; }
          .motoring-services .motoring-services-item-block__right-section .motoreasy-top-section .top-section-text.low-content {
            font-size: 18px;
            line-height: 30px; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-block__right-section .motoreasy-top-section .top-section-text.low-content {
                  font-size: 22px; }
}
.motoring-services .motoring-services-item-block .separator {
      box-sizing: border-box;
      height: 4px;
      width: 100%;
      border-bottom: 1px solid #E3E3E3;
      padding-bottom: 40px; }
    .motoring-services .motoring-services-item-block ul {
      padding-bottom: 12px; }
      .motoring-services .motoring-services-item-block ul li {
        position: relative;
        width: 320px;
        padding-left: 50px;
        margin-bottom: 15px; }
        .motoring-services .motoring-services-item-block ul li::before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          height: 30px;
          width: 30px;
          background-size: cover;
          background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/checkmark.svg");
          background-position: center center;
          background-repeat: no-repeat; }
  .motoring-services .motoring-services-item-trust-proof {
    width: 100%;
    height: 100%;
    border-top: 1px solid #E3E3E3;
    margin-top: 80px;
    color: #333333; }
    .motoring-services .motoring-services-item-trust-proof h1 {
      font-family: Sarala;
      font-size: 30px;
      line-height: 40px;
      font-weight: bold;
      text-align: center;
      padding: 80px 0 50px 0; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-trust-proof h1 {
            text-align: left; }
}
.motoring-services .motoring-services-item-trust-proof h3 {
      font-size: 18px;
      font-weight: bold;
      margin-top: 23px; }
    .motoring-services .motoring-services-item-trust-proof .trust-proof-grid {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-trust-proof .trust-proof-grid {
            flex-direction: row; }
}
.motoring-services .motoring-services-item-trust-proof .trust-proof-grid__item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-weight: 100;
        margin-bottom: 40px;
        padding: 0 40px; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-trust-proof .trust-proof-grid__item {
              width: 258px;
              justify-content: flex-start;
              align-items: flex-start;
              text-align: left;
              padding: 0 10px;
              margin-bottom: 0; }
}
.motoring-services .motoring-services-item-trust-proof .trust-proof-grid__item div {
          font-size: 14px;
          line-height: 19px; }
        .motoring-services .motoring-services-item-trust-proof .trust-proof-grid__item .trust-item-img {
          width: 77px;
          height: 77px;
          background-size: contain;
          background-repeat: no-repeat; }
          .motoring-services .motoring-services-item-trust-proof .trust-proof-grid__item .trust-item-img__1 {
            background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/grid-item_1.svg"); }
          .motoring-services .motoring-services-item-trust-proof .trust-proof-grid__item .trust-item-img__2 {
            background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/grid-item_2.svg"); }
          .motoring-services .motoring-services-item-trust-proof .trust-proof-grid__item .trust-item-img__3 {
            background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/grid-item_3.svg"); }
          .motoring-services .motoring-services-item-trust-proof .trust-proof-grid__item .trust-item-img__4 {
            background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/grid-item_4.svg"); }
    .motoring-services .motoring-services-item-trust-proof .banner-block {
      width: 100%;
      height: 415px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      margin: 80px 0 40px;
      position: relative; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-trust-proof .banner-block {
            margin: 80px 0; }
}
.motoring-services .motoring-services-item-trust-proof .banner-block__background {
        position: absolute;
        right: 0;
        width: 95%;
        height: 80%;
        border-radius: 8px;
        background-color: #F1FBFF; }
      .motoring-services .motoring-services-item-trust-proof .banner-block h1 {
        font-size: 50px;
        font-weight: bold;
        text-align: left;
        line-height: 62px;
        z-index: 1; }
      .motoring-services .motoring-services-item-trust-proof .banner-block__img {
        position: absolute;
        background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/man_with_laptop.svg");
        height: 100%;
        width: 100%;
        background-size: contain;
        background-position: 95% center;
        background-repeat: no-repeat;
        display: none; }
@media (min-width: 40.625em) {
  .motoring-services .motoring-services-item-trust-proof .banner-block__img {
              display: block;
              background-image: url("/sites/buyacar/themes/buyacar/images/motoring-services/man_with_laptop.svg"); }
}
#pid-motoring-services nav.breadcrumb.item-list {
  display: none !important; }

.modal-portal {
  z-index: 900;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); }

.prevent-scrolling {
  overflow-y: hidden; }
/*# sourceMappingURL=site-non-critical.css.map *//**/