@charset "UTF-8";
/*Include variables*/
/*  --------------------------------------- 
                Colors                      
-------------------------------------- */
/*  --------------------------------------- 
                  Typography                      
    -------------------------------------- */
/*  --------------------------------------- 
                  Actions                      
    -------------------------------------- */
/*  --------------------------------------- 
                  Dialogs                      
    -------------------------------------- */
/*  --------------------------------------- 
                 Facets                    
    -------------------------------------- */
/*  --------------------------------------- 
                Facet filters                   
    -------------------------------------- */
/*  --------------------------------------- 
                 Feedback                    
    -------------------------------------- */
/*  --------------------------------------- 
             Forms                    
-------------------------------------- */
/*  --------------------------------------- 
             Free Text Search                    
-------------------------------------- */
/*  --------------------------------------- 
             Icon                    
-------------------------------------- */
/*  --------------------------------------- 
                Symbol            
-------------------------------------- */
/*  --------------------------------------- 
             Navigation                   
-------------------------------------- */
/*  --------------------------------------- 
             Results                   
-------------------------------------- */
/*  --------------------------------------- 
             Table               
-------------------------------------- */
/*  --------------------------------------- 
             Template elements              
-------------------------------------- */
/*  --------------------------------------- 
                 Xbid              
    -------------------------------------- */
/*Include core style*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * Remove default margin.
 */
@import url(//fonts.googleapis.com/css?family=Roboto:400,500,700);
body {
  margin: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* --------------------------------------------------
	             Helper classes
-------------------------------------------------- */
.block {
  display: block;
  width: 100%;
}

.inline {
  display: inline;
}

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

.center {
  text-align: center;
}

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

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

.nomargin {
  margin: 0;
}

.clearfix:after {
  clear: both;
  content: "";
  height: 0;
  display: table;
  visibility: hidden;
}

.col {
  display: table-cell;
  vertical-align: top;
}
@media (max-width: 768px) {
  .col--responsive {
    display: block;
    width: 100%;
  }
}

.col-right {
  text-align: right;
  white-space: nowrap;
}

.row {
  margin-left: -1em !important;
  margin-right: -1em !important;
}
.row:before {
  content: "";
  display: table;
}
.row:after {
  content: "";
  clear: both;
}

.vcenter {
  vertical-align: middle;
}

.vtop {
  vertical-align: top;
}

.vbottom {
  vertical-align: bottom;
}

.vsub {
  vertical-align: sub;
}

.vsuper {
  vertical-align: super;
}

.vbaseline {
  vertical-align: baseline;
}

.left {
  float: left;
}

.right {
  float: right;
}

.nomargin {
  margin: 0 !important;
}

.table {
  display: table;
  width: 100%;
}

.table-row {
  display: table-row;
}

.zone {
  padding: 0;
}
.zone--50 {
  float: left;
  width: 50%;
}

.wrapped-up {
  margin: 1em 0;
}

.wrap-listing {
  position: relative;
}

/*  --------------------------------------- 
                    Grid        
    -------------------------------------- */
.col--s1 {
  width: 8.33333%;
}
.col--s2 {
  width: 16.66667%;
}
.col--s3 {
  width: 25%;
}
.col--s4 {
  width: 33.33333333%;
}
.col--s5 {
  width: 41.66667%;
}
.col--s6 {
  width: 50%;
}
.col--s7 {
  width: 58.33333%;
}
.col--s8 {
  width: 66.66667%;
}
.col--s9 {
  width: 75%;
}
.col--s10 {
  width: 83.33333%;
}
.col--s11 {
  width: 91.66667%;
}
.col--s12 {
  width: 100%;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .col--m1 {
    width: 8.33333%;
  }
  .col--m2 {
    width: 16.66667%;
  }
  .col--m3 {
    width: 25%;
  }
  .col--m4 {
    width: 33.33333333%;
  }
  .col--m5 {
    width: 41.66667%;
  }
  .col--m6 {
    width: 50%;
  }
  .col--m7 {
    width: 58.33333%;
  }
  .col--m8 {
    width: 66.66667%;
  }
  .col--m9 {
    width: 75%;
  }
  .col--m10 {
    width: 83.33333%;
  }
  .col--m11 {
    width: 91.66667%;
  }
  .col--m12 {
    width: 100%;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .col--1 {
    width: 8.33333%;
  }
  .col--2 {
    width: 16.66667%;
  }
  .col--3 {
    width: 25%;
  }
  .col--4 {
    width: 33.33333333%;
  }
  .col--5 {
    width: 41.66667%;
  }
  .col--6 {
    width: 50%;
  }
  .col--7 {
    width: 58.33333%;
  }
  .col--8 {
    width: 66.66667%;
  }
  .col--9 {
    width: 75%;
  }
  .col--10 {
    width: 83.33333%;
  }
  .col--11 {
    width: 91.66667%;
  }
  .col--12 {
    width: 100%;
  }
}
@media (min-width: 1365px) and (max-width: 1600px) {
  .col--1 {
    width: 8.33333%;
  }
  .col--2 {
    width: 16.66667%;
  }
  .col--3 {
    width: 25%;
  }
  .col--4 {
    width: 33.33333333%;
  }
  .col--5 {
    width: 41.66667%;
  }
  .col--6 {
    width: 50%;
  }
  .col--7 {
    width: 58.33333%;
  }
  .col--8 {
    width: 66.66667%;
  }
  .col--9 {
    width: 75%;
  }
  .col--10 {
    width: 83.33333%;
  }
  .col--11 {
    width: 91.66667%;
  }
  .col--12 {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .col--1 {
    width: 8.33333%;
  }
  .col--2 {
    width: 16.66667%;
  }
  .col--3 {
    width: 25%;
  }
  .col--4 {
    width: 33.33333333%;
  }
  .col--5 {
    width: 41.66667%;
  }
  .col--6 {
    width: 50%;
  }
  .col--7 {
    width: 58.33333%;
  }
  .col--8 {
    width: 66.66667%;
  }
  .col--9 {
    width: 75%;
  }
  .col--10 {
    width: 83.33333%;
  }
  .col--11 {
    width: 91.66667%;
  }
  .col--12 {
    width: 100%;
  }
}

/*Include patterns*/
/*
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Vertical rythym
   ========================================================================== */
body {
  font-size: 100%;
}

h1 {
  font-size: 2em;
  line-height: 1.5;
  margin: 1.5em 0;
}

h2 {
  font-size: 1.5em;
  line-height: 1;
  margin: 2em 0;
}

h3 {
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.4;
  margin: 2.4em 0 1.2em;
}

h4,
h5,
h6 {
  font-size: 1em;
  line-height: 1.5;
  margin: 1.5em 0 0;
}

p {
  font-size: 1em;
  line-height: 1.5;
  margin: 0 0 1em;
}

ul, ol, dl {
  margin: 0 0 1.5em;
}
ul ul, ul ol, ol ul, ol ol, dl ul, dl ol {
  margin: 0;
}

li, dt, dd {
  line-height: 1.5;
}

blockquote {
  margin: 0 0 1.5em;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: 700;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
.no-touch a:active:hover, .no-touch
a:hover {
  outline: 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  line-height: 1.5;
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

.section-header {
  margin-top: 1em;
}

@font-face {
  font-family: 'icon-font';
  src: url("../../../fonts/icon-font.eot");
  src: url("../../../fonts/icon-font.eot") format("embedded-opentype"), url("../../../fonts/icon-font.ttf") format("truetype"), url("../../../fonts/icon-font.woff") format("woff"), url("../../../fonts/icon-font.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Material Icons';
  src: url("../../../../../fonts/MaterialIcons-Regular.eot");
  src: url("../../../../../fonts/MaterialIcons-Regular.eot") format("embedded-opentype"), url("../../../../../fonts/MaterialIcons-Regular.ttf") format("truetype"), url("../../../../../fonts/MaterialIcons-Regular.woff") format("woff"), url("../../../../../fonts/MaterialIcons-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fa-light';
  src: url("../../../fonts/fontawesome/fa-light-300.eot");
  src: url("../../../fonts/fontawesome/fa-light-300.eot") format("embedded-opentype"), url("../../../fonts/fontawesome/fa-light-300.ttf") format("truetype"), url("../../../fonts/fontawesome/fa-light-300.woff") format("woff"), url("../../../fonts/fontawesome/fa-light-300.svg") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'fa-solid';
  src: url("../../../fonts/fontawesome/fa-solid-900.eot");
  src: url("../../../fonts/fontawesome/fa-solid-900.eot") format("embedded-opentype"), url("../../../fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../../../fonts/fontawesome/fa-solid-900.woff") format("woff"), url("../../../fonts/fontawesome/fa-solid-900.svg") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'fa-regular';
  src: url("../../../fonts/fontawesome/fa-regular-400.eot");
  src: url("../../../fonts/fontawesome/fa-regular-400.eot") format("embedded-opentype"), url("../../../fonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("../../../fonts/fontawesome/fa-regular-400.woff") format("woff"), url("../../../fonts/fontawesome/fa-regular-400.svg") format("svg");
  font-weight: 400;
  font-style: normal;
}
.icon {
  display: inline-block;
    /* -------------------------------------------------
	               User icons
   ---------------------------------------------- */
    /* --------------------------------------------------
	              Sale icons
-------------------------------------------------- */
}
.icon:before {
  font-family: "icon-font";
  font-size: 140%;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  line-height: 0;
  vertical-align: middle;
}
.icon:after {
  font-family: "icon-font";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  line-height: 0;
}
.icon--medium:before {
  font-size: 170%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .icon--medium {
    /* IE10+ specific styles go here */
    font-size: 75%;
  }
}
.icon--alert:before {
  content: "\26a0";
}
.icon--arrow-next:before {
  content: "\e622";
}
.icon--arrow-previous:before {
  content: "\e621";
}
.icon--arrow-right:before {
  content: "\e628";
}
.icon--calendar:before {
  content: "\e61f";
}
.icon--camera:before {
  content: "\1f4f7";
}
.icon--cart:before {
  content: "\e902";
}
.icon--check:before {
  content: "\e619";
}
.icon--circle:before {
  content: "\e601";
}
.icon--clock:before {
  content: "\e613";
}
.icon--close:before {
  content: "\e614";
}
.icon--dayclock:before {
  content: "\e602";
}
.icon--document:before {
  content: "\e62a";
}
.icon--download:before {
  content: "\e61c";
}
.icon--dropdown:before {
  content: "\e615";
}
.icon--error:before {
  content: "\1f6ab";
}
.icon--first:before {
  content: "\e612";
}
.icon--gotop:before {
  content: "\e61a";
}
.icon--info:before {
  content: "\e60e";
}
.icon--last:before {
  content: "\e611";
}
.icon--list:before {
  content: "\e61d";
}
.icon--next:before {
  content: "\e616";
}
.icon--minus:before {
  content: "\e60d";
}
.icon--pdf:before {
  content: "\ec34";
}
.icon--picture:before {
  content: "\e626";
}
.icon--previous:before {
  content: "\e617";
}
.icon--print:before {
  content: "\e610";
}
.icon--plus:before {
  content: "\e60c";
}
.icon--report:before {
  content: "\e61b";
}
.icon--return:before {
  content: "\e600";
}
.icon--save:before {
  content: "\e61e";
}
.icon--search:before {
  content: "\e603";
}
.icon--settings:before {
  content: "\e620";
}
.icon--star:before {
  content: "\e60f";
}
.icon--up:before {
  content: "\e618";
}
.icon--video:before {
  content: "\e62c";
}
.icon--twitter:before {
  content: "\ea96";
}
.icon--linkedin:before {
  content: "\eaca";
}
.icon--language:before {
  font-family: 'Material Icons';
  content: "\e894";
}
.icon--facebook:before {
  content: "\ea90";
}
.icon--bidbuy-eu:before {
  content: "\e90d";
}
.icon--add:before {
  content: "\e145";
}
.icon--remove:before {
  content: "\e15b";
}
.icon--add_shopping_cart:before {
  content: "\e854";
}
.icon--note:before {
  content: "\E06F";
}
.icon--mail_outline:before {
  content: "\e0e1";
}
.icon--mail:before {
  content: "\e158";
}
.icon--filter-list:before {
  content: "\e152";
  font-family: 'Material Icons';
}
.icon--check-circle:before {
  content: "\e86c";
  font-family: 'Material Icons';
}
.icon--refresh:before {
  content: "\e5d5";
}
.icon--360 {
  font-family: Arial;
}
.icon--360:before {
  content: "\e901";
}
.icon--long-arrow-right:before {
  content: "\e5c8";
  font-family: 'Material Icons';
}
.icon--auction:before {
  content: "\e60a";
}
.icon--bidnow:before {
  content: "\e607";
}
.icon--buynow:before {
  content: "\e606";
}
.icon--buynow-uk:before {
  content: "\e629";
}
.icon--closedsale:before {
  content: "\e605";
}
.icon--eauction:before {
  content: "\e608";
}
.icon--liveonline:before {
  content: "\e609";
}
.icon--price:before {
  content: "\e627";
}
.icon--mbatch:before {
  content: "\e60b";
}
.icon--sealed:before {
  content: "\e604";
}
.icon--track:before {
  content: "\e60f";
}
.icon--vendor:before {
  content: "\e624";
}
.icon--xbid:before {
  content: "\e625";
}
.icon--bcadirect:before {
  content: "\e903";
  color: #25a8e0;
}
.icon--reserved-not-available:before {
  content: "\e900";
  color: #f13744;
}
.icon--reserved-by-colleague:before {
  content: "\e900";
  color: #faae0b;
}
.icon--reserved-by-me:before {
  content: "\e900";
  color: #3d973d;
}
.icon--arrow_back:before {
  content: "\e5c4";
}
.icon--bidbuy-eu:before {
  content: "\e90d";
}

/* --------------------------------------------------
	                  Flag icons
-------------------------------------------------- */
.flag {
  display: inline-block;
}
.flag--left {
  margin-right: .5em;
}
.flag--right {
  margin-left: .5em;
}
.flag:before {
  background: url(../../../imgs/flags/rounded-flags-sprite.png) no-repeat;
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px;
  content: "";
}
.flag--CZ:before {
  background-position: 0px 0px;
}
.flag--DK:before {
  background-position: 0 -20px;
}
.flag--AT:before {
  background-position: 0 -40px;
}
.flag--CH:before {
  background-position: 0 -60px;
}
.flag--DE:before {
  background-position: 0 -80px;
}
.flag--GB:before {
  background-position: 0 -100px;
}
.flag--ES:before {
  background-position: 0 -120px;
}
.flag--BE:before {
  background-position: 0 -140px;
}
.flag--FI:before {
  background-position: 0 -160px;
}
.flag--FR:before {
  background-position: 0 -180px;
}
.flag--HR:before {
  background-position: 0 -200px;
}
.flag--HU:before {
  background-position: 0 -220px;
}
.flag--IT:before {
  background-position: 0 -240px;
}
.flag--NO:before {
  background-position: 0 -260px;
}
.flag--NL:before {
  background-position: 0 -280px;
}
.flag--PL:before {
  background-position: 0 -300px;
}
.flag--BR:before {
  background-position: 0 -320px;
}
.flag--PT:before {
  background-position: 0 -340px;
}
.flag--RO:before {
  background-position: 0 -360px;
}
.flag--RU:before {
  background-position: 0 -380px;
}
.flag--SK:before {
  background-position: 0 -400px;
}
.flag--SI:before {
  background-position: 0 -420px;
}
.flag--SE:before {
  background-position: 0 -440px;
}
.flag--TR:before {
  background-position: 0 -460px;
}
.flag--UA:before {
  background-position: 0 -480px;
}
.flag--LU:before {
  background-position: 0 -500px;
}
.flag--EU:before {
  background-position: 0 -520px;
}
.flag--RS:before {
  background-position: 0 -540px;
}
.flag--LT:before {
  background-position: 0 -560px;
}
.flag--LV:before {
  background-position: 0 -580px;
}
.flag--EE:before {
  background-position: 0 -600px;
}
.flag--BG:before {
  background-position: 0 -620px;
}

/* --------------------------------------------------
	                   Button
-------------------------------------------------- */
.button {
  display: inline-block;
  vertical-align: top;
  /* --------------------------------------------------
  	              Buttons block
  -------------------------------------------------- */
}
.button--block {
  display: block;
}

a.button {
  display: inline-block;
}

/* --------------------------------------------------
	              Buttons group
-------------------------------------------------- */
.button-group {
  list-style-type: none;
}
.button-group__item--inline {
  display: inline-block;
}

/* --------------------------------------------------
	             More Links
-------------------------------------------------- */
.more-links {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.more-links:before {
  content: "\e5d3";
  font-family: Material Icons;
}

.non-js .more-links:hover .popup-list {
  display: block !important;
}

/* --------------------------------------------------
	                    Nav
-------------------------------------------------- */
.nav {
    /* --------------------------------------------------
	    Nav dropdown
    -------------------------------------------------- */
  /* --------------------------------------------------
  	               Nav block
  -------------------------------------------------- */
  /* --------------------------------------------------
  	               Nav expandable
  -------------------------------------------------- */
  /* --------------------------------------------------
                        Toggle
  -------------------------------------------------- */
}
.nav__item {
  display: inline-block;
  vertical-align: middle;
}
.nav__item a, .nav__item span {
  display: block;
}
.nav__item:hover .nav__sub {
  display: block;
}
.nav__item--global:hover .nav__dropdown:before {
  position: absolute;
  bottom: -4px;
  left: 0;
}
.nav__sub {
  display: none;
  position: absolute;
  z-index: 6;
}
.nav__sub-group {
  display: inline-block;
  vertical-align: top;
}
.nav__sub-item {
  display: block;
}
.nav__dropdown {
  position: relative;
  z-index: 4;
}
.nav__dropdown:after {
  position: absolute;
  right: 10px;
  top: 22px;
}
.nav__block-list-link {
  display: block;
}
.nav__item--expand {
  float: left;
}
.nav__list--expand {
  display: inline-block;
}
.nav--toggle .nav__item {
  display: block;
}
.nav--toggle .nav__item span {
  display: inline-block;
}
.nav--toggle .nav__item-content {
  display: none;
}
.nav--toggle .nav__item-content a {
  display: block;
}

/*  --------------------------------------- 
                Switch List              
    -------------------------------------- */
.switch-list {
  display: inline-block;
  position: relative;
  white-space: normal;
}
.switch-list__wrapper {
  position: absolute;
  left: 0;
  z-index: 1;
}
.switch-list__wrapper--top {
  top: -94px;
}
.switch-list__links {
  position: relative;
  z-index: 0;
}
.switch-list__links:after {
  content: "";
  position: absolute;
  left: 1em;
  z-index: 0;
}
.switch-list__links:before {
  content: "";
  position: absolute;
  left: 1em;
  z-index: -1;
}
.switch-list__links--bottom:after {
  top: -7px;
}
.switch-list__links--bottom:before {
  top: -8px;
}
.switch-list__links--top:after {
  bottom: -6px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.switch-list__links--top:before {
  bottom: -7px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.switch-list__links span {
  display: block;
}
.switch-list__link {
  display: block;
  cursor: pointer;
}

/*  --------------------------------------- 
                Switch List NON JS              
    -------------------------------------- */
.switch-list.non-js .switch-list__wrapper {
  display: none;
}
.switch-list.non-js:hover .switch-list__wrapper {
  display: block;
}

/*  --------------------------------------- 
                 Tables              
    -------------------------------------- */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.table__small-col {
  display: table-cell;
  vertical-align: top;
}
.table__row {
  display: table-row;
}

td,
th {
  text-align: left;
}
td span,
th span {
  display: block;
}

/*  --------------------------------------- 
                    Label                      
    -------------------------------------- */
label {
  display: block;
}

/*  --------------------------------------- 
                    Input                      
    -------------------------------------- */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
  display: inline-block;
  vertical-align: top;
}
input[type="text"].input-block,
input[type="password"].input-block,
input[type="date"].input-block,
input[type="datetime"].input-block,
input[type="datetime-local"].input-block,
input[type="month"].input-block,
input[type="week"].input-block,
input[type="email"].input-block,
input[type="number"].input-block,
input[type="search"].input-block,
input[type="tel"].input-block,
input[type="time"].input-block,
input[type="url"].input-block,
input[type="color"].input-block,
textarea.input-block {
  display: block;
}
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="date"]::-ms-clear,
input[type="datetime"]::-ms-clear,
input[type="datetime-local"]::-ms-clear,
input[type="month"]::-ms-clear,
input[type="week"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="number"]::-ms-clear,
input[type="search"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="time"]::-ms-clear,
input[type="url"]::-ms-clear,
input[type="color"]::-ms-clear,
textarea::-ms-clear {
  display: none;
}

/*  --------------------------------------- 
                Input with icon              
    -------------------------------------- */
.input-wrap {
  position: relative;
}
.input-wrap__icon {
  position: absolute;
  top: .3em;
}
.input-wrap__icon--left {
  left: .5em;
}
.input-wrap__icon--right {
  right: .3em;
}

/*  --------------------------------------- 
                Input with dropdown              
    -------------------------------------- */
.input-dropdown__arrow {
  display: inline-block;
  cursor: pointer;
}
.input-dropdown__list-wrapper {
  left: -7.125em;
  position: absolute;
  z-index: 1;
}
.input-dropdown__item {
  display: block;
  text-align: right;
}
.modal__body .input-dropdown__items {
  position: fixed;
}
.input-dropdown__items {
  overflow: scroll;
  overflow-x: hidden;
}
.input-dropdown input[type=number]::-webkit-inner-spin-button,
.input-dropdown input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.input-dropdown input[type=number] {
  -moz-appearance: textfield;
}

/*  --------------------------------------- 
                    Select                      
    -------------------------------------- */
.select-wrap {
  display: inline-block;
  position: relative;
}
.select-wrap:after {
  position: absolute;
  right: 1px;
  top: 1px;
}

.select-block {
  display: block;
}

/*  --------------------------------------- 
               Select custom                     
    -------------------------------------- */
.select-custom {
  display: inline-block;
  position: relative;
}
.select-custom:after {
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
}
.select-custom__list {
  position: absolute;
  z-index: 1;
}

/*  --------------------------------------- 
                 Checkbox                 
    -------------------------------------- */
.checkbox {
  position: relative;
}
.checkbox input {
  left: 0;
  position: absolute;
  top: 8px;
  visibility: hidden;
}
.checkbox label:before {
  display: inline-block;
  left: 0;
  position: absolute;
}

/*  --------------------------------------- 
                    Switch          
    -------------------------------------- */
.switch {
  position: relative;
  display: inline-block;
}
.switch__checkbox {
  display: none;
}
.switch__checkbox:checked + .switch__label .switch__background {
  margin-left: 0;
}
.switch__checkbox:checked + .switch__label .switch__handler {
  right: 0px;
}
.switch__label {
  display: block;
  overflow: hidden;
}
.switch__background {
  display: block;
}
.switch__background:before, .switch__background:after {
  display: block;
  float: left;
}
.switch__handler {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: .875em;
}

/*  --------------------------------------- 
                 Radio                     
    -------------------------------------- */
.radio {
  position: relative;
}
.radio input {
  left: 5px;
  position: absolute;
  top: 15px;
  visibility: hidden;
}
.radio label:before {
  display: inline-block;
  left: 5px;
  position: absolute;
}

/*  --------------------------------------- 
             Validation message                     
    -------------------------------------- */
.validation--active {
  display: inline-block;
}
.validation--hide {
  display: none;
}

.feedback--confirmation {
  display: inline-block;
}
.feedback--small {
  max-width: 508px;
  margin: 0 auto !important;
}
.feedback--position {
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 6;
}
.feedback__wrap {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}
.feedback__close {
  position: absolute;
  right: 0;
  top: 0;
}

/*  --------------------------------------- 
    feedback-input and feedback-message                   
    -------------------------------------- */
.feedback-input--error {
  display: inline-block;
}
.feedback-input--validation {
  display: inline-block;
}

.feedback-message--active {
  display: inline-block;
}
.feedback-message--hide {
  display: none;
}

/*  --------------------------------------- 
                Listing               
    -------------------------------------- */
.listing {
  position: relative;
  /*  --------------------------------------- 
               Listing lot               
  -------------------------------------- */
  /*  --------------------------------------- 
            Listing lot-results               
  -------------------------------------- */
  /*  --------------------------------------- 
          Listing lot with actions            
  -------------------------------------- */
    /*  --------------------------------------- 
         Listing featured vehicles      
-------------------------------------- */
    /*  --------------------------------------- 
         Listing xbid    
-------------------------------------- */
    /*  --------------------------------------- 
         Listing xbid    
-------------------------------------- */
}
.listing__image {
  display: block;
  overflow: hidden;
}
.listing__title a {
  display: inline-block;
}
.listing__title a span.listing__title__lot-no {
  margin-left: 4px;
  font-size: 14px;
  font-weight: bold;
}
.listing__title svg {
  margin-left: 19px;
  width: 20px;
  position: relative;
  top: 2px;
}
.listing__title .listing__title__lot-no__wrapper {
  display: none;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  margin-left: 5px;
  background-color: #ddd;
}
.listing__title .listing__title__lot-no__wrapper a span.listing__title__lot-no {
  margin-left: 4px;
  font-size: 14px;
  font-weight: bold;
}
.listing__title .listing__title__lot-no__wrapper svg {
  margin-left: 0;
}
.listing__title .listing__title__lot-no__wrapper.inline-block {
  display: inline-block;
}
.listing__sale-info {
  position: relative;
}
.listing__date-info {
  white-space: nowrap;
}
.listing__reg-number {
  display: inline-block;
  position: relative;
}
.listing__reg-number:before {
  content: "";
  left: 0;
  position: absolute;
  top: 0;
}
.listing__lot-report-item {
  display: inline-block;
}
.listing__actions ul a {
  display: block;
}
.listing__lot-info {
  display: inline-block;
}
.listing__lot-info span {
  display: block;
}
.listing__details li {
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 768px) {
  .listing__details li {
    display: block;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .listing__details li {
    display: block;
  }
}
.listing__details--lot-results .listing__pricing li {
  display: block;
}
.listing__details--lot-results .listing__pricing span {
  display: inline-block;
}
.listing__details--lot-actions li span {
  display: block;
}
.listing__details--lot-actions .listing__pricing span {
  display: inline-block;
}
.listing__pricing {
  display: inline-block;
}
.listing__details--lot-results li span {
  display: block;
}
.listing__actions-item {
  position: relative;
}
.listing__actions-item.non-js:hover .popup-list.non-js {
  opacity: 1;
  visibility: visible;
}
.listing__actions-item--check label:before {
  left: 0;
  top: 0;
}
.listing__actions-item--check input {
  left: 0;
  top: 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .listing__pricing--lot-actions {
    display: block;
  }
}
.listing--card .listing__item {
  display: inline-block;
}
.listing--card .listing__image {
  display: block;
}
.listing--card .listing__link {
  display: inline-block;
}
.listing--xbid {
  display: table-row;
}
.listing .wrap-sale-info .listing__sale-info span {
  display: inline-block;
}

/* --------------------------------------------------
	                   Breakdown
-------------------------------------------------- */
.breakdown__close.right {
  float: right;
}

/*  --------------------------------------- 
                    Facets              
    -------------------------------------- */
.facets {
  position: relative;
}

/*  --------------------------------------- 
                    Facet             
    -------------------------------------- */
.facet {
  position: relative;
}
.facet__item {
  display: block;
  position: relative;
}
.facet__item .icon {
  position: absolute;
  right: .75em;
  top: .75em;
}
.facet ul {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  z-index: 0;
}
.facet__filters-remove {
  position: absolute;
  right: 2.75em;
  top: .5em;
  z-index: 2;
}

/*  --------------------------------------- 
                 Facet filters             
    -------------------------------------- */
.facet-filters {
  /*  --------------------------------------- 
                  Mileage            
  -------------------------------------- */
  /*  --------------------------------------- 
                  Calendar                     
  -------------------------------------- */
}
.facet-filters__mileage-slider {
  position: relative !important;
}
.facet-filters__mileage-scrubber {
  position: absolute;
  top: -8px;
  z-index: 2;
}
.facet-filters__mileage-scrubber--right {
  right: 0;
}
.facet-filters__mileage-range {
  position: absolute;
  z-index: 1;
}
.facet-filters__mileage-labels {
  position: relative;
  top: 0;
}
.facet-filters__calendar-info {
  display: block;
}

/*  --------------------------------------- 
               Results update                  
    -------------------------------------- */
.update-results {
  z-index: 2;
}
.update-results__count {
  display: inline-block;
}

/* --------------------------------------------------
	                Modal
-------------------------------------------------- */
.modal {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 10000;
    /* --------------------------------------------------
	           Overlay displayed inside modal
    -------------------------------------------------- */
}
.modal__fade .modal__dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal.in .modal__dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal--large-open {
  position: static;
}
.modal__overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
}
.modal__overlay__fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal__overlay.in {
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.modal__dialog {
  transition: transform 0.5s ease 0.3s;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  margin-right: auto;
  margin-left: auto;
  padding-top: 10%;
}
.modal__header {
  position: relative;
}
.modal__close {
  display: inline-block;
  position: absolute;
  right: -30px;
  top: -40px;
  z-index: 1;
}
.modal__title {
  display: block;
}
.modal__headline {
  display: inline-block;
}
.modal__list {
  display: inline-block;
}
.modal__list-item {
  display: inline-block;
}
.modal__content {
  position: relative;
}
.modal__label {
  display: table-cell;
}
.modal__input {
  display: table-cell;
  vertical-align: top;
}
.modal .overlay {
  top: 50%;
}
.modal--large-open {
  overflow-x: hidden;
}

/* --------------------------------------------------
	                Tooltip
-------------------------------------------------- */
.tooltip {
  position: relative;
}
.no-touch .tooltip:hover:before {
  bottom: 12px;
  content: "";
  position: absolute;
  z-index: 99;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.no-touch .tooltip:hover:after {
  bottom: 0;
  position: absolute;
  content: attr(data-tool);
  z-index: 98;
}

.no-touch .tooltip--left:hover:before {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  margin-right: 6px;
  right: 100%;
}
.no-touch .tooltip--left:hover:after {
  margin-right: 15px;
  right: 100%;
}

.no-touch .tooltip--right:hover:before {
  right: -.7em;
}
.no-touch .tooltip--right:hover:after {
  left: 110%;
}

/* --------------------------------------------------
	                Notifier
-------------------------------------------------- */
.notifier {
  position: absolute;
  z-index: 5;
  white-space: nowrap;
}
.notifier__arrow:before {
  content: "";
  position: absolute;
  z-index: 99;
}
.notifier__arrow--left:before {
  right: 100%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.notifier__arrow--right:before {
  left: -.6em;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.notifier--left {
  right: 0;
}
.notifier--right {
  left: 100%;
}
.notifier--top {
  top: -15px;
  left: 0;
}
.notifier--fixed {
  position: fixed;
}
.notifier--bottom {
  bottom: 50px;
}
.notifier__list {
  overflow: auto;
}
.notifier--push {
  bottom: 16px;
  white-space: inherit;
}

/* --------------------------------------------------
	                Popover
-------------------------------------------------- */
.popover {
  position: absolute;
  z-index: 50;
}
.popover .arrow {
  position: absolute;
  bottom: -10px;
  left: 27px;
  z-index: 1;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

/* --------------------------------------------------
	                List popup
-------------------------------------------------- */
.popup-list {
  position: absolute;
  z-index: 2;
}
.popup-list--right {
  left: 100%;
}
.popup-list--left {
  right: 100%;
}
.popup-list--bottom {
  right: -2px;
  top: 125%;
}
.popup-list--bottom .popup-list__link {
  padding: 8px 130px 8px 25px;
}
.popup-list--top {
  right: -2px;
  bottom: 125%;
}
.popup-list--top .popup-list__link {
  padding: 8px 130px 8px 25px;
}
.popup-list__arrow {
  position: absolute;
}
.popup-list__arrow--right {
  left: -9px;
  top: 10px;
}
.popup-list__arrow--left {
  right: 10px;
  top: 10px;
}
.popup-list__arrow--bottom {
  right: 30px;
  top: -8px;
}
.popup-list__arrow--top {
  right: 30px;
  bottom: 10px;
}
.popup-list__arrow:after {
  position: absolute;
}
.popup-list__link {
  display: block;
}
.popup-list.non-js {
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}

/* --------------------------------------------------
	                NonJS modal
-------------------------------------------------- */
.modal-nonjs__close {
  position: absolute;
  right: 0;
  top: -5px;
}
.modal-nonjs label {
  display: inline-block;
}
.modal-nonjs__body--small {
  max-height: 160px;
  overflow-y: auto;
  margin-top: 20px;
  background: #fff;
}

/*  --------------------------------------- 
                Free text search                     
    -------------------------------------- */
.fts input[type=text] {
  padding-right: 3.55em;
}
.fts__icon-group {
  position: absolute;
  top: .3em;
  right: .3em;
}
.fts__typehead-container {
  left: 0;
  position: absolute;
  top: 2.05em;
  z-index: 11;
}
.fts__typehead-container .action {
  display: table-cell;
}
.fts__typehead-container--has-arrow:before {
  border-color: #c6c6c6 transparent;
  border-style: solid;
  border-width: 0 11px 11px;
  content: "";
  right: 2em;
  position: absolute;
  top: -.4em;
  z-index: -1;
}
.fts__typehead-container--has-arrow:after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 0 11px 11px;
  content: "";
  right: 2em;
  position: absolute;
  top: -.3em;
  z-index: 0;
}
.fts__typehead-inner {
  position: relative;
}
.fts__typehead-inner .manage-save-link {
  position: absolute;
  right: 1.25em;
  top: 1.063em;
}
.fts__typehead-header {
  position: relative;
}
.fts__typehead-title {
  display: inline-block;
}

/*  --------------------------------------- 
                 Actions bar                     
    -------------------------------------- */
.actions-bar {
  left: 0;
  position: relative;
}
.actions-bar__fade {
  bottom: 0;
  left: 0;
  position: absolute;
}
.actions-bar__info {
  position: relative;
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
}
.actions-bar .button-group {
  position: relative;
}
.actions-bar--top {
  top: 0px;
}
.actions-bar--bottom {
  bottom: 0px;
}

/*  --------------------------------------- 
        Error result                     
    -------------------------------------- */
.no-results {
  display: inline-block;
}
.no-results__image {
  float: left;
  display: inline-block;
}
.no-results__info {
  float: left;
  display: inline-block;
}
.no-results--modal {
  bottom: 25px;
  top: auto;
}
.no-results__action {
  float: right;
}

/*  --------------------------------------- 
                mysearches                    
    -------------------------------------- */
.mysearches {
  position: relative;
}
.mysearches__thead-title {
  position: relative;
  left: -15%;
}
.mysearches .table__thead {
  text-transform: uppercase;
}
.mysearches .table__row {
  cursor: pointer;
}
.mysearches .table__row--head {
  cursor: default;
}
@media (max-width: 768px) {
  .mysearches .table__row {
    display: table;
  }
  .mysearches .table__small-col {
    border: none;
  }
  .mysearches .switch {
    float: right;
  }
  .mysearches .hide-m {
    display: none;
  }
  .mysearches .page_header {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .mysearches .hide-l {
    display: none;
  }
  .mysearches .table__row {
    display: table-row;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .mysearches .hide-l {
    display: none;
  }
}
@media (min-width: 1365px) and (max-width: 1600px) {
  .mysearches .hide-l {
    display: none;
  }
}
@media (min-width: 1600px) {
  .mysearches .hide-l {
    display: none;
  }
}

/*  --------------------------------------- 
                 Actions bar                     
    -------------------------------------- */
.sort-bar {
  display: inline-block;
}

/* --------------------------------------------------
	             Free Text Search
-------------------------------------------------- */
.menu-search__item {
  display: table-cell;
}
.menu-search .button {
  display: table-cell;
}

/* --------------------------------------------------
	        Change Password Info Banner
-------------------------------------------------- */
.password-info-banner {
  padding: 15px;
  background-color: #fac710;
  font-weight: 600;
  margin-bottom: 20px;
}

/* --------------------------------------------------
    Calendar
-------------------------------------------------- */
.calendar--datepicker:before {
  display: inline-block;
  position: absolute;
}
.calendar--datepicker:after {
  display: inline-block;
  position: absolute;
}
.calendar--datepicker--bottom:before {
  content: '';
  bottom: -9px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 50%;
}
.calendar--datepicker--bottom:after {
  content: '';
  bottom: -9px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 50%;
}
.calendar--datepicker--left:before {
  content: '';
  top: 211px;
  left: -14px;
  -moz-transform: rotate(-85deg);
  -ms-transform: rotate(-85deg);
  -webkit-transform: rotate(-85deg);
  transform: rotate(-85deg);
}
.calendar--datepicker--left:after {
  content: '';
  top: 211px;
  left: -13px;
  -moz-transform: rotate(-85deg);
  -ms-transform: rotate(-85deg);
  -webkit-transform: rotate(-85deg);
  transform: rotate(-85deg);
}
.calendar--datepicker--fixed {
  position: fixed !important;
}
.calendar--datepicker.daterangepicker {
  display: none;
  position: absolute;
  z-index: 1100;
}
.calendar--datepicker .calendar__header {
  position: relative;
}
.calendar--datepicker .calendar__close {
  position: absolute;
  right: 1.25em;
  top: 1.5em;
}
.calendar--datepicker .calendar__close .icon--close {
  cursor: pointer;
}
.calendar--datepicker .calendar--disabled {
  background: #eee;
}
.calendar--datepicker .calendar--dropup:before {
  top: auto;
  top: initial;
  bottom: -7px;
}
.calendar--datepicker .calendar--dropup:after {
  bottom: -6px;
  top: auto;
  top: initial;
}
.calendar--datepicker .calendar--center:before {
  left: 0;
  right: 0;
  width: 0;
}
.calendar--datepicker .calendar--center:after {
  left: 0;
  right: 0;
  width: 0;
}

/*  --------------------------------------- 
               Hero               
-------------------------------------- */
.hero {
  position: relative;
}
.hero__img {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.hero--search .search__wrap {
  display: table;
}
@media (max-width: 768px) {
  .hero--search .search__wrap {
    display: block;
  }
}
.hero--search .search__form {
  float: left;
}
@media (max-width: 768px) {
  .hero--search .search__form {
    float: none;
  }
}
.hero--search .search__link {
  float: left;
}
@media (max-width: 768px) {
  .hero--search .search__link {
    float: none;
  }
}

/*  --------------------------------------- 
            Content and teaser               
-------------------------------------- */
.teaser {
  position: relative;
}
@media (max-width: 768px) {
  .teaser .teaser__img {
    display: block !important;
  }
  .teaser .col {
    display: inline-block;
  }
}
.teaser--right .teaser__img {
  display: none;
}
.teaser--left .teaser__img {
  display: none;
}
.teaser--center .teaser__wrap {
  display: block;
}
.teaser__wrap {
  position: relative;
  z-index: 2;
}
.teaser__wrap > a, .teaser__wrap > button {
  display: inline-block;
}
.teaser__img--bg {
  position: absolute;
  top: 0;
  z-index: 0;
}
.teaser--bgimage {
  display: table;
}

/* --------------------------------------------------
	               Bid panel
-------------------------------------------------- */
.bidpanel .tooltip--right:hover:before {
  right: -.75em;
}
.bidpanel .tooltip--right:hover:after {
  left: 123%;
}
.bidpanel .overlay {
  left: 50%;
  position: absolute;
  z-index: 20;
}

.bidpanel__inner--terms {
  position: relative;
  top: 10px;
  text-align: left !important;
  white-space: normal;
}
.bidpanel__inner--terms p {
  padding-left: 0 !important;
}
.bidpanel__inner--terms .bidpanel__small-heading {
  font-size: 1em;
  margin-bottom: 2px;
}

.listing__actions-inner .bidpanel__inner--terms a {
  padding-left: 0;
  display: inline;
  cursor: pointer;
}

/* --------------------------------------------------
	               Transport Panel
-------------------------------------------------- */
.transport__panel {
  background: #fff;
  float: right;
  margin-left: -1em;
  margin-right: -1em;
  padding: 20px 0 0;
  width: 288px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding-bottom: 14px;
  position: relative;
  margin-top: 0;
  color: #000;
}
.transport__panel__loader {
  left: 45%;
  position: absolute;
  z-index: 20;
  top: 43%;
}
.transport__panel__loading__wrapper {
  text-align: center;
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.transport__panel__loading__text {
  font-size: 14px;
  font-weight: 700;
  color: #6d7278;
  margin-bottom: 9px;
}
.transport__panel__loading__icon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 8px solid #d0d0d0;
  margin: 0px auto 30px auto;
  border-top-color: #454545;
  transform: rotate(45deg);
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1500ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 1500ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 1500ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
.transport__panel__loading__container {
  position: relative;
  background: #fff;
  float: right;
  min-height: 300px;
  border: 1px solid #ccc;
  background: #fff;
  margin-left: -1em;
  margin-right: -1em;
  width: 288px;
  margin-top: 1em;
  border-radius: 6px;
}
.transport__panel__notify {
  background: #4caf50;
  color: #fff;
  font-weight: 500;
  opacity: 0.9;
  font-size: 0.875em;
  text-align: center;
  border-radius: 6px;
  padding: 1em 2em;
  line-height: 1.5em;
  margin: 0.313em 0.625em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.transport__panel__notify__icon {
  fill: #fff;
  width: 22px;
  height: auto;
  max-height: 22px;
  vertical-align: middle;
  padding-right: 0.5em;
  padding-bottom: 2px;
}
.transport__panel__title {
  font-size: 14px;
  text-align: center;
  margin: 0 auto 20px;
  padding: 0 10px;
  font-weight: 700;
  max-width: 70%;
  line-height: 1.1;
  color: #000;
}
.transport__panel__item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.transport__panel__item__column {
  text-align: center;
  flex-grow: 1;
  flex-basis: 0;
  padding: 0 10px;
}
.transport__panel__item__column--location {
  height: 42px;
  position: relative;
}
.transport__panel__item__column--location div span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.transport__panel__item__column--location .tooltip--right:hover:after {
  left: 105%;
}
.transport__panel__item__column h4 {
  font-weight: bold;
  color: #6d7278;
  font-size: 10px;
  margin: 0 0 4px 0;
  padding: 0 10px;
  line-height: normal;
}
.transport__panel__item__column div {
  font-size: 12px;
  padding: 0 10px;
  line-height: 1.3;
  color: #444;
}
.transport__panel__item__column div span {
  font-weight: bold;
}
.transport__panel__item__column div.transport__panel__adress {
  font-size: 10px;
}
.transport__panel__item__column--icon {
  flex-grow: 0;
  line-height: 2.6;
}
.transport__panel__item__column--active {
  border-bottom: 4px solid #152d6d;
  padding-bottom: 7px;
}
.transport__panel__item.transport__panel__item--tabs h4 {
  font-size: 12px;
  color: #888;
}
.transport__panel__item.transport__panel__item--tabs .transport__panel__item__column {
  cursor: pointer;
}
.transport__panel__item.transport__panel__item--tabs .transport__panel__item__column--disabled {
  color: #dadada;
  cursor: not-allowed;
}
.transport__panel__item.transport__panel__item--tabs .transport__panel__item__column--disabled h4 {
  color: #dadada;
}
.transport__panel__item.transport__panel__item--tabs .transport__panel__item__column--disabled + div {
  color: #dadada;
  cursor: not-allowed;
}
.transport__panel__item--options {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  margin: 0 3px 10px;
  padding: 12px 10px;
  justify-content: space-around;
  align-items: center;
}
.transport__panel__item--options .transport__panel__item__column:first-child {
  flex-grow: 3;
  text-align: left;
}
.transport__panel__item--options .transport__panel__link {
  font-size: 12px;
}
.transport__panel__truck-icon {
  color: #060916;
  height: auto;
  width: 24px;
}
.transport__panel__subtitle {
  font-size: 12px;
  text-align: center;
  padding: 0 10px;
  font-weight: 700;
  margin: 20px auto 15px;
  max-width: 80%;
  line-height: 1.1;
}
.transport__panel__subtitle--small {
  font-size: 10px;
  text-align: center;
  padding: 0 10px;
  font-weight: 700;
  margin: -5px auto 21px;
  max-width: 80%;
  line-height: 1.1;
}
.transport__panel__link {
  font-size: 12px;
  color: #0097ff;
  text-decoration: none;
}
.transport__panel__link.transport__panel__link--large {
  font-size: 14px;
  margin-top: 20px;
  display: block;
}
.transport__panel__pricing__column {
  text-align: center;
  flex-grow: 1;
  flex-basis: 0;
  margin-top: 20px;
}
.transport__panel__pricing__column:not(:first-child) .transport__panel__pricing__wrapper {
  border-left: 1px solid #ddd;
}
.transport__panel__pricing__column .transport__panel__pricing__title {
  background: rgba(216, 216, 216, 0.2);
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  padding: 4px 10px;
}
.transport__panel__pricing__wrapper {
  padding: 5px 10px 10px;
  margin: 8px 0 8px;
}
.transport__panel__pricing__value {
  font-size: 16px;
  font-weight: 900;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 3px;
}
.transport__panel__pricing__details {
  font-size: 10px;
  font-weight: 900;
  color: #6d7278;
}
.transport__panel__text {
  font-size: 12px;
  line-height: 14px;
  color: #373737 !important;
  max-width: 85%;
  margin: 14px auto 0;
}
.transport__panel__text--small {
  font-size: 12px;
  line-height: 14px;
  color: #444;
  margin: 2px 0 9px;
}
.transport__panel__info-icon {
  fill: #828282;
  width: 13px;
  height: auto;
  max-height: 33px;
}
.transport__panel__button {
  background: #2196f3;
  box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  padding: 10px;
  width: 100%;
  border: none;
  max-width: 220px;
  margin-top: 8px;
}

#lotPageSidePanel .viewlot__saleinfo .info__panel {
  background: #fff;
  float: right;
  margin-left: -1em;
  margin-right: -1em;
  padding: 20px 0 0;
  width: 288px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding-bottom: 14px;
  position: relative;
  margin-top: 2em;
  margin-bottom: 3em;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .table {
  width: 84%;
  margin: auto;
  font-size: 12px;
  line-height: 18px;
  color: #373737;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .sale__name {
  font-size: 14px;
  text-align: center;
  margin: 0 auto 20px;
  padding: 0 10px;
  font-weight: 700;
  max-width: 70%;
  line-height: 1.1;
  color: #000000;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel h6 {
  font-size: 12px;
  text-align: center;
  padding: 0 5px;
  font-weight: 700;
  line-height: 1.1;
  color: #000000;
  font-family: "Poppins-Bold", Arial, sans-serif;
  display: inline-block;
  margin: 0 0 15px 0;
  max-width: initial;
  width: 100%;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .wrapped-up {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 10px;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .wrapped-up .col {
  text-align: center;
  padding: 0 10px;
  width: 100%;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .wrapped-up .col img {
  max-width: 36px;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel ul li {
  margin-top: 0;
  font-size: 12px;
  line-height: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .viewlot__info--top {
  width: 100%;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .col--6 {
  width: 50%;
  float: left;
  padding-right: 10px;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .viewlot__actions {
  width: 100%;
  float: left;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .viewlot__actions .list-standard {
  font-size: 12px;
  line-height: 14px;
  color: #373737;
  max-width: 85%;
  margin: 20px auto 0;
  text-align: center;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .viewlot__actions a {
  font-size: 12px;
  margin-top: 5px;
  display: block;
  color: #0097ff;
  text-decoration: none;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .viewlot__actions li {
  width: 100%;
  border: 0;
  padding: 0;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .country,
#lotPageSidePanel .viewlot__saleinfo .info__panel .key {
  margin-right: 0.2em;
  display: inline-block;
  padding: 0 3px;
  margin: auto;
  float: none;
  margin-bottom: 15px;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .icon--xbid {
  margin-left: -9px;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .wrapped-up {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .wrapped-up .col {
  text-align: center;
  padding: 0 10px;
  width: 100%;
}
#lotPageSidePanel .viewlot__saleinfo .info__panel .wrapped-up .col img {
  max-width: initial;
  margin: 10px 0 15px;
}
#lotPageSidePanel .viewlot__vehicleinfo.pricing__panel {
  background: #fff;
  float: right;
  margin-left: -1em;
  margin-right: -1em;
  padding: 20px 0 0;
  width: 288px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding-bottom: 14px;
  position: relative;
  margin-top: 2em;
  margin-bottom: 2em;
}
#lotPageSidePanel .viewlot__vehicleinfo.pricing__panel .viewlot__headline--small {
  font-size: 14px;
  text-align: center;
  margin: 0 auto 20px;
  padding: 0 10px;
  font-weight: 700;
  max-width: 70%;
  line-height: 1.1;
  color: #000000;
}
#lotPageSidePanel .viewlot__vehicleinfo.pricing__panel table tr td {
  font-size: 12px;
  line-height: 18px;
  padding: 2px 0px;
}
#lotPageSidePanel .viewlot__vehicleinfo.pricing__panel h3 + table {
  width: 84%;
  margin: auto;
  font-size: 12px;
  line-height: 18px;
  color: #373737;
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(45deg);
  }
  to {
    -moz-transform: rotate(405deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(45deg);
  }
  to {
    -webkit-transform: rotate(405deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(45deg);
  }
  to {
    transform: rotate(405deg);
  }
}
/*Include components*/
@media (max-width: 768px) {
  .terms__title {
    display: inline-block;
  }
}
.terms__wrap {
  position: relative;
}
.terms .actions-bar {
  position: absolute;
}
.terms .actions-bar--bottom {
  bottom: -1px;
}
.terms__actions {
  display: inline-block;
}
.terms .checkbox {
  margin-left: 0.7em;
  margin-bottom: 0.7em;
}

.viewlot__bidpanel {
  display: table-cell;
}
.viewlot__actions {
  float: left;
}
.viewlot__actions li {
  float: left;
}

.viewlot {
  /*  --------------------------------------- 
               Group Vehicle Widget           
  -------------------------------------- */
}
.viewlot__contact, .viewlot__info {
  font-size: 1em;
}
.viewlot__actions li {
  border-right: 1px solid #eee;
}
.viewlot__actions li:last-child {
  border: none;
}
.viewlot__actions li a:hover {
  cursor: pointer;
}
.viewlot__saleinfo {
  color: #000;
  font-size: 14px;
}
.viewlot__saleinfo table {
  border: none;
}
.viewlot__saleinfo table tr td {
  border: none;
}
.viewlot__saleinfo img {
  margin: 0 6em 0 0;
  width: 100px;
}
.viewlot__saleinfo .sale__name {
  font-size: 1.5em;
}
.viewlot__saleinfo .modal__body h2 {
  margin: 0 0 .5em 0;
}
.viewlot__saleinfo .modal__body .table-col {
  border-bottom: 1px solid #eee;
  padding: 1em 0;
}
.viewlot__saleinfo .modal__body .table-col p:last-child {
  margin-bottom: 0;
}
.viewlot__saleinfo .modal__body .table-col img {
  margin-right: 0;
}
.viewlot .layout {
  border: none;
  margin: 0;
}
.viewlot__grouped {
  vertical-align: top;
}
.viewlot__grouped__list {
  display: inline-table;
}
.viewlot__grouped__list span {
  display: block;
}

/* --------------------------------------------------
	             Batch gallery
-------------------------------------------------- */
.BatchThumbContainer {
  max-width: 890px;
  overflow: hidden;
  margin: 0;
}
.BatchThumbContainer__title {
  background: #eaeaea;
  padding: 8px 15px;
  color: #6d7278;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  border-radius: 6px 6px 0 0;
}
.BatchThumbContainer__thumbs {
  border: #cdcdcd solid 1px;
  border-radius: 0 0 6px 6px;
  border-top: none;
  position: relative;
  overflow: hidden;
}
.BatchThumbContainer__thumbs .thumbnav {
  height: 95%;
  display: block;
  position: absolute;
  width: 30px;
  background: rgba(255, 255, 255, 0.8);
  color: #777777;
  top: 0;
}
.BatchThumbContainer__thumbs .thumbnav.left {
  left: 0;
}
.BatchThumbContainer__thumbs .thumbnav.left i {
  left: 0;
}
.BatchThumbContainer__thumbs .thumbnav.right {
  right: 0;
}
.BatchThumbContainer__thumbs .thumbnav.right i {
  right: 0;
}
.BatchThumbContainer__thumbs .thumbnav.disabled {
  display: none !important;
}
.BatchThumbContainer__thumbs .thumbnav:hover {
  color: #000;
}
.BatchThumbContainer__thumbs .thumbnav i {
  position: absolute;
  top: 25%;
}
.BatchThumbContainer__thumbs ul {
  height: 100px !important;
  list-style: none;
  margin: 0;
  padding: 15px;
  width: 200%;
  width: max-content;
}
.BatchThumbContainer__thumbs ul .active a > div {
  opacity: .4;
}
.BatchThumbContainer__thumbs ul li {
  float: left;
  margin-right: 22px;
}
.BatchThumbContainer__thumbs ul li a > div {
  max-width: 67px;
  margin-bottom: 10px;
}
.BatchThumbContainer__thumbs ul li a > div:hover {
  opacity: .4;
}
.BatchThumbContainer__thumbs ul li a > div .vehicleImageDiv {
  width: 67px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: #cdcdcd solid 2px;
  border-radius: 2px;
  margin-bottom: 3px;
}
.BatchThumbContainer__thumbs ul li a > div > p {
  color: #505050;
  font-size: 9px;
  line-height: initial;
  margin-top: 0px;
  padding-left: 1px;
  padding-right: 1px;
  margin-bottom: 0px;
  white-space: nowrap;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*  --------------------------------------- 
                 filter                 
    -------------------------------------- */
.filter {
  position: relative;
  display: inline-block;
}
.filter .checkbox {
  display: table;
}
.filter input[type='text']::-ms-clear {
  display: none;
}
.filter .actions-bar--top .button {
  display: none;
}
.filter .sticky {
  text-align: right;
}
.filter .sticky .button {
  display: inline;
  vertical-align: bottom;
}
.filter__header {
  float: left;
}
.filter .input-wrap__icon--right {
  right: 0;
}
.filter__validation .icon--alert {
  display: none;
}
.filter .validation--error {
  margin-left: 1em;
  /*.search-box:not(:valid) ~ .show-alert {
      display:inline-block !important;
  }*/
}
.filter__info {
  display: inline-block;
}
.filter__item {
  float: left;
  display: table;
}
.filter__label {
  vertical-align: top;
  display: table-cell;
}
.filter__panel {
  float: left;
  display: inline-block;
  text-align: left;
}
.filter__panel i {
  display: none;
}
.filter__panel--disable {
  position: relative;
}
.filter__panel--active .icon {
  display: inline-block;
}
.filter__panel .notifier--top {
  bottom: 75px;
  left: 0;
  top: inherit;
}
.filter__action {
  display: table-cell;
}
.filter__panel-type {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.filter .date-schedule .input-wrap__icon--right {
  right: 0px;
}
.filter__loader {
  left: 50%;
  top: 50%;
  position: fixed;
  z-index: 20;
}
.filter__fade {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 10;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: .60;
}

/*Include templates*/
.layout__main-centered {
  max-width: 960px;
  margin: 1em auto;
}

/*  --------------------------------------- 
                   Grid                     
    -------------------------------------- */
.unit {
  padding-left: 1em;
  padding-right: 1em;
}

.size1of2 {
  width: 50%;
}

.size1of3 {
  width: 33.33333333%;
}

.size2of3 {
  width: 66.6666%;
}

.Page.Dashboard h1 {
  display: none;
}

body > section {
  clear: both;
}

/*  --------------------------------------- 
                    Layout                    
    -------------------------------------- */
.layout {
  clear: both;
  min-width: 768px;
  width: 100%;
}
.layout__center {
  max-width: 960px;
  margin: 0 auto;
}
.layout--large {
  max-width: 1280px;
  padding: 0;
}
.layout__right {
  padding-right: 1em;
}
.layout__inner {
  background: #f5f5f5;
  width: 100%;
}
.layout__sidebar {
  z-index: 1;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .layout__sidebar {
    display: none;
  }
}
.layout__main {
  background: #fff;
  margin-left: 340px;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .layout__main {
    margin: 0;
    width: 100%;
  }
}
.layout__main.panel-open {
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.layout__main-inner {
  border-left: 1px solid #e2e2e2;
  padding: 1em 0;
  position: relative;
  vertical-align: top;
}
.layout__main-sidebar {
  padding-right: 1em;
}
.layout__item {
  display: inline-block;
  padding-left: 1em;
  vertical-align: top;
}
.layout__item:first-child {
  padding: 0;
}

/*  --------------------------------------- 
                   Grid                     
    -------------------------------------- */
.five-tenths {
  width: 55%;
}

.four-tenths {
  width: 45%;
}

/*  --------------------------------------- 
                    Separator                     
    -------------------------------------- */
.separator {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 0 0;
  margin: 0;
}

/*  --------------------------------------- 
                    Wrapper                     
    -------------------------------------- */
.wrapper {
  padding: 0 1em;
  width: 100%;
}

/*  --------------------------------------- 
                    Sticky                     
    -------------------------------------- */
.sticky {
  position: fixed;
  z-index: 5;
}

/*  --------------------------------------- 
                  Actions bar                     
    -------------------------------------- */
.actions-bar--top {
  transition: box-shadow .3s ease-in-out;
  -webkit-transition: box-shadow .3s ease-in-out;
  -moz-transition: box-shadow .3s ease-in-out;
  -o-transition: box-shadow .3s ease-in-out;
}
.actions-bar--middle {
  padding: 1em 0 1em 2.5em;
}
.actions-bar__item {
  padding: 8px 40px 8px 40px;
}

.actions-bar--top.sticky {
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
}

.actions-bar-wrap {
  height: 66px;
}

#main-actions-container {
  height: 58px;
}
@media (min-width: 1365px) and (max-width: 1600px) {
  #main-actions-container .sidebar-toogle {
    display: none;
  }
}
@media (min-width: 1600px) {
  #main-actions-container .sidebar-toogle {
    display: none;
  }
}

/*.main-actions {
    border-top: 1px solid #e2e2e2;
    padding: 0.75em 1.4em;
    height: 60px;
    width: 100%;
    z-index: 2;

    .sidebar-trigger {
        @include breakpoint(large){
            display: none;
        }
    }
}*/
.modal-open {
  overflow: hidden;
}

/*  --------------------------------------- 
                    Overlay                    
    -------------------------------------- */
#filteroverlay {
  position: absolute;
  z-index: 20;
}

#overlay {
  left: 50%;
  top: 200px;
  position: absolute;
  z-index: 20;
}

#filteroverlay {
  left: 50%;
  top: 200px;
}

#fade {
  background-color: #F7F7F7;
  -moz-opacity: 0.6;
  opacity: .60;
  filter: alpha(opacity=60);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
}

#filterfade {
  background-color: #F7F7F7;
  filter: alpha(opacity=60);
  height: 100%;
  -moz-opacity: 0.6;
  opacity: .60;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  position: absolute;
  z-index: 10;
}

/* --------------------------------------------------
	            Button go top
-------------------------------------------------- */
.button--gotop {
  bottom: 5em;
  display: none;
  padding: .7em 1em;
  position: fixed !important;
  right: 6.25em;
  opacity: 0;
  z-index: 40;
}

/*  --------------------------------------- 
                    Facets                      
    -------------------------------------- */
.facets .update-results {
  bottom: 0;
  display: none;
  position: fixed;
  width: 340px;
}

.facets {
  width: 340px;
}

.panel-open .facets {
  left: 0;
  top: 0;
  height: 100%;
  position: fixed;
  overflow: auto;
  z-index: 10;
}
.panel-open .facets .notifier {
  position: fixed;
  left: 340px;
  top: 0;
}
.panel-open .update-results {
  display: block;
}
.panel-open .facet-filters {
  bottom: 25px;
  left: 365px;
  max-height: 95%;
  overflow: auto;
  padding: 1em 0;
  position: fixed;
  right: 25px;
  top: 25px;
  z-index: 9999;
        /*  --------------------------------------- 
        Facet filters fixed height                   
-------------------------------------- */
}
.panel-open .facet-filters .update-results {
  bottom: 25px;
  top: auto;
  width: 380px;
}
.panel-open .facet-filters--fixedheight {
  max-height: calc(100% - 240px);
}
.panel-open .facet-filters--fixedheight.facet-filters--large {
  max-height: calc(100% - 175px);
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .panel-open .facet-filters--fixedheight.facet-filters--large {
    max-height: calc(100% - 240px);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .panel-open .facet-filters--fixedheight.facet-filters--large {
    max-height: calc(100% - 240px);
  }
}
@media (max-width: 768px) {
  .panel-open .facet-filters--fixedheight.facet-filters--large {
    max-height: calc(100% - 240px);
  }
}
.panel-open .no-results--modal {
  bottom: 25px;
  left: 365px;
  max-height: 95%;
  overflow: auto;
  padding: 1.5em;
  position: fixed;
  right: 25px;
  top: auto;
  z-index: 9999;
}

/*  --------------------------------------- 
                 Overlayer                     
    -------------------------------------- */
.overlayer {
  background: rgba(0, 0, 0, 0.4);
}

.panel-open .overlayer {
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
}

.panel-open--myitems .facets {
  left: 0;
  top: 0;
  height: 100%;
  overflow: auto;
  z-index: 10;
}
.panel-open--myitems .facet-filters {
  bottom: inherit;
  left: 365px;
  max-height: 95%;
  overflow: auto;
  padding: 1em 0;
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 9999;
}
.panel-open--myitems .overlayer {
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.update-results--myitems {
  margin-top: 1em;
  width: 340px;
}
.facets .update-results--myitems {
  position: static;
}

.layout__main--myitems {
  display: flex;
  position: relative;
}

.layout__main--full {
  margin-left: 0;
}
.layout__main--full .layout__main-inner--myitems {
  background: none;
  border: none;
  width: 100%;
}

.layout__main-inner--myitems {
  padding: 0 1em;
  min-height: 465px;
  width: 100%;
}

.layout__inner.panel-open--myitems {
  background: #fff;
  position: relative;
}

.key-listing {
  margin: 1em 0;
}
.key-listing ul {
  padding: 0;
}
.key-listing ul li {
  list-style-type: none;
}
.key-listing ul li i {
  font-style: normal;
}
.key-listing ul li i:before {
  color: #ccc;
}

/*  --------------------------------------- 
                    JS Only                    
    -------------------------------------- */
.jsonly {
  display: none;
}

/*  --------------------------------------- 
                    Hide                    
    -------------------------------------- */
.hide {
  display: none;
}

/*  ----------------------------------------------- 
    Media Queries iPads (portrait and landscape)                     
    ---------------------------------------------- */
@media (min-width: 480px) and (max-width: 1023px) {
  .layout__main {
    margin: 0;
    width: 100%;
  }
  .layout__sidebar {
    display: none;
  }
  .layout__sidebar.panel-open {
    display: block;
  }
}
/*  ----------------------------------------------- 
                 Media Queries desktop                     
    ---------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1365px) {
  .layout__sidebar.panel-open {
    display: block;
  }

  .facet-filters.facet-filters-large {
    width: 720px;
  }
}
/*  ----------------------------------------------- 
                 Responsiv hide                     
    ---------------------------------------------- */
@media (max-width: 767px) {
  .hide--xs {
    display: none !important;
  }
}
/*Include patterns*/
/* --------------------------------------------------
	                 Icons
-------------------------------------------------- */
.icon {
    /* --------------------------------------------------
	                  Sale icons
-------------------------------------------------- */
}
.icon--left {
  margin-right: .5em;
}
.icon--right {
  margin-left: .5em;
}
.icon--large {
  font-size: 3em;
}
.icon--extralarge {
  font-size: 4em;
}
.icon--active {
  color: #66aa66;
}
.icon--disabled {
  color: #eee;
}
.icon--checked {
  color: #308dff;
}
.icon--bidnow {
  color: #3d5e92;
}
.icon--buynow {
  color: #b5cd55;
}
.icon--buynow-uk {
  color: #529ad0;
}
.icon--closedsale {
  color: #ca0000;
}
.icon--eauction {
  color: #62429a;
}
.icon--liveonline {
  color: #47b448;
}
.icon--mbatch {
  color: #604199;
}
.icon--auction {
  color: #f68b1f;
}
.icon--sealed {
  color: #519fd7;
}
.icon--track {
  color: #ffdd00;
}
.icon--price {
  color: #083074;
}
.icon--vendor {
  color: #ffdf00;
}
.icon--xbid {
  color: #c40000;
}

/* --------------------------------------------------
	           Symbols
-------------------------------------------------- */
.symbol {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  padding: 2px 9px;
  text-transform: uppercase;
}
.symbol--new {
  border: 1px solid #fb8c00;
  color: #fb8c00;
  font-size: .750em;
  font-style: normal;
}
.symbol--success {
  border: 1px solid #4caf50;
  color: #4caf50;
  font-size: .750em;
  font-style: normal;
}
.symbol--warning {
  border: 1px solid #fb8c00;
  color: #fb8c00;
  font-size: .750em;
  font-style: normal;
}

/* --------------------------------------------------
	                    Button
-------------------------------------------------- */
.button {
  padding: .5em 1em;
  min-height: 34px;
  /* --------------------------------------------------
  	             Button-no-value
  -------------------------------------------------- */
  /* --------------------------------------------------
  	              Button-block
  -------------------------------------------------- */
  /* --------------------------------------------------
  	              Button-small
  -------------------------------------------------- */
  /* --------------------------------------------------
  	              Button-medium
  -------------------------------------------------- */
  /* --------------------------------------------------
  	              Button-large
  -------------------------------------------------- */
}
.button--no-value {
  padding: .25em;
}
.button--block {
  width: 100%;
}
.button--small {
  min-height: 32px;
  padding: .5em 1em;
}
.button--medium {
  min-height: 40px;
  padding: .5em 1.5em;
}
.button--large {
  min-height: 48px;
  padding: .5em 1.6em;
}

/* --------------------------------------------------
	              Button group
-------------------------------------------------- */
.button-group {
  margin: 0;
  padding: 0;
}
.button-group .button-group__item:last-child .button {
  margin-bottom: 0;
}
.button-group .button {
  margin-bottom: .5em;
}
.button-group__item--inline {
  margin-left: .625em;
}

/* --------------------------------------------------
	             More Links
-------------------------------------------------- */
.more-links {
  vertical-align: top;
  padding: 0px 5px 1px 5px;
  box-sizing: content-box;
  color: #666;
  min-height: 24px;
  line-height: 24px;
}
.more-links:before {
  font-size: 30px;
  line-height: 0.1;
  text-align: center;
  vertical-align: middle;
}
.more-links:hover {
  color: #000;
}

/*  --------------------------------------- 
                    Form                      
    -------------------------------------- */
.form--small {
  width: 300px;
}
.form__row {
  margin-top: 1em;
}
.form__row:first-child {
  margin: 0;
}
.form__container {
  max-height: 250px;
  overflow: auto;
  padding: 0 .5em;
}

/*  --------------------------------------- 
                    Input                      
    -------------------------------------- */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"] {
  height: 34px;
  padding: 0 .625em;
}

.input--large {
  height: 40px !important;
}

/*  --------------------------------------- 
                    Textarea                      
    -------------------------------------- */
textarea {
  padding: .625em;
}

/*  --------------------------------------- 
               Input                    
    -------------------------------------- */
input[type="text"] {
  min-width: 300px;
}

/*  --------------------------------------- 
           Input with icon left                 
    -------------------------------------- */
.input-wrap {
  /*  --------------------------------------- 
          Input with icon right                 
  -------------------------------------- */
}
.input-wrap input[type="text"] {
  padding-left: 2.25em;
  min-width: auto;
}
.input-wrap--right input[type="text"] {
  padding-right: 2.25em;
  padding-left: 10px;
}

/*  --------------------------------------- 
                Input with dropdown              
    -------------------------------------- */
.input-dropdown input[type="number"] {
  min-width: inherit;
  text-align: right;
}
.input-dropdown__list {
  display: inline-block;
  position: relative;
  white-space: normal;
}
.input-dropdown__arrow {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 0px solid #ddd;
  margin: 0;
  padding: 0.406em 0;
  margin-left: -.370em;
  width: 1.625em;
  color: #000;
  max-height: 34px;
}
.input-dropdown__arrow .icon {
  color: #666;
}
.input-dropdown__list-wrapper {
  width: auto;
}
.input-dropdown__item {
  min-width: 7.1em;
  border-bottom: 1px solid #eee;
  line-height: 0.8;
  padding: .688em 1em .688em;
  cursor: pointer;
}
.input-dropdown__item--active {
  color: #48e;
  background: #f5f5f5;
}
.input-dropdown__items {
  max-height: 15.313em;
  padding: 0;
  overflow: scroll;
  overflow-x: hidden;
  background: #fff;
  border: 1px solid #ddd;
  -moz-box-shadow: rgba(50, 50, 50, 0.65) 2px 2px 9px 0px;
  -webkit-box-shadow: rgba(50, 50, 50, 0.65) 2px 2px 9px 0px;
  box-shadow: rgba(50, 50, 50, 0.65) 2px 2px 9px 0px;
}
.input-dropdown--small input[type="number"] {
  max-width: 6.875em;
}
.input-dropdown:not(:first-child) {
  margin-left: 1em;
}

/*  --------------------------------------- 
                    Label                      
    -------------------------------------- */
label {
  padding: .5em 0;
}

/*  --------------------------------------- 
                    Select                      
    -------------------------------------- */
.select-wrap:after {
  height: 32px;
  padding: 0 .1em;
  width: 26px;
  content: "\e5c5";
  font-family: 'Material Icons';
}
.select-wrap select {
  height: 34px;
  padding: 0 .75em 0 .5em;
  width: 100%;
}
@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  .select-wrap select {
    padding: 0 .5em;
  }
}
.select-wrap--large:after {
  height: 46px;
}
.select-wrap--large select {
  height: 48px;
}

.select-block {
  margin-bottom: 0.5em;
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .select-wrap select {
    padding-right: 30px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari only override */
  ::i-block-chrome, .select-wrap select {
    -webkit-appearance: none;
    padding-right: 2em;
  }
}
/*  --------------------------------------- 
               Select custom                     
    -------------------------------------- */
.select-custom {
  cursor: pointer;
}
.select-custom:after {
  background: #fff;
  font-size: 140%;
  line-height: 37px;
  text-align: center;
  height: 32px;
  padding: 0 .1em;
  width: 26px;
  content: "\e5c5";
  font-family: 'Material Icons';
}
@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  .select-custom:after {
    font-size: 100%;
  }
}
.select-custom__selected {
  border: 1px solid #ddd;
  height: 34px;
  padding: .65em 2.2em .65em .75em;
}
.select-custom__list {
  border: 1px solid #7b9cd3;
  background: #fff;
  max-height: 400px;
  overflow: auto;
  width: 100%;
}
.select-custom__list-item {
  padding: 0 .75em;
}
.no-touch .select-custom__list-item:hover {
  background: #248fff;
  color: #fff;
}
.select-custom__list-item--selected {
  background: #248fff;
  color: #fff;
}

/*  --------------------------------------- 
                 Checkbox                 
    -------------------------------------- */
.checkbox input {
  height: 24px;
  width: 24px;
}
.checkbox label {
  padding-left: 2.25em;
  padding-right: 1em;
}
.checkbox label:before {
  height: 24px;
  width: 24px;
}

/*  --------------------------------------- 
                 Switch          
    -------------------------------------- */
.switch {
  width: 42px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.switch__label {
  border-radius: .875em;
  padding: 0;
}
.switch__background {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.switch__background:before, .switch__background:after {
  width: 50%;
  height: 24px;
  padding: 0;
  box-sizing: border-box;
}
.switch__background:before {
  content: "" attr(data-on) "";
  padding-left: .625em;
}
.switch__background:after {
  content: "" attr(data-off) "";
  padding-right: .625em;
  text-align: right;
}
.switch__handler {
  width: 18px;
  margin: 5px;
  border-radius: .875em;
  transition: all 0.3s ease-in 0s;
}

/*  --------------------------------------- 
                 Radio                     
    -------------------------------------- */
.radio label {
  padding-left: 2.5em;
}
.radio label:before {
  height: 24px;
  width: 24px;
}

/*  --------------------------------------- 
                Validation                   
    -------------------------------------- */
.validation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* --------------------------------------------------
	                     Nav
-------------------------------------------------- */
.nav {
    /* --------------------------------------------------
	               Nav global
-------------------------------------------------- */
    /* --------------------------------------------------
	    Nav dropdown
    -------------------------------------------------- */
    /* --------------------------------------------------
	    Nav breadcrumb
    -------------------------------------------------- */
  /* --------------------------------------------------
      Nav tabbed
  -------------------------------------------------- */
    /* --------------------------------------------------
	                   Nav block
    -------------------------------------------------- */
  /* --------------------------------------------------
      Nav summary
  -------------------------------------------------- */
  /* --------------------------------------------------
      Nav Controlers
  -------------------------------------------------- */
  /* --------------------------------------------------
      Nav pagination
  -------------------------------------------------- */
  /* --------------------------------------------------
      Nav expandable
  -------------------------------------------------- */
    /* --------------------------------------------------
	               Nav local
-------------------------------------------------- */
    /* --------------------------------------------------
                      Toggle
-------------------------------------------------- */
}
.nav__list {
  margin: 0;
  padding: 0;
}
.nav__link--global {
  padding: 1em;
}
.nav__item--global:hover .nav__dropdown:before {
  height: 6px;
  width: 100%;
}
.nav__sub-item--global h4 {
  margin-top: .5em;
}
.nav__sub-group {
  padding: 0 1em 0 0;
}
.nav__sub-group:last-child {
  padding-right: 0;
}
.nav__sub-link--global {
  padding: .5625em 1em;
}
.nav__dropdown {
  padding-right: 2em;
}
.nav--breadcrumb .nav__item {
  padding: 1em .3125em;
}
.nav--breadcrumb .nav__inner {
  height: 40px;
  margin: 0 auto;
  max-width: 1280px;
  padding: .75em;
}
.nav--tabbed .nav__item {
  height: 4em;
  line-height: 4em;
}
.nav--tabbed .nav__item span {
  padding: 0 .75em;
}
.nav__link--tabbed {
  margin-right: 1em;
}
.nav__block-title {
  margin-top: 0;
  margin-bottom: .75em;
}
.nav__block-list-link {
  padding: .25em;
}
.nav__block-list-text {
  padding: .25em;
}
.nav--summary {
  margin-bottom: 4em;
}
.nav--summary .nav__block-list {
  padding-right: 2em;
}
.nav--summary .nav__block-list-item:first-child .nav__block-list-link {
  padding-left: 0;
}
.nav--summary .nav__block-list-link {
  padding-left: 1em;
}
.nav--summary .nav__col {
  float: left;
}
.nav--summary .nav__col:first-child {
  width: 33%;
}
.nav--summary .nav__col:last-child {
  width: 67%;
}
.nav--summary .nav__col:last-child .nav__block-list {
  float: left;
  width: 50%;
}
.nav--summary .nav__col:last-child .nav__block-list:last-child {
  padding-right: 0;
}
.nav--controllers {
  margin-bottom: 1.5em;
}
.nav--controllers .nav__item {
  padding-right: 1em;
}
.nav--controllers .nav__item:last-child {
  padding: 0;
}
.nav--controllers .nav__link--disabled {
  color: #ccc;
}
.nav--controllers .nav__link--disabled:hover {
  cursor: not-allowed;
}
.nav--pagination {
  margin-top: 1em;
}
.nav--pagination--top {
  margin-top: 0;
  margin-bottom: 1em;
}
.nav__item--pagination {
  margin-left: .5em;
}
.nav__link--pagination {
  padding: .5em .8em;
}
.nav--expand {
  width: 100%;
}
.nav__item--expand {
  width: 33%;
}
.nav__link--expand {
  padding: 1.25em;
}
.nav--local {
  width: 100%;
}
.nav__item--local {
  margin: 0 1em;
  height: 4em;
  line-height: 4em;
}
.nav--toggle {
  margin-bottom: 5em;
}
.nav--toggle .nav__list {
  width: 33%;
}
.nav--toggle .nav__list li {
  padding: 0 1em 1em 1em;
}
.nav--toggle .nav__item {
  height: 48px;
  padding: .5em 1em .5em .5em;
  width: 100%;
}
.nav--toggle .nav__item-content {
  padding: .5em 0;
}
.nav--toggle .nav__item-content li:first-child a {
  padding-bottom: .5em;
}

/* --------------------------------------------------
	               Tab content
-------------------------------------------------- */
.tab-content {
  padding: 1em 0.75em;
}
.tab-content__title {
  margin: 0 0 1.5em 0;
  padding: 0;
}

/*  --------------------------------------- 
                Switch List              
-------------------------------------- */
.switch-list__wrapper {
  width: 100%;
}
.switch-list__links {
  padding: 0;
  margin: 0;
}
.switch-list__links-inner {
  padding-left: 14px;
}
.switch-list__link {
  padding: 11px;
}
.switch-list__item {
  width: 100%;
}
.no-touch .switch-list__item:hover {
  width: 100%;
}
.switch-list__item-title {
  padding: 11px 13px 9px;
}
.switch-list .button {
  margin: 0;
}

table tr td, table tr th {
  padding: 0.625em 0.938em;
}

.table__thead--small {
  height: 24px;
  background-color: #eee;
  font-size: .750em;
  font-weight: 500;
  line-height: 2;
  color: #222222;
  padding: 0 0.7em;
}
.table__small-col {
  color: #888;
  height: 56px;
  border-bottom: 1px solid #eee;
  padding: 16px 0 0 10px;
  vertical-align: top;
}
.no-touch .table__row:hover {
  background: rgba(238, 238, 238, 0.35);
}

/*  --------------------------------------- 
                Description lists                     
    -------------------------------------- */
dl dd {
  margin: 0;
}

/*  --------------------------------------- 
                 Unordered lists                     
    -------------------------------------- */
.list-standard {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.list-regular {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-regular li {
  line-height: 1.6em;
  padding: .625em 0;
}

.feedback {
  margin: 1em 0;
}
.feedback--promo {
  margin: 0.5em 0;
}
.feedback p {
  margin: 0;
}
.feedback__inner {
  padding: 1em;
}
.feedback--promo .feedback__inner {
  padding: 4px;
}
.feedback__title {
  margin: 0;
  padding: 0 1em .5em 1em;
}
.feedback--promo .feedback__title {
  margin-right: 48px;
  margin-top: 0.8em;
  font-size: 14px;
}
.feedback--promo .feedback__link {
  margin-right: 45px;
  font-size: 14px;
}
.feedback--promo-image {
  position: relative;
}
.feedback--promo-image .feedback__inner {
  position: relative;
  z-index: 2;
}
.feedback--promo-image .feedback__title {
  padding: 0 1em .5em 0em;
}
.feedback--highlight {
  width: 288px;
  float: right;
  margin-left: -1em;
  margin-right: -1em;
  padding: .375em;
}
.feedback .fade {
  z-index: 1;
}
.feedback__subtitle {
  padding-top: 1em;
}
.feedback__button {
  padding-top: 1em;
}
.feedback--cta .feedback__title {
  padding: .5em;
}
.feedback--no-data {
  padding: 5em 0;
}
.feedback--no-data .feedback__inner {
  margin: 0 auto;
  max-width: 650px;
}

/*  --------------------------------------- 
                 Alert            
    -------------------------------------- */
.alert {
  margin-top: 3em;
  width: 100%;
}
.alert__wrap {
  text-align: center;
  max-width: 580px;
  margin: 0 auto;
}
.alert__headline {
  margin: 0 0 1.5em 0;
}
.alert__info {
  margin-bottom: 1em;
}
.alert__advise {
  margin-top: 1em;
}
.alert__action {
  margin-bottom: 2em;
  margin-top: 2em;
}
.alert__image {
  margin-bottom: 3em;
}

.headline {
  padding: 1.2em 1.6em;
  margin: .75em 0;
}

/*  --------------------------------------- 
                 Actions bar                     
    -------------------------------------- */
.actions-bar {
  padding: 0.75em 1em;
  width: 100%;
}
.actions-bar--nopadding-lr {
  padding-left: 0;
  padding-right: 0;
}
.actions-bar__fade {
  height: 100%;
  width: 100%;
}
.actions-bar .button-group button {
  margin-bottom: 0px;
}
.actions-bar__info {
  padding-right: .625em;
}

/*  --------------------------------------- 
        Error result                     
    -------------------------------------- */
.no-results {
  width: 100%;
  margin-top: 20px;
  padding: 1.5em;
}
.no-results__image {
  min-height: 105px;
  background-image: url(../../../imgs/icon-search.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 10%;
  margin-right: 20px;
}
.no-results__title {
  margin: 0;
}
.no-results__message {
  margin: 0 0 24px;
}
.no-results__info {
  vertical-align: sub;
  text-align: left;
}
.no-results--modal {
  background: #fff;
  padding: 1.5em;
  width: 380px;
}
.no-results--modal .no-results__message {
  margin: 0;
}
@media (min-width: 1365px) and (max-width: 1600px) {
  .no-results--large {
    width: 720px;
  }
}
@media (min-width: 1600px) {
  .no-results--large {
    width: 1069px;
  }
}
.no-results__action {
  padding: .438em 0;
  text-align: right;
}

/*  --------------------------------------- 
                mysearches                    
    -------------------------------------- */
.mysearches__title {
  font-weight: 500;
}
.mysearches__info {
  text-align: right;
}
.mysearches .table__row {
  text-decoration: none;
}
.mysearches .table__row:last-of-type {
  border-bottom: 1px solid #eee;
}
@media (max-width: 768px) {
  .mysearches .table__row {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #eee;
    padding: 0 10px 16px 10px;
  }
  .mysearches .table__small-col {
    border: none;
  }
  .mysearches .mysearches__info {
    text-align: left;
    margin-top: -16px;
  }
  .mysearches .switch {
    margin-left: 20px;
  }
}

/*  --------------------------------------- 
                 Actions bar                     
    -------------------------------------- */
.sort-bar {
  padding: 1.5em 1em 1em;
  width: 100%;
}

/*  --------------------------------------- 
                mybasket                    
    -------------------------------------- */
.notes {
  color: #888;
}
.notes__content {
  font-size: 14px;
  margin-top: 1em;
}

/* --------------------------------------------------
	             Free Text Search
-------------------------------------------------- */
.menu-search__item {
  width: 100%;
  padding-right: 1em;
}
.menu-search__input {
  height: 42px !important;
  min-width: inherit !important;
}
.menu-search .button {
  margin-left: 0.625em;
}

/* --------------------------------------------------
	             Admin panel
-------------------------------------------------- */
@media (max-width: 768px) {
  .admin-panel {
    padding-left: 106px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .admin-panel {
    padding-left: 106px;
  }
}
.admin-panel h4 {
  margin: 0;
}
.admin-panel .button-group {
  margin: 1em 0;
}
.admin-panel .button-group__item--inline {
  margin-left: 0;
  margin-right: 2em;
  padding: .5em 0;
}

/*  --------------------------------------- 
                Promo Banner                     
    -------------------------------------- */
.promo-banner {
  padding: 1em;
}
.promo-banner__img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-right: 1em;
  height: 146px;
  width: 184px;
  border: solid 1px #ffffff;
}
.promo-banner__title {
  margin: 0 0 1em 0;
}
.promo-banner__action {
  padding-right: 1em;
}
.promo-banner__link {
  text-decoration: underline;
  cursor: pointer;
}

/*  --------------------------------------- 
                    Listing                
    -------------------------------------- */
.listing {
  padding: 1em 0;
  width: 100%;
  /*  --------------------------------------- 
              Listing lot              
  -------------------------------------- */
  /*  --------------------------------------- 
            Listing lot results              
  -------------------------------------- */
    /*  --------------------------------------- 
           Listing lot with actions               
---------------------------------------- */
    /*  --------------------------------------- 
          Listing sale header             
-------------------------------------- */
    /*  --------------------------------------- 
          Listing inline            
-------------------------------------- */
    /*  --------------------------------------- 
         Listing card    
-------------------------------------- */
    /*  --------------------------------------- 
         Listing featured       
-------------------------------------- */
    /*  --------------------------------------- 
         Listing myitems      
-------------------------------------- */
    /*  --------------------------------------- 
         Listing xbid    
-------------------------------------- */
    /*  --------------------------------------- 
         Listing xbid    
-------------------------------------- */
}
.listing__inner {
  padding: 1em;
}
.listing__image {
  width: 100px;
  max-height: 75px;
}
.listing__image img {
  width: 100px;
}
.listing__image--small {
  width: 40px;
  height: 30px;
}
.listing__image--small img {
  width: 40px;
}
.listing__image--large {
  width: 135px;
  max-height: 75px;
  overflow: hidden;
}
.listing__image .listing__img {
  width: 135px !important;
  height: auto !important;
}
.listing__entry {
  padding: 0 0 0 1em;
  width: 100%;
}
.listing__title {
  margin: 0;
}
.listing__title a {
  padding: 0.44em 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .listing__date-info {
    margin-top: .5em;
  }
}
.listing__sale-info {
  margin-top: 1em;
  width: 100%;
}
.listing__sale-actions-link {
  margin-top: 1em;
}
.listing__reg-number {
  padding: .3em .3em .3em 1em;
  margin: .5em 0 0 0;
  width: 135px;
}
.listing__reg-number:before {
  height: 100%;
  margin-right: .3em;
  padding: .33em .334em .36em;
}
.listing__reg-number--small {
  width: auto;
  min-width: 100px;
  font-size: 14px;
  text-align: center;
}
.listing__actions {
  padding-left: 1em;
  height: 45px;
  width: 50px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .listing__actions-item--print .tooltip:hover:after {
    display: none;
  }
  .listing__actions-item--print .tooltip:hover:before {
    display: none;
  }
}
.listing__actions-inner {
  margin: 0;
  padding: 0;
  position: relative;
}
.listing__actions-inner a {
  padding: .65em .9em;
}
.listing--actions {
  padding: 0;
}
.listing__lot-report {
  margin: .5em 0 0 0;
  min-width: 107px;
  padding: 0;
}
.listing__lot-report-item {
  margin-right: .5em;
}
.listing__lot-report .button {
  min-height: inherit;
  padding: .315em .3em;
}
.listing__lot-report .button-group__item:first-child {
  margin-left: 0;
}
.listing__lot-info {
  margin: 0;
  padding: 0;
  min-width: 119px;
}
.listing__lot-info--small {
  font-size: .875em;
  color: #888;
}
.listing__details {
  width: 100%;
}
.listing__details ul {
  padding: 0;
}
.listing__details li {
  padding-left: 1em;
}
.listing__details li:first-child {
  padding: 0;
}
@media (max-width: 768px) {
  .listing__details li {
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .listing__details li {
    padding: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .listing__details li {
    width: 150px;
  }
  .listing__details li:first-child {
    width: 170px;
  }
}
@media (min-width: 1365px) and (max-width: 1600px) {
  .listing__details li {
    width: 170px;
  }
}
@media (min-width: 1600px) {
  .listing__details li {
    width: 230px;
  }
}
.listing__lot-promotion {
  line-height: 1.5;
  color: #444;
  margin-bottom: .25em;
}
.listing__lot-note {
  font-weight: 500;
  line-height: 1.5;
  color: #444;
  font-size: .875em;
  margin-bottom: .25em;
}
.listing__pricing {
  min-width: 192px;
  padding: 0px;
  width: 50%;
}
.listing__pricing li {
  width: auto;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .listing__pricing li:first-child {
    width: auto;
  }
}
.listing__pricing--lot-results {
  width: auto;
  max-width: 360px;
}
.listing__details--lot-actions {
  margin-bottom: 10px;
}
.listing__details--lot-actions--cheetah li {
  padding-right: 1em;
  padding-left: 0;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .listing__details--lot-actions--cheetah li {
    width: 150px;
  }
  .listing__details--lot-actions--cheetah li:last-child {
    width: 170px;
  }
}
@media (min-width: 1365px) and (max-width: 1600px) {
  .listing__details--lot-actions--cheetah li {
    width: 170px;
  }
}
@media (min-width: 1600px) {
  .listing__details--lot-actions--cheetah li {
    width: 190px;
  }
}
.listing__details--lot-actions--cheetah .listing__pricing--lot-results li {
  width: auto;
}
@media screen and (min-width: 1600px) and (max-width: 1680px) {
  .listing__details--lot-actions--cheetah .listing__pricing--lot-results {
    max-width: 225px;
  }
}
@media screen and (max-width: 1280px) {
  .listing__details--lot-actions--cheetah .listing__pricing--lot-results {
    max-width: 255px;
  }
}
.listing__actions--lot-actions {
  min-width: 301px;
  padding: 0px;
}
.listing__actions--lot-actions .button, .listing__actions--lot-actions .select-wrap {
  margin-bottom: .5em;
}
.listing__actions-item--check {
  padding: .65em 1em;
}
.listing__actions-item--check .checkbox {
  height: 24px;
  width: 24px;
}
.listing--sale-header {
  margin: 0;
  padding: 0;
}
.listing__sale-header-details {
  padding-top: 1em;
}
.listing__sale-header-details ol, .listing__sale-header-details ul {
  padding: 0;
  list-style-position: inside;
}
.listing__inline-item {
  margin-bottom: .625em;
}
.listing__inline-item .button {
  margin-top: .625em;
}
.listing--card {
  text-align: center;
}
.listing--card .listing__item {
  width: 30%;
  max-width: 320px;
  min-width: 286px;
  margin: .75em;
  padding: 0;
  vertical-align: top;
}
.listing--card .listing__item a {
  display: block;
}
.listing--card .listing__image {
  max-width: 100%;
  width: 100%;
  height: 200px;
  max-height: initial;
}
.listing--card .listing__wrap {
  max-width: 286px;
  margin: 0 auto;
  padding: 0 1em;
}
.listing--card .listing__title {
  margin: 1.5em 0 1em 0;
}
.listing--card .listing__date {
  margin: 1em 0;
}
.listing--card .listing__description {
  margin: 1em 0;
}
.listing--card .listing__link {
  margin-bottom: 2em;
}
.listing--promo {
  padding-top: 2em;
}
.listing--promo .listing__item a {
  display: block;
}
.listing--promo .listing__link {
  display: block;
  margin: 0;
  padding: 1em 0;
}
.listing--promo .listing__image {
  height: auto;
  max-height: initial;
}
.listing--featured .listing__item {
  margin: 2em 0;
  padding: 0 1em 1.5em 1em;
}
.listing--featured .listing__item:first-of-type {
  padding-top: 1.5em;
}
.listing--featured .listing__title a {
  padding: 0;
}
.listing--featured .listing__image {
  margin-right: 2em;
}
.listing--featured .listing__link {
  padding-right: 1em;
  margin-right: 1em;
}
.listing--featured-viewlot .listing__description {
  width: 50%;
}
.listing--featured-viewlot .listing__col--top {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
}
.listing--myitems .checkbox {
  padding-top: 1.5em;
}
.listing--myitems .listing__pricing {
  min-width: 245px;
}
.listing--myitems .listing__details--lot-actions .col:first-child li {
  padding-left: 0;
}
.listing--myitems .listing__details--lot-actions .col:nth-child(2) li {
  width: 152px;
}
.listing--innactive-message {
  height: calc(100% - 1em);
  position: absolute;
  width: 100%;
  z-index: 4;
}
.listing--innactive-message .table {
  height: 100%;
}
.listing--innactive-message .table .table-col {
  font-size: 2.5em;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.listing--bid .listing__table {
  display: table;
  width: 100%;
}
@media (min-width: 770px) {
  .listing--bid .listing__table {
    display: block;
  }
}
@media (min-width: 1365px) and (max-width: 1600px) {
  .listing--bid .listing__table {
    display: table;
  }
}
@media (min-width: 1600px) {
  .listing--bid .listing__table {
    display: table;
  }
}
@media (max-width: 768px) {
  .listing--bid .listing__table {
    display: block;
  }
}
.listing--bid .listing__col {
  padding-left: 1em;
}
@media (min-width: 770px) {
  .listing--bid .listing__bidtime {
    display: block;
  }
}
@media (min-width: 1365px) and (max-width: 1600px) {
  .listing--bid .listing__bidtime {
    display: table-cell;
  }
}
@media (min-width: 1600px) {
  .listing--bid .listing__bidtime {
    display: table-cell;
  }
}
@media (max-width: 768px) {
  .listing--bid .listing__bidtime {
    display: block;
  }
}
.listing--bid .listing__bidinfo {
  min-width: 217px;
  line-height: 1.5;
}
.listing--bid .listing__pricing {
  min-width: 217px;
}
.listing--bid .listing__pricing-value, .listing--bid .listing__pricing-label {
  display: inline-block;
}
.listing--bid .listing__saleinfo {
  margin-left: 7em;
}
.listing--bid .bidpanel__spinner input[type="text"] {
  min-width: 200px;
}
@media (min-width: 770px) {
  .listing--bid .bidpanel__spinner input[type="text"] {
    min-width: 100px;
  }
}
@media (max-width: 768px) {
  .listing--bid .bidpanel__spinner input[type="text"] {
    min-width: 85px;
  }
}
.listing--xbid {
  padding: .715em 0;
}
.listing--xbid > .col {
  padding: .715em .5em !important;
}
.listing--xbid > .col > span {
  white-space: nowrap;
}
.listing--xbidpanel {
  padding: 1em .5em;
}
.listing--xbidpanel .listing__details ul {
  margin: 0;
}
.listing--xbidpanel .listing__details ul li {
  padding: 0;
}
.listing--xbidpanel .listing__actions {
  height: auto;
  padding: 0;
  width: 115px;
}
.listing .wrap-sale-info {
  width: 100%;
}

/*  --------------------------------------- 
              Breakdown               
-------------------------------------- */
.breakdown {
        /* --------------------------------------------------
	                Bid Breakdown modal
    -------------------------------------------------- */
        /* --------------------------------------------------
	                My Bids modal
    -------------------------------------------------- */
}
.breakdown td, .breakdown th {
  padding: 1em;
}
.breakdown__note {
  margin: 1em 0;
}
.breakdown--bid a {
  text-decoration: none;
}
.breakdown--bid .breakdown__price-info {
  clear: both;
  margin: 0 0 1em 0;
}
.breakdown--bid .breakdown__price-info label {
  padding: 0;
}
.breakdown--bid .breakdown__price-info span {
  font-weight: 500;
  margin: 0;
}
.breakdown--bid table {
  border: none;
}
.breakdown--bid table thead th {
  text-align: right;
  text-transform: uppercase;
}
.breakdown--bid table tr td {
  border: none;
  text-align: right;
}
.breakdown--bid table tr td:first-child {
  text-align: left;
}
.breakdown--bid table tr td.total {
  border-width: 1px 0 1px 0;
  font-weight: bold;
}
.breakdown--bid .modal__footer {
  border-top: none;
}
.breakdown--bid .modal__footer .button-group__item--inline {
  margin: 0 .626em 0 0;
}
.breakdown--mybids .modal__body table th {
  border: solid #ddd;
  border-width: 1px 0;
}
.breakdown--mybids .modal__body table th td {
  border-bottom: 1px solid #ddd;
}
.breakdown--mybids .modal__body table th td:first-child {
  text-align: left;
}
.breakdown--mybids .modal__body table tbody tr td {
  border-bottom: 1px solid #ddd;
}
.breakdown--mybids .modal__body table tbody tr td:first-child {
  text-align: left;
}
.breakdown--mybids .modal__body table tbody tr td:nth-last-child(3), .breakdown--mybids .modal__body table tbody tr td:nth-last-child(2), .breakdown--mybids .modal__body table tbody tr td:nth-last-child(1) {
  white-space: nowrap;
}
.breakdown--mybids .modal__body table tbody tr td.total {
  border-top: 1px solid #ddd;
  font-weight: bold;
}
.breakdown--mybids .modal__footer {
  border-top: none;
  text-align: right;
}

/* --------------------------------------------------
	                Modal
-------------------------------------------------- */
.modal {
  height: 100%;
  width: 100%;
  overflow-y: auto;
    /* --------------------------------------------------
	            xBid in Progress modal
    -------------------------------------------------- */
}
.modal__overlay {
  width: 100%;
  height: 100%;
}
.modal__dialog {
  width: 50%;
  min-width: 660px;
}
.modal__header {
  padding: 1.3em 1.3em 1em 1.3em;
}
.modal__header--top {
  padding: 1.5em 1.3em .25em 1.3em;
}
.modal__headline {
  line-height: 1.33;
  padding: 0;
  margin: 0;
}
.modal__note {
  line-height: 1.71;
  margin-left: 35px;
}
.modal__link {
  text-decoration: none;
  line-height: 2.5;
}
.modal__list {
  height: 55px;
  min-height: 145px;
  padding-top: 15px;
  padding-left: 10px;
  width: 100%;
}
.modal__list-item {
  border-bottom: 1px solid #eee;
  width: 100%;
  height: 55px;
  padding-top: 15px;
  padding-left: 10px;
  cursor: pointer;
}
.modal--non-js .modal__list-item {
  padding-top: 3px;
}
.modal__list-item--border-b {
  border-bottom: 1px solid #eee;
}
.modal--non-js .modal__list-item--border-b {
  width: 100%;
  height: 57px;
  padding-top: 15px;
  padding-left: 10px;
}
.modal__list-title {
  text-decoration: none;
}
.modal--non-js .modal__list-title {
  line-height: 34px;
}
.modal__title {
  margin: 0;
}
.modal__subtitle {
  margin: 0;
}
.modal__close {
  padding: 5px;
}
.modal__close .icon:before {
  padding-right: 0;
}
.modal__wrap {
  display: table;
  height: 100%;
  width: 100%;
}
.modal__body {
  max-height: 500px;
  overflow: auto;
  padding: 1.3em;
}
.modal--small .modal__label {
  max-width: 120px;
}
.modal--small .modal__input {
  max-width: 300px;
}
.modal__input {
  padding-bottom: .5em;
}
.modal .checkbox label {
  padding-bottom: 0;
}
.modal__footer {
  padding: 1.3em 0 1.3em 0;
  margin: 0 1.3em 0 1.3em;
  border-top: 1px solid #eee;
}
.modal--small .modal__dialog {
  min-width: 350px;
  width: 20%;
}
.modal--small .modal__body {
  max-height: 250px;
  overflow: auto;
}
.modal--medium .modal__dialog {
  max-width: 570px;
  min-width: 370px;
}
.modal--medium .modal__body {
  max-height: 400px;
  overflow: auto;
}
.modal--large-open {
  margin-bottom: 2em;
}
.modal--large-open .modal__dialog {
  margin-left: 0;
  padding-top: 0;
  width: 100%;
}
.modal--delivery .modal__body {
  max-height: 100%;
}
.modal--delivery input[type="text"] {
  min-width: inherit;
}
.modal--stockalerts .modal__dialog, .modal--delivery .modal__dialog {
  display: table-cell;
  vertical-align: middle;
  padding-top: 0;
}
.modal--stockalerts .modal__content, .modal--delivery .modal__content {
  margin: 0 auto;
  min-width: 660px;
  width: 50%;
}
.modal--stockalerts.modal--medium .modal__content, .modal--delivery.modal--medium .modal__content {
  max-width: 570px;
  min-width: 370px;
}
@media only screen and (max-height: 768px) {
  .modal--stockalerts .modal__body, .modal--delivery .modal__body {
    max-height: 400px;
  }
}
@media only screen and (max-height: 600px) {
  .modal--stockalerts .modal__body, .modal--delivery .modal__body {
    max-height: 260px;
  }
}
@media only screen and (max-height: 480px) {
  .modal--stockalerts .modal__body, .modal--delivery .modal__body {
    max-height: 200px;
  }
}
.modal--sale-info .button-group--inline li:first-child {
  margin-left: 0;
}
.modal--sale-info .modal__header {
  padding: 2em 2em 1em 2em !important;
}
.modal--sale-info .modal__body {
  padding: 0 2em 2em 2em;
}
.modal--sale-info .modal__footer {
  margin: 0 !important;
  padding: 0 2em 2em 2em !important;
}
.modal .xbid__progress .button-group__item--inline {
  margin: 1.5em 1em 0 0;
}
.modal--360 .modal__body {
  max-height: 600px;
}
.modal--360 #panorama {
  height: 500px !important;
}
.modal__handlers {
  margin-top: 1.5em;
}
.modal__handler {
  padding: .25em 1em;
}

.non-js .modal--new .modal__header--separator {
  border-bottom: none;
}

/* --------------------------------------------------
	                Tooltip
-------------------------------------------------- */
.no-touch .tooltip:hover:after {
  padding: .45em 1em;
}

/* --------------------------------------------------
	                Notifier
-------------------------------------------------- */
.notifier {
  margin-top: .5em;
  padding: .45em 1em;
}
.notifier__arrow:before {
  margin-top: .3em;
}
.notifier__arrow--bottom:before {
  margin-top: 1.4em;
}
.notifier--right {
  margin-left: 1em;
}
.notifier--left {
  margin-right: 1em;
}
.notifier--push {
  max-height: 250px;
  overflow: hidden;
  padding: 0;
  width: 380px;
}
.notifier__header {
  padding: 0.75em;
  width: 100%;
}
.notifier__headline {
  padding-right: 1em;
}
.notifier__list {
  padding: 0 1em;
  height: 130px;
}
.notifier__list .notifier__item {
  margin: 1em auto;
}
.notifier__list .notifier__description {
  width: 100%;
}

/* --------------------------------------------------
	                Popover
-------------------------------------------------- */
.popover {
  padding: 1em;
  width: 300px;
}
.popover h3 {
  margin: 0;
  padding: 0;
}
.popover .arrow {
  height: 22px;
  width: 22px;
}

/* --------------------------------------------------
	                List popup
-------------------------------------------------- */
.popup-list {
  white-space: nowrap;
}
.popup-list__arrow--bottom:after {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.popup-list__arrow--top:after {
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.popup-list__arrow--right:after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popup-list__arrow--left:after {
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.popup-list__arrow:after {
  box-sizing: border-box;
  border: 0.6em solid black;
}
.popup-list__content {
  margin: 0;
  padding: 0;
}
.popup-list__link {
  padding: 11px 13px 11px 25px;
}
.popup-list__col:first-child {
  background: #f5f5f5;
}

/* --------------------------------------------------
	                NonJS modal
-------------------------------------------------- */
.modal-nonjs {
  padding: 1em 0;
}
.modal-nonjs__title {
  margin: .5em 0;
}
.modal-nonjs input[type="text"] {
  margin-bottom: 1em;
}
.modal-nonjs .checkbox {
  margin-bottom: 1em;
}

/*hack to fix popover fade*/
.popover.fade {
  background-color: #fff;
  filter: none;
  height: inherit;
  left: inherit;
  position: absolute;
  -moz-opacity: inherit;
  opacity: inherit;
  top: inherit;
  width: 300px;
  z-index: inherit;
}

/*  --------------------------------------- 
                    Facets                     
    -------------------------------------- */
.facets__filters-expanded {
  border-top: 1px solid #ddd;
  padding: 1em;
}
.facets__filters-expanded.non-js ul {
  padding-bottom: 100px;
}
.facets__filters-expanded-title {
  font-size: 1em;
  margin: 0;
  padding-bottom: 1em;
}
.facets__filters-expanded-list {
  list-style-type: none;
  padding: 0;
}
.panel-open .facets ul:last-child {
  padding-bottom: 100px;
}

/*  --------------------------------------- 
                    Facet                     
    -------------------------------------- */
.facet h2 {
  margin: 0;
}
.facet__item {
  padding: .875em 1.25em .875em .75em;
}
.facet--selected .facet__item {
  padding-right: 3.5em;
}
.facet__filters-remove--non-js .button {
  padding: 0;
}
.facet__item--inactive {
  width: 340px;
}
.panel-open .facet__item--inactive {
  width: 100%;
}
.panel-open .facet--inactive {
  width: 100%;
}
.facet--inactive {
  width: 340px;
}

.facets-group {
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}

/*  --------------------------------------- 
                 Facets filters                      
    -------------------------------------- */
.facet-filters {
  width: 380px;
    /*  --------------------------------------- 
                    Mileage                     
-------------------------------------- */
    /*  --------------------------------------- 
                Vehicle age                     
-------------------------------------- */
    /*  --------------------------------------- 
            Damage Cost Combined                    
-------------------------------------- */
    /*  --------------------------------------- 
                Calendar                     
-------------------------------------- */
}
@media (min-width: 1365px) and (max-width: 1600px) {
  .facet-filters--large {
    width: 720px;
  }
  .facet-filters--myitems {
    width: 720px;
  }
}
@media (min-width: 1600px) {
  .facet-filters--large {
    width: 1069px;
  }
  .facet-filters--myitems {
    width: 890px;
  }
}
.facet-filters__list {
  margin: 0;
  padding: 0;
}
.facet-filters__title {
  margin: 0;
  padding: 0 1em 1em 1em;
}
.facet-filters__title input {
  max-width: 350px;
  width: 100%;
}
.facet-filters__input {
  margin: 0;
  padding: 0;
}
.facet-filters__input .input-wrap {
  margin-bottom: 1.5em;
}
.facet-filters__input .input-wrap input {
  max-width: 160px;
  min-width: 50px;
  padding-left: .5em;
  width: 100%;
}
.facet-filters__search {
  padding: 0 1em 1em 1em;
  position: relative;
}
.facet-filters__search input {
  max-width: 350px;
  width: 100%;
}
.facet-filters__list-item {
  float: left;
  margin: 0 .8em;
  width: 350px;
}
.facet-filters__sub-head {
  margin: 0;
  padding: 0 .8em;
  width: 100%;
}
.facet-filters--selects label {
  line-height: 1.2;
  padding-top: 0;
}
.facet-filters--selects .select-wrap,
.facet-filters--selects .select-custom {
  margin-bottom: 1.5em;
}
.facet-filters__list-item--selects {
  float: none;
  padding: 0 .8em;
  width: 50%;
}
.facet-filters--mileage {
  padding-top: 1.5em;
}
.facet-filters__mileage-slider {
  height: 8px;
  margin-bottom: 1em;
}
.facet-filters__mileage-scrubber {
  height: 24px;
  width: 24px;
}
.facet-filters__mileage-range {
  height: 8px;
  width: 10px;
  margin: .0em 0 .75em 0;
}
.facet-filters__mileage-labels {
  width: 100%;
}
.facet-filters--age label {
  line-height: 1.2;
  padding-top: 0;
}
.facet-filters--age .select-wrap {
  margin-bottom: 1.5em;
}
.facet-filters__list-item--age {
  float: none;
  padding: 0 .8em;
  width: auto;
}
.facet-filters--fields {
  list-style-type: none;
}
.facet-filters--fields label {
  line-height: 1.2;
  padding-top: 0;
}
.facet-filters--fields .select-wrap {
  margin-bottom: 1.5em;
}
.facet-filters__list-item--fields {
  float: none;
  padding: 0 .8em;
  width: auto;
}
.facet-filters__list-item--fields input {
  margin-bottom: 1.5em;
  min-width: inherit;
  width: 160px;
}
.facet-filters--calendar {
  padding-top: 1.5em;
}
.facet-filters__calendar-info {
  margin: 1.375em 1em;
}
.facet-filters__calendar-prev {
  padding-left: 1em;
}
.facet-filters__calendar-next {
  padding-right: 1em;
}
.facet-filters__calendar-dow {
  height: 45px;
  padding: 0;
}
.facet-filters__calendar-day {
  height: 45px;
  padding: 0;
  border: none;
}
.facet-filters__calendar-day--selected {
  background: #65ab65;
}
.facet-filters__calendar-day--selected a {
  color: #fff;
}
.facet-filters__calendar-datepicker-switch {
  height: 50px;
  line-height: 2em;
}
.facet-filters__calendar-day-view {
  padding: 0 1em;
  width: 100%;
}
.facet-filters__calendar-change-day {
  padding: 0 1em;
}
.facet-filters__calendar-change-day .button {
  margin-top: 1em;
}
.facet-filters__calendar-datepicker {
  font-size: 1em;
  padding: 0 1em;
}
.facet-filters__calendar-datepicker-days table {
  border-spacing: 0;
  width: 100%;
}
.facet-filters__calendar-datepicker-days table tr th, .facet-filters__calendar-datepicker-days table tr td {
  width: 40px;
}

/*  --------------------------------------- 
                    Results update                     
    -------------------------------------- */
.update-results {
  padding: 1em;
  display: none;
  position: fixed;
  bottom: 0;
  width: 340px;
  z-index: 999;
}
.update-results__count, .update-results__clear-filters {
  padding-bottom: .938em;
}
.update-results__clear-filters:hover {
  cursor: pointer;
}
.update-results.non-js {
  margin-left: -17px;
}

.panel-open .non-js.facet-filters .update-results {
  -moz-box-shadow: transparent 0px 0px 0px;
  -webkit-box-shadow: transparent 0px 0px 0px;
  box-shadow: transparent 0px 0px 0px;
  border-top: 1px solid #eee;
  bottom: 215px;
}

/* --------------------------------------------------
	                Modal
-------------------------------------------------- */
.modal {
  height: 100%;
  width: 100%;
  overflow-y: auto;
    /* --------------------------------------------------
	            xBid in Progress modal
    -------------------------------------------------- */
}
.modal__overlay {
  width: 100%;
  height: 100%;
}
.modal__dialog {
  width: 50%;
  min-width: 660px;
}
.modal__header {
  padding: 1.3em 1.3em 1em 1.3em;
}
.modal__header--top {
  padding: 1.5em 1.3em .25em 1.3em;
}
.modal__headline {
  line-height: 1.33;
  padding: 0;
  margin: 0;
}
.modal__note {
  line-height: 1.71;
  margin-left: 35px;
}
.modal__link {
  text-decoration: none;
  line-height: 2.5;
}
.modal__list {
  height: 55px;
  min-height: 145px;
  padding-top: 15px;
  padding-left: 10px;
  width: 100%;
}
.modal__list-item {
  border-bottom: 1px solid #eee;
  width: 100%;
  height: 55px;
  padding-top: 15px;
  padding-left: 10px;
  cursor: pointer;
}
.modal--non-js .modal__list-item {
  padding-top: 3px;
}
.modal__list-item--border-b {
  border-bottom: 1px solid #eee;
}
.modal--non-js .modal__list-item--border-b {
  width: 100%;
  height: 57px;
  padding-top: 15px;
  padding-left: 10px;
}
.modal__list-title {
  text-decoration: none;
}
.modal--non-js .modal__list-title {
  line-height: 34px;
}
.modal__title {
  margin: 0;
}
.modal__subtitle {
  margin: 0;
}
.modal__close {
  padding: 5px;
}
.modal__close .icon:before {
  padding-right: 0;
}
.modal__wrap {
  display: table;
  height: 100%;
  width: 100%;
}
.modal__body {
  max-height: 500px;
  overflow: auto;
  padding: 1.3em;
}
.modal--small .modal__label {
  max-width: 120px;
}
.modal--small .modal__input {
  max-width: 300px;
}
.modal__input {
  padding-bottom: .5em;
}
.modal .checkbox label {
  padding-bottom: 0;
}
.modal__footer {
  padding: 1.3em 0 1.3em 0;
  margin: 0 1.3em 0 1.3em;
  border-top: 1px solid #eee;
}
.modal--small .modal__dialog {
  min-width: 350px;
  width: 20%;
}
.modal--small .modal__body {
  max-height: 250px;
  overflow: auto;
}
.modal--medium .modal__dialog {
  max-width: 570px;
  min-width: 370px;
}
.modal--medium .modal__body {
  max-height: 400px;
  overflow: auto;
}
.modal--large-open {
  margin-bottom: 2em;
}
.modal--large-open .modal__dialog {
  margin-left: 0;
  padding-top: 0;
  width: 100%;
}
.modal--delivery .modal__body {
  max-height: 100%;
}
.modal--delivery input[type="text"] {
  min-width: inherit;
}
.modal--stockalerts .modal__dialog, .modal--delivery .modal__dialog {
  display: table-cell;
  vertical-align: middle;
  padding-top: 0;
}
.modal--stockalerts .modal__content, .modal--delivery .modal__content {
  margin: 0 auto;
  min-width: 660px;
  width: 50%;
}
.modal--stockalerts.modal--medium .modal__content, .modal--delivery.modal--medium .modal__content {
  max-width: 570px;
  min-width: 370px;
}
@media only screen and (max-height: 768px) {
  .modal--stockalerts .modal__body, .modal--delivery .modal__body {
    max-height: 400px;
  }
}
@media only screen and (max-height: 600px) {
  .modal--stockalerts .modal__body, .modal--delivery .modal__body {
    max-height: 260px;
  }
}
@media only screen and (max-height: 480px) {
  .modal--stockalerts .modal__body, .modal--delivery .modal__body {
    max-height: 200px;
  }
}
.modal--sale-info .button-group--inline li:first-child {
  margin-left: 0;
}
.modal--sale-info .modal__header {
  padding: 2em 2em 1em 2em !important;
}
.modal--sale-info .modal__body {
  padding: 0 2em 2em 2em;
}
.modal--sale-info .modal__footer {
  margin: 0 !important;
  padding: 0 2em 2em 2em !important;
}
.modal .xbid__progress .button-group__item--inline {
  margin: 1.5em 1em 0 0;
}
.modal--360 .modal__body {
  max-height: 600px;
}
.modal--360 #panorama {
  height: 500px !important;
}
.modal__handlers {
  margin-top: 1.5em;
}
.modal__handler {
  padding: .25em 1em;
}

.non-js .modal--new .modal__header--separator {
  border-bottom: none;
}

/* --------------------------------------------------
	                Tooltip
-------------------------------------------------- */
.no-touch .tooltip:hover:after {
  padding: .45em 1em;
}

/* --------------------------------------------------
	                Notifier
-------------------------------------------------- */
.notifier {
  margin-top: .5em;
  padding: .45em 1em;
}
.notifier__arrow:before {
  margin-top: .3em;
}
.notifier__arrow--bottom:before {
  margin-top: 1.4em;
}
.notifier--right {
  margin-left: 1em;
}
.notifier--left {
  margin-right: 1em;
}
.notifier--push {
  max-height: 250px;
  overflow: hidden;
  padding: 0;
  width: 380px;
}
.notifier__header {
  padding: 0.75em;
  width: 100%;
}
.notifier__headline {
  padding-right: 1em;
}
.notifier__list {
  padding: 0 1em;
  height: 130px;
}
.notifier__list .notifier__item {
  margin: 1em auto;
}
.notifier__list .notifier__description {
  width: 100%;
}

/* --------------------------------------------------
	                Popover
-------------------------------------------------- */
.popover {
  padding: 1em;
  width: 300px;
}
.popover h3 {
  margin: 0;
  padding: 0;
}
.popover .arrow {
  height: 22px;
  width: 22px;
}

/* --------------------------------------------------
	                List popup
-------------------------------------------------- */
.popup-list {
  white-space: nowrap;
}
.popup-list__arrow--bottom:after {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.popup-list__arrow--top:after {
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.popup-list__arrow--right:after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popup-list__arrow--left:after {
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.popup-list__arrow:after {
  box-sizing: border-box;
  border: 0.6em solid black;
}
.popup-list__content {
  margin: 0;
  padding: 0;
}
.popup-list__link {
  padding: 11px 13px 11px 25px;
}
.popup-list__col:first-child {
  background: #f5f5f5;
}

/* --------------------------------------------------
	                NonJS modal
-------------------------------------------------- */
.modal-nonjs {
  padding: 1em 0;
}
.modal-nonjs__title {
  margin: .5em 0;
}
.modal-nonjs input[type="text"] {
  margin-bottom: 1em;
}
.modal-nonjs .checkbox {
  margin-bottom: 1em;
}

/*hack to fix popover fade*/
.popover.fade {
  background-color: #fff;
  filter: none;
  height: inherit;
  left: inherit;
  position: absolute;
  -moz-opacity: inherit;
  opacity: inherit;
  top: inherit;
  width: 300px;
  z-index: inherit;
}

/*  --------------------------------------- 
                Free text search                     
    -------------------------------------- */
.fts {
  margin: 0 auto;
  max-width: 960px;
  padding: 1em;
}
.fts__typehead-container {
  width: 100%;
}
.fts__typehead-header {
  margin: 0.357em;
  padding: 1.071em 0.857em;
}
.fts__typehead-header:before {
  padding-right: 0.357em;
  vertical-align: middle;
}
.fts__typehead-title {
  margin: 0;
}
.fts__typehead-choices {
  margin: 0;
  max-height: 180px;
  overflow: auto;
  padding: 0;
}
.fts__typehead-choice {
  padding: 0.438em 1.063em;
  display: block;
}
.fts__action {
  padding-left: 1em;
}

.select-wrap--fts {
  margin-right: 1em;
}
.select-wrap--fts select {
  width: auto;
}

/* --------------------------------------------------
    Calendar
-------------------------------------------------- */
.calendar--datepicker:before {
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-bottom: 9px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.calendar--datepicker:after {
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  border-left: 9px solid transparent;
}
.calendar--datepicker.daterangepicker {
  margin-top: -1em;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .calendar--datepicker .clearfix {
    clear: both;
  }
}
@media (max-width: 768px) {
  .calendar--datepicker .clearfix {
    clear: both;
  }
}
.calendar--datepicker .calendar__header {
  height: auto;
  padding: 1em 2em;
}
.calendar--datepicker .calendar__headline {
  margin: 0;
}
.calendar--datepicker .calendar__item {
  margin: 0 1em;
}
.calendar--datepicker .calendar__table table thead tr:last-child th {
  padding: .35em .9em;
}
.calendar--datepicker .calendar--center:before {
  margin-left: auto;
  margin-right: auto;
}
.calendar--datepicker .calendar--center:after {
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

/*  --------------------------------------- 
               Hero               
-------------------------------------- */
.hero {
  height: 350px;
  overflow: hidden;
}
.hero__img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100%;
  left: 0;
  margin-top: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
@media (max-width: 768px) {
  .hero__img {
    height: 242px;
  }
}
.hero--search {
  height: auto;
  min-height: 350px;
  overflow: visible;
}
.hero--search img {
  display: none;
  height: 242px;
}
@media (min-width: 770px) {
  .hero--search img {
    display: none;
  }
}
.hero--search .hero__wrap {
  padding: 2em 5em;
  top: 0;
  z-index: 2;
  padding: 0;
  text-align: center;
  width: 100%;
}
@media (min-width: 770px) {
  .hero--search .hero__wrap {
    position: relative;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .hero--search .hero__wrap {
    padding: 2em 4em;
  }
}
@media (max-width: 768px) {
  .hero--search .hero__wrap {
    margin-top: 1em;
    padding: 0;
    position: relative;
    z-index: 2;
  }
}
.hero--search .hero__wrap--center {
  margin-bottom: 1em;
  text-align: center;
  width: 100%;
}
.hero--search .hero__headline {
  line-height: 56px;
  margin: 0;
  padding-top: 2em;
}
.hero--search .hero__subheadline {
  margin-bottom: 1.5em;
}
.hero--search .hero_link {
  display: inline-block;
  height: 48px;
  line-height: 24px;
  padding: .5em 1em;
  vertical-align: top;
}
.hero--search .hero__img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 768px) {
  .hero--search .hero__img {
    border-radius: 0;
    height: 100%;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
  }
}
.hero--search .button-group {
  margin: 0 auto;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .hero--search .button-group {
    width: 300px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .hero--search .button-group {
    width: 300px;
    margin: 0 auto;
  }
}
.hero--search .select-wrap {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  min-width: 288px;
  width: 100%;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .hero--search .select-wrap {
    min-width: 215px;
  }
}
.hero--search .search__wrap {
  margin: 0 auto;
}
.hero .search {
  float: none;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 1.5em 4em;
  z-index: 2;
}
@media (max-width: 768px) {
  .hero .search {
    position: relative;
    padding: 1em 2em;
  }
}
.hero .search__item {
  display: table-cell;
  padding-right: 2em;
  vertical-align: top;
}
@media (max-width: 768px) {
  .hero .search__item {
    display: block;
    margin-top: 1em;
    padding-right: 0;
    width: 100%;
  }
}
.hero .search__link {
  padding-right: 1em;
}
.hero .search__link a {
  text-decoration: none;
  line-height: 44px;
}
.hero .fade--hero-search {
  display: block;
}
.hero .fade {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

/*  --------------------------------------- 
                Login                   
-------------------------------------- */
.signup {
  padding: 2.5em;
}
.signup input[type="text"] {
  min-width: inherit;
}
.signup__headline {
  margin: .5em 0 1em 0;
  padding: 0;
}
.signup__group {
  margin-bottom: 1.5em;
}
.signup__wrapper {
  padding: 0;
}
.signup__control {
  width: 300px;
}
.signup__link {
  padding: .5em 0;
}

/*  --------------------------------------- 
        Fix for signup widgets                  
-------------------------------------- */
.zone--register,
.zone--login {
  float: none;
  display: table-cell;
  vertical-align: top;
  position: relative;
}

/*  --------------------------------------- 
                Key List            
-------------------------------------- */
.keylist {
  margin-bottom: 2em;
}
.keylist__item {
  float: left;
  margin-top: 1em;
  min-width: 150px;
  padding-right: 1em;
  position: relative;
}
.keylist__item:hover .popover {
  display: block;
}
.keylist .popover {
  bottom: 42px;
  display: none;
}
.keylist .popover__header {
  height: auto;
  margin-bottom: .5em;
}
.keylist .popover__title {
  display: inline-block;
  margin-top: 0;
}

/*  --------------------------------------- 
            Content and teaser               
-------------------------------------- */
.teaser {
  width: 100%;
}
@media (max-width: 768px) {
  .teaser {
    padding-bottom: 3em;
  }
  .teaser .teaser__img {
    height: 240px;
  }
}
.teaser__image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .teaser__image {
    height: 320px;
  }
}
@media (max-width: 768px) {
  .teaser__image {
    height: 240px;
  }
}
.teaser p {
  margin-bottom: 1em;
  margin-top: 1em;
}
.teaser--center {
  margin: 0 auto;
}
.teaser--center .col {
  width: 100%;
}
.teaser--center .teaser__headline {
  margin-top: 4em;
}
.teaser--center .teaser__wrap {
  margin: 0 auto;
  max-width: 960px;
}
.teaser--center .teaser__img {
  height: 480px;
  margin: 0 auto;
  max-width: 960px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .teaser--center .teaser__img {
    height: 320px;
  }
}
@media (max-width: 768px) {
  .teaser--center .teaser__img {
    height: 240px;
  }
}
.teaser--center img {
  margin-top: 5em;
}
.teaser__wrap {
  padding: 5em;
}
@media (max-width: 768px) {
  .teaser__wrap {
    padding: 3em 2em;
  }
}
.teaser__wrap > a, .teaser__wrap > button {
  margin-top: 1em;
}
.teaser__headline {
  margin: 0 0 1em 0 !important;
}
.teaser__img {
  width: 100%;
}
.teaser__img--bg {
  height: 100%;
}
.teaser table {
  margin-top: 0;
}
.teaser--bgimage .separator {
  width: 80px;
}

/* --------------------------------------------------
	               Bid panel
-------------------------------------------------- */
.bidpanel {
  float: right;
  margin-left: -1em;
  margin-right: -1em;
  padding: 0;
  width: 288px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding-bottom: 1px;
}
.bidpanel a {
  color: #0097ff;
}
.bidpanel p {
  font-size: 0.875em;
}
.bidpanel__small-heading {
  margin: 0em 0;
  font-size: 0.875em;
  font-weight: 700;
}
.bidpanel__heading {
  margin: 0.313em;
}
.bidpanel__wrapper {
  padding: 0.938em 1.250em;
}
.bidpanel__wrapper .icon--info {
  margin-bottom: 0.5em;
  font-size: 1.5em;
}
.bidpanel--center {
  text-align: center;
}
.bidpanel-header {
  padding: 0.875em 1.250em 0 1.250em;
  padding-bottom: 0.3em;
}
.bidpanel-header:after {
  content: "";
  clear: both;
  display: table;
}
.bidpanel-header__item {
  line-height: 19px;
  font-size: 0.750em;
}
.bidpanel-header__item--left {
  float: left;
  width: 50%;
}
.bidpanel-header__item--right {
  float: right;
  width: 50%;
}
.bidpanel-subhead {
  text-align: center;
  padding: 0.875em 1.250em 0 1.250em;
}
.bidpanel-subhead__title--default {
  margin-top: 0.2em;
}
.bidpanel-subhead__title--primary {
  margin-top: 0.2em;
}
.bidpanel-subhead__subtitle {
  margin-top: 1em;
  padding: 0 1.5em 0 1.5em;
}
.bidpanel-label__title {
  padding-bottom: 3px;
}
.bidpanel__bid-status {
  margin-top: 0.500em;
  margin-bottom: 0.625em;
  font-size: 0.875em;
}
.bidpanel__bid-status--info {
  padding: 0.438em 0.625em;
}
.bidpanel__bid-status--warning {
  padding: 0.438em 0.625em;
}
.bidpanel__bid-status--primary {
  padding: 0.438em 0.625em;
}
.bidpanel__feedback {
  margin: 0.313em 0;
}
.bidpanel-attributes {
  padding: 0.625em 1.250em 0 1.250em;
}
.bidpanel-attributes__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.bidpanel-attributes__item {
  line-height: 24px;
  padding-bottom: 0.500em;
  font-size: 0.875em;
}
.bidpanel-attributes__item:after {
  content: "";
  clear: both;
  display: table;
}
.bidpanel-attributes__item--left {
  float: left;
}
.bidpanel-attributes__item--right {
  float: right;
  position: relative;
  margin-bottom: -6px;
}
.bidpanel-attributes__item--right--bottom {
  line-height: 1.9;
}
.bidpanel-amount {
  padding: 0.313em 1.250em 0 1.250em;
}
.bidpanel-amount__label {
  padding-bottom: 0.313em;
  display: inline-block;
  font-size: 0.875em;
}
.bidpanel-amount__spinner {
  position: relative;
}
.bidpanel-amount__input-error {
  position: absolute;
  right: 42px;
  top: 10px;
  display: none;
}
.bidpanel-amount__error {
  display: none;
  margin-top: 0.313em;
}
.bidpanel-amount__handler {
  font-size: 1.500em;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 6px;
  line-height: 1;
  cursor: pointer;
}
.bidpanel-amount__handler--left {
  left: 6px;
}
.bidpanel-amount__handler--right {
  right: 6px;
}
.bidpanel__price {
  padding: 0.8em;
  margin-top: 0.125em;
  text-align: center;
  font-size: 0.875em;
  margin-top: 0.3em;
}
.bidpanel-popup {
  padding: 1.563em 1em;
  position: absolute;
  margin: 1.875em 0.625em 0 0.625em;
  right: 0.195em;
  z-index: 1;
  display: none;
  max-width: calc(100% - 20px);
  max-height: 193px;
}
.bidpanel-popup__arrow {
  position: absolute;
  right: 24px;
  top: -4px;
}
.bidpanel-popup__arrow:after {
  content: "";
  box-sizing: border-box;
  transform: rotate(135deg);
  position: absolute;
}
.bidpanel-popup__title {
  font-size: 12px;
  margin: 0 0 10px 0;
  font-weight: 500;
}
.bidpanel-popup__content {
  font-size: 10px;
  line-height: 1.5;
  margin: 0;
  font-weight: 300;
  overflow: hidden;
}
.bidpanel-popup__close:after {
  position: absolute;
  right: 10px;
  font-size: 1em;
  top: 0.313em;
  cursor: pointer;
}
.bidpanel-popup p {
  white-space: pre-line;
}
.bidpanel-notify {
  text-align: center;
  border-radius: 6px;
  padding: 1em 2em;
  line-height: 1.500em;
  margin: 0.313em 0.625em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none;
}
.bidpanel-notify__icon {
  font-style: normal;
  font-size: 1.375em;
  vertical-align: middle;
  padding-right: 0.5em;
}
.bidpanel-warning {
  text-align: center;
  border-radius: 6px;
  padding: 1em 2em;
  line-height: 1.500em;
  margin: 0.313em 0.625em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none;
}
.bidpanel-warning__icon {
  font-style: normal;
  font-size: 1.375em;
  vertical-align: middle;
  padding-right: 0.5em;
}
.bidpanel-buttons {
  padding: 0.313em 1.250em 0 1.250em;
  text-align: center;
}
.bidpanel-buttons a {
  text-decoration: none;
  margin-bottom: 0.313em;
  display: inline-block;
  font-size: 0.875em;
}
.bidpanel-buttons .button {
  margin-bottom: 1.250em;
}
.bidpanel-inner {
  border-radius: 6px;
  border: 1px solid #ccc;
  margin: 0 0.375em;
  margin-bottom: 0.5em;
}
.bidpanel .bidpanel-inner p {
  font-size: 0.750em;
  padding: 0.313em;
  margin: 0;
}
.bidpanel-inner__price {
  font-size: 1em;
  font-weight: bold;
}
.bidpanel-inner .bidpanel__input {
  margin: 0.625em 0 1.250em 0;
}
.bidpanel-breakdown {
  border-radius: 6px;
  display: none;
  margin-bottom: 1.250em;
}
.bidpanel-breakdown__header {
  text-align: center;
  padding: 0 1.250em;
}
.bidpanel-breakdown__close {
  text-align: right;
  margin-top: 1.250em;
}
.bidpanel-breakdown-nav__item {
  width: 50%;
  float: left;
  text-align: center;
  cursor: pointer;
}
.bidpanel-breakdown__tab-content {
  padding: 0 1.250em;
}
.bidpanel-breakdown__tab-content:after {
  content: '';
  clear: both;
  display: table;
}
.bidpanel-breakdown__tab-content ul li h3 {
  margin-top: 0.5em;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 17px;
}
.bidpanel-breakdown__col {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.bidpanel-breakdown__col li {
  padding: 0.313em 0;
}
.bidpanel-breakdown__col--left {
  float: left;
  font-size: 0.875em;
}
.bidpanel-breakdown__col--right {
  float: right;
  text-align: right;
  font-size: 0.875em;
}
.bidpanel-breakdown__title {
  margin-bottom: 1em;
  margin-top: 0.750em;
}
.bidpanel-breakdown__header p {
  line-height: 1.33;
  margin-bottom: 2em;
}
.bidpanel__input {
  border-radius: 6px !important;
  border: 1px solid #ccc !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  height: 40px !important;
  padding: 0 !important;
  width: 100%;
}
.bidpanel__checkbox {
  position: relative;
}
.bidpanel__checkbox label {
  line-height: 1.5;
  padding-left: 2.25em;
  padding-right: 1em;
  font-size: 0.875em;
}
.bidpanel__checkbox label:hover:before {
  content: "\e619";
  font-family: "icon-font";
  color: #ccc;
  border: 1px solid #ccc;
}
.bidpanel__checkbox label:before {
  background: #fff;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  content: "";
  font-family: 'fa-solid';
  font-size: 130%;
  line-height: 1.1;
  text-align: center;
  height: 21px;
  width: 21px;
  display: inline-block;
  left: 0;
  position: absolute;
}
.bidpanel__checkbox input {
  height: 21px;
  width: 21px;
  left: 0;
  position: absolute;
  top: 8px;
  visibility: hidden;
}
.bidpanel__feedback--success + p {
  font-size: 0.875em;
  padding: 0 10px;
}
.bidpanel__feedback--success + p span {
  color: #a7a7a7;
}
.bidpanel-form__description {
  margin-top: 1.5em;
  margin-bottom: 0;
}
.bidpanel-form__label {
  font-size: 0.875em;
  margin-top: 0.75em;
}
.bidpanel-form input {
  width: 100%;
  border-radius: 6px !important;
  background-color: #fbfbfb !important;
  font-size: 0.875em;
  height: 40px;
  padding-left: 0.875em;
}
.bidpanel .separator {
  margin: 1em 0;
}
.bidpanel__title {
  margin: 0 0 1em 0;
}
.bidpanel table tr td,
.bidpanel table tr th {
  padding: 0 0.938em 0 0.938em;
}
.bidpanel input[type="text"] {
  min-width: inherit;
}
.bidpanel .validation--error {
  padding: 1em;
}
.bidpanel .validation--error p {
  margin: 0;
}
.bidpanel ul {
  padding: 0;
}
.bidpanel table {
  border: none;
}
.bidpanel table tr td {
  border: none;
}
.bidpanel__buyprice {
  margin-bottom: 0;
}
.bidpanel__placebid {
  margin: 1em 0;
}
.bidpanel__spinner .button {
  height: 40px;
  padding: 0;
  width: 40px;
}
.bidpanel__spinner input {
  width: 100%;
  padding: .4em .625em;
  -webkit-appearance: none;
  height: 40px;
}
.bidpanel__attributes table tr td,
.bidpanel__attributes table tr th {
  padding: 0;
  word-break: break-all;
}
.bidpanel__price-info {
  clear: both;
  margin: 0 0 1em 0;
}
.bidpanel__price-info label {
  padding: 0;
}
.bidpanel__price-info p {
  margin: 0;
}
.bidpanel__price-info span {
  margin: 0;
}
.bidpanel--search {
  border: none;
  margin: 0;
  padding: 1em;
  width: 310px;
}
.bidpanel--search input {
  min-width: inherit;
}
.bidpanel--search .bidpanel__placebid {
  margin-top: 0;
}
.bidpanel--search .button {
  white-space: normal;
}
.bidpanel--search .validation {
  white-space: normal;
  margin-bottom: 1em;
}
.bidpanel .tooltip:hover:after {
  font-size: 16px;
}
.bidpanel .bidpanel__feedback--success .icon--check {
  margin-right: 0.2em;
  margin-top: 0.5em;
  font-size: 1.5em;
}
.bidpanel .input--error {
  border: 1px solid #fb8c00 !important;
}

.viewlot .bidpanel a {
  color: #0097ff;
}

.viewlot .bidpanel .tooltip--right:hover:after {
  left: 155%;
}

.viewlot .bidpanel a.bidpanel-breakdown-nav__item {
  color: #888888;
}

.bidpanel a.bidpanel-breakdown-nav__item {
  color: #888888;
}

/*Include components*/
.terms {
  padding-top: 48px !important;
  width: 100%;
}
@media (max-width: 768px) {
  .terms__title {
    margin: 0;
  }
}
.terms__scroll {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 1em;
  line-height: 1.5em;
}
.terms__wrap {
  height: 49vh;
  padding: 0 1em 9.750em;
}
@media (max-width: 768px) {
  .terms__wrap {
    height: 80vh;
  }
}
.terms__actions {
  width: 100%;
}
.terms__actions ul {
  margin-top: 10px;
}
.terms__actions .button-group__item--inline:first-child {
  margin-left: 0;
}
.terms .checkbox {
  margin-left: .7em;
  margin-bottom: .7em;
}

.modal__content .terms__wrap {
  padding: 0 1em .5em;
  height: 34vh;
}

.terms .actions-bar {
  background: #fff;
}

.xbid__listing-wrapper {
  height: 123px;
  margin-top: -1px;
  overflow: hidden;
}
.xbid__title {
  font-size: 24px;
  margin: 1em 0 0 0;
  padding-right: 11px;
  border-right: 2px solid #001a72;
}
.xbid__header__sale {
  font-size: 14px;
  font-weight: 400;
  float: left;
  margin-top: 2em;
  padding-left: 10px;
  color: #676767;
  padding-top: 2px;
}
.xbid__stats {
  padding: 1.5em 1em;
}
.xbid__headline {
  padding: .5em 1em;
}
.xbid__panel {
  border: 1px solid;
  padding: .5em;
}
.xbid__panel--inactive {
  margin: 1em 0;
}
.xbid__lotid {
  padding: 0 1em;
}
.xbid__timer label {
  font-size: 1.125em;
  font-weight: 500;
  padding-top: 20px;
}
.xbid .feedback {
  margin: 2em 0;
}
.xbid .col {
  padding: 0 .5em;
}
.xbid__alert {
  border: 1px solid #979797;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  background: #fff;
}
.xbid__alert__wrapper {
  position: relative;
  height: 64px;
  margin-left: 1em;
  max-width: 730px;
}
.xbid__alert__container {
  height: 48px;
}
.xbid__alert__content {
  max-width: 1280px;
  display: block;
  margin: auto;
  position: relative;
}
.xbid__alert__text {
  color: #979797;
  font-weight: 700;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.xbid__alert__text svg {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.xbid__alert__link {
  color: #fff;
  font-size: 14px;
  float: right;
}
.xbid__alert--warning .xbid__alert__text svg {
  fill: #FB8C00;
}
.xbid__alert--fail .xbid__alert__text svg {
  fill: #ED1D25;
}
.xbid__alert--connection .xbid__alert__text svg {
  fill: #979797;
}
.xbid__alert__icon {
  width: 20px;
  height: auto;
  margin-right: 10px;
}
.xbid__alert__close {
  height: auto;
  width: 12px;
  color: #666;
}

.viewlot {
  padding: 1em;
  position: relative;
  /*  --------------------------------------- 
               Group Vehicle Widget           
  -------------------------------------- */
}
.viewlot a {
  cursor: pointer;
  text-decoration: none;
}
.viewlot .listing {
  padding-top: 1em;
}
.viewlot__row {
  max-width: 960px;
}
.viewlot__row .separator {
  margin-bottom: 0;
}
.viewlot__headline--large {
  margin: 0;
}
.viewlot__subheadline {
  display: block;
  padding: .5em 0;
}
.viewlot__keyinfo {
  display: table-cell;
}
.viewlot__keyinfo table {
  border: none;
}
.viewlot__keyinfo table tr td {
  border: none;
}
.viewlot__info {
  padding-right: 2em;
}
.viewlot__vehicleinfo {
  margin: 0 auto;
  max-width: 960px;
}
.viewlot__vehicleinfo .separator {
  margin-bottom: 0;
}
.viewlot__vehicleinfo p {
  margin: 0;
  padding-bottom: 0;
}
.viewlot__vehicleinfo table {
  border: none;
}
.viewlot__vehicleinfo table tr td {
  border: none;
  padding-left: 0;
  width: 33%;
}
@media (max-width: 768px) {
  .viewlot__notes--desktop, .viewlot__keyinfo--desktop {
    display: none;
  }
}
.viewlot__notes--tablet, .viewlot__keyinfo--tablet {
  display: none;
}
@media (max-width: 768px) {
  .viewlot__notes--tablet, .viewlot__keyinfo--tablet {
    display: block;
  }
}
.viewlot__notes--tablet table tr td, .viewlot__keyinfo--tablet table tr td {
  padding-left: 0;
  vertical-align: top;
}
.viewlot__notes {
  margin-top: 40px;
  padding: 1em;
  width: 100%;
}
.viewlot__notes ul {
  text-align: right;
}
.viewlot__notes ul.button-group {
  margin-bottom: 0;
}
.viewlot__notes h4 {
  margin: 0;
}
.viewlot__notes textarea {
  margin: .5em 0 1em 0;
  overflow-x: hidden;
  width: 100%;
}
.viewlot__notes-headline {
  margin-bottom: 1em;
}
.viewlot__gallery .button {
  display: none;
}
@media (max-width: 768px) {
  .viewlot__gallery .button--tablet {
    display: block;
    margin-top: 1em;
  }
}
.viewlot__img {
  background: #f1f1f1;
  height: 233px;
  width: 310px;
}
.viewlot__thumbs {
  margin: 1em 0;
  position: relative;
}
@media (max-width: 768px) {
  .viewlot__thumbs--desktop {
    display: none;
  }
}
.viewlot__thumbnav {
  margin-top: 10px;
  position: absolute;
  top: 0;
}
.viewlot__thumbnav--left {
  left: 0;
}
.viewlot__thumbnav--right {
  right: 0;
}
.viewlot__thumbs-list {
  height: 45px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  width: 270px;
}
.viewlot__thumbs-item {
  float: left;
  padding: 2px;
}
.viewlot__thumbs-item:last-child {
  margin: 0;
}
.viewlot__thumbs-item a {
  background-color: #f1f1f1;
  height: 40px;
  vertical-align: top;
  width: 50px;
}
.viewlot__thumbs-item a img {
  background-color: #f1f1f1;
  height: 40px;
  width: 50px;
}
.viewlot__actions li {
  padding: 0 1em;
}
@media (max-width: 768px) {
  .viewlot__actions {
    display: block;
  }
  .viewlot__actions ul li {
    padding: 0 1em;
  }
  .viewlot__actions ul li:first-child {
    padding-left: 0;
  }
  .viewlot__actions ul li:last-child {
    border: none;
  }
}
.viewlot__condition table tr td:last-child {
  text-align: center;
}
.viewlot__pricing table tr td:last-child {
  text-align: right;
}
.viewlot .sale__name {
  color: #000;
  margin: 0;
  padding: 0;
}
.viewlot__saleinfo {
  padding: 2.5em 0;
}
.viewlot__saleinfo ul li {
  margin-top: 0.2em;
  word-break: break-word;
}
.viewlot__saleinfo .country,
.viewlot__saleinfo .key {
  margin-right: 1em;
}
.viewlot__grouped {
  vertical-align: top;
}
.viewlot__grouped__list {
  list-style: none;
  padding-left: 0;
  padding-bottom: 1em;
  padding-right: 1em;
  width: 33%;
}
.viewlot__grouped__list span {
  padding-bottom: 1em;
}

/* --------------------------------------------------
	             conditional raport
-------------------------------------------------- */
.condition-report__container {
  clear: both;
  padding-top: 20px;
}

header.condition-report__header--desktop {
  margin-top: 47px;
}

.condition-report__title span {
  color: #001a72;
  margin-bottom: 1em;
  font-size: 1.15em;
  font-weight: 700;
}
.condition-report__title span:first-child {
  margin-left: -16px;
}

/*  --------------------------------------- 
                 Date Schedule                
    -------------------------------------- */
.date-schedule {
  padding: 1.5em;
}
.date-schedule__headline {
  margin: 0;
}
.date-schedule__title {
  margin: 1.5em 0 .5em 0;
}

/*  --------------------------------------- 
                 filter                 
    -------------------------------------- */
.filter .actions-bar--top {
  margin-top: 1.625em;
}
.filter .sticky {
  margin-top: 0em;
  line-height: 2.5;
  padding-left: 1em;
}
.filter__headline {
  margin: 0;
}
.filter__header {
  margin-bottom: .875em;
  width: 100%;
}
.filter__input-wrap {
  margin-top: .625em;
  margin-bottom: 1.5em;
}
.filter__input-wrap input[type="text"] {
  width: 448px;
  padding-right: 2.25em;
  padding-left: .2em;
}
.filter__input-wrap label {
  line-height: 1.5;
}
.filter__input-wrap .icon--close {
  width: 33px;
  padding: 0 9px;
}
.filter .validation--error button.icon--close {
  border: none;
}
.filter__info {
  margin-bottom: 11px;
}
.filter__info span {
  line-height: 2.2;
  padding-right: .938em;
}
.filter__item {
  width: 100%;
}
.filter__label {
  width: 12%;
  min-width: 200px;
  padding: 1.5em 0 0 0.938em;
}
.filter__panel {
  height: 66px;
  width: auto;
  padding: .563em;
  margin: 1.5em 0em;
  margin-right: 2em;
  min-width: 208px;
}
.filter__panel-title {
  padding-left: 0.5em;
  margin: 0em;
}
.filter__panel-type {
  padding-left: 0.5em;
  width: 170px;
}
.filter__action {
  width: 88%;
}
.filter__subtitle {
  margin: 1.375em 0 0.5em;
}
.filter__notifications {
  margin: 24px 0px;
}
.filter .date-schedule {
  margin-bottom: 56px;
}
.filter .date-schedule input {
  padding-right: 2.25em;
}
.filter .date-schedule .icon--close {
  width: 33px;
  padding: 0 9px;
}
.filter__fade {
  height: 100%;
  width: 100%;
}

/*  --------------------------------------- 
                Colors                      
    -------------------------------------- */
/*  --------------------------------------- 
                  Typography                      
    -------------------------------------- */
/*  --------------------------------------- 
                  Actions                      
    -------------------------------------- */
/*  --------------------------------------- 
                  Dialogs                      
    -------------------------------------- */
/*  --------------------------------------- 
                 Facets                    
    -------------------------------------- */
/*  --------------------------------------- 
                Facet filters                   
    -------------------------------------- */
/*  --------------------------------------- 
             Feedback                    
-------------------------------------- */
/*  --------------------------------------- 
             Forms                    
-------------------------------------- */
/*  --------------------------------------- 
             Free Text Search                    
-------------------------------------- */
/*  --------------------------------------- 
             Icon                    
-------------------------------------- */
 /*  --------------------------------------- 
             Navigation                   
-------------------------------------- */
/*  --------------------------------------- 
             Results                   
-------------------------------------- */
/*  --------------------------------------- 
             Table               
-------------------------------------- */
/*  --------------------------------------- 
             Template elements              
-------------------------------------- */
/*  --------------------------------------- 
            Save searches calendar          
    -------------------------------------- */
/*  --------------------------------------- 
             Date schedule             
-------------------------------------- */
/*  --------------------------------------- 
             xBid              
-------------------------------------- */
body > section {
  clear: both;
}

/*  --------------------------------------- 
                    Layout                    
    -------------------------------------- */
.layout {
  clear: both;
  min-width: 768px;
  width: 100%;
}
.layout__center {
  max-width: 960px;
  margin: 0 auto;
}
.layout--large {
  max-width: 1280px;
  padding: 0;
}
.layout__right {
  padding-right: 1em;
}
.layout__inner {
  background: #f5f5f5;
  width: 100%;
}
.layout__sidebar {
  z-index: 1;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .layout__sidebar {
    display: none;
  }
}
.layout__main {
  background: #fff;
  margin-left: 340px;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .layout__main {
    margin: 0;
    width: 100%;
  }
}
.layout__main.panel-open {
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.layout__main-inner {
  border-left: 1px solid #e2e2e2;
  padding: 1em 0;
  position: relative;
  vertical-align: top;
}
.layout__main-sidebar {
  padding-right: 1em;
}
.layout__item {
  display: inline-block;
  padding-left: 1em;
  vertical-align: top;
}
.layout__item:first-child {
  padding: 0;
}

/*  --------------------------------------- 
                   Grid                     
    -------------------------------------- */
.five-tenths {
  width: 55%;
}

.four-tenths {
  width: 45%;
}

/*  --------------------------------------- 
                    Separator                     
    -------------------------------------- */
.separator {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 0 0;
  margin: 0;
}

/*  --------------------------------------- 
                    Wrapper                     
    -------------------------------------- */
.wrapper {
  padding: 0 1em;
  width: 100%;
}

/*  --------------------------------------- 
                    Sticky                     
    -------------------------------------- */
.sticky {
  position: fixed;
  z-index: 5;
}

/*  --------------------------------------- 
                  Actions bar                     
    -------------------------------------- */
.actions-bar--top {
  transition: box-shadow .3s ease-in-out;
  -webkit-transition: box-shadow .3s ease-in-out;
  -moz-transition: box-shadow .3s ease-in-out;
  -o-transition: box-shadow .3s ease-in-out;
}
.actions-bar--middle {
  padding: 1em 0 1em 2.5em;
}
.actions-bar__item {
  padding: 8px 40px 8px 40px;
}

.actions-bar--top.sticky {
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
}

.actions-bar-wrap {
  height: 66px;
}

#main-actions-container {
  height: 58px;
}
@media (min-width: 1365px) and (max-width: 1600px) {
  #main-actions-container .sidebar-toogle {
    display: none;
  }
}
@media (min-width: 1600px) {
  #main-actions-container .sidebar-toogle {
    display: none;
  }
}

/*.main-actions {
    border-top: 1px solid #e2e2e2;
    padding: 0.75em 1.4em;
    height: 60px;
    width: 100%;
    z-index: 2;

    .sidebar-trigger {
        @include breakpoint(large){
            display: none;
        }
    }
}*/
.modal-open {
  overflow: hidden;
}

/*  --------------------------------------- 
                    Overlay                    
    -------------------------------------- */
#filteroverlay {
  position: absolute;
  z-index: 20;
}

#overlay {
  left: 50%;
  top: 200px;
  position: absolute;
  z-index: 20;
}

#filteroverlay {
  left: 50%;
  top: 200px;
}

#fade {
  background-color: #F7F7F7;
  -moz-opacity: 0.6;
  opacity: .60;
  filter: alpha(opacity=60);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
}

#filterfade {
  background-color: #F7F7F7;
  filter: alpha(opacity=60);
  height: 100%;
  -moz-opacity: 0.6;
  opacity: .60;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  position: absolute;
  z-index: 10;
}

/* --------------------------------------------------
	            Button go top
-------------------------------------------------- */
.button--gotop {
  bottom: 5em;
  display: none;
  padding: .7em 1em;
  position: fixed !important;
  right: 6.25em;
  opacity: 0;
  z-index: 40;
}

/*  --------------------------------------- 
                    Facets                      
    -------------------------------------- */
.facets .update-results {
  bottom: 0;
  display: none;
  position: fixed;
  width: 340px;
}

.facets {
  width: 340px;
}

.panel-open .facets {
  left: 0;
  top: 0;
  height: 100%;
  position: fixed;
  overflow: auto;
  z-index: 10;
}
.panel-open .facets .notifier {
  position: fixed;
  left: 340px;
  top: 0;
}
.panel-open .update-results {
  display: block;
}
.panel-open .facet-filters {
  bottom: 25px;
  left: 365px;
  max-height: 95%;
  overflow: auto;
  padding: 1em 0;
  position: fixed;
  right: 25px;
  top: 25px;
  z-index: 9999;
        /*  --------------------------------------- 
        Facet filters fixed height                   
-------------------------------------- */
}
.panel-open .facet-filters .update-results {
  bottom: 25px;
  top: auto;
  width: 380px;
}
.panel-open .facet-filters--fixedheight {
  max-height: calc(100% - 240px);
}
.panel-open .facet-filters--fixedheight.facet-filters--large {
  max-height: calc(100% - 175px);
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .panel-open .facet-filters--fixedheight.facet-filters--large {
    max-height: calc(100% - 240px);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .panel-open .facet-filters--fixedheight.facet-filters--large {
    max-height: calc(100% - 240px);
  }
}
@media (max-width: 768px) {
  .panel-open .facet-filters--fixedheight.facet-filters--large {
    max-height: calc(100% - 240px);
  }
}
.panel-open .no-results--modal {
  bottom: 25px;
  left: 365px;
  max-height: 95%;
  overflow: auto;
  padding: 1.5em;
  position: fixed;
  right: 25px;
  top: auto;
  z-index: 9999;
}

/*  --------------------------------------- 
                 Overlayer                     
    -------------------------------------- */
.overlayer {
  background: rgba(0, 0, 0, 0.4);
}

.panel-open .overlayer {
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
}

.panel-open--myitems .facets {
  left: 0;
  top: 0;
  height: 100%;
  overflow: auto;
  z-index: 10;
}
.panel-open--myitems .facet-filters {
  bottom: inherit;
  left: 365px;
  max-height: 95%;
  overflow: auto;
  padding: 1em 0;
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 9999;
}
.panel-open--myitems .overlayer {
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.update-results--myitems {
  margin-top: 1em;
  width: 340px;
}
.facets .update-results--myitems {
  position: static;
}

.layout__main--myitems {
  display: flex;
  position: relative;
}

.layout__main--full {
  margin-left: 0;
}
.layout__main--full .layout__main-inner--myitems {
  background: none;
  border: none;
  width: 100%;
}

.layout__main-inner--myitems {
  padding: 0 1em;
  min-height: 465px;
  width: 100%;
}

.layout__inner.panel-open--myitems {
  background: #fff;
  position: relative;
}

.key-listing {
  margin: 1em 0;
}
.key-listing ul {
  padding: 0;
}
.key-listing ul li {
  list-style-type: none;
}
.key-listing ul li i {
  font-style: normal;
}
.key-listing ul li i:before {
  color: #ccc;
}

/*  --------------------------------------- 
                    JS Only                    
    -------------------------------------- */
.jsonly {
  display: none;
}

/*  --------------------------------------- 
                    Hide                    
    -------------------------------------- */
.hide {
  display: none;
}

/*  ----------------------------------------------- 
    Media Queries iPads (portrait and landscape)                     
    ---------------------------------------------- */
@media (min-width: 480px) and (max-width: 1023px) {
  .layout__main {
    margin: 0;
    width: 100%;
  }
  .layout__sidebar {
    display: none;
  }
  .layout__sidebar.panel-open {
    display: block;
  }
}
/*  ----------------------------------------------- 
                 Media Queries desktop                     
    ---------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1365px) {
  .layout__sidebar.panel-open {
    display: block;
  }

  .facet-filters.facet-filters-large {
    width: 720px;
  }
}
/*  ----------------------------------------------- 
                 Responsiv hide                     
    ---------------------------------------------- */
@media (max-width: 767px) {
  .hide--xs {
    display: none !important;
  }
}
@font-face {
  font-family: 'alphabet-icon-font';
  src: url("../../../fonts/alphabet-icon-font/alphabet-icon-font.eot");
  src: url("../../../fonts/alphabet-icon-font/alphabet-icon-font.eot#iefix") format("embedded-opentype"), url("../../../fonts/alphabet-icon-font/alphabet-icon-font.ttf") format("truetype"), url("../../../fonts/iconmoon/icomoon.woff") format("woff"), url("../../../fonts/alphabet-icon-font/alphabet-icon-font.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon--aa {
  background-color: #f8db01;
  background-image: url(../images/buttons/AA.jpg);
  background-repeat: no-repeat;
  border: 1px solid #000;
  display: inline-block;
  height: 26px;
  vertical-align: top;
  width: 26px;
}

.icon {
    /* -------------------------------------------------
	             User icons
---------------------------------------------- */
    /* --------------------------------------------------
	                    sale icons
-------------------------------------------------- */
}
.icon--note:before {
  font-family: 'Material Icons';
  content: "";
}
.icon--dropdown:before {
  font-family: 'Material Icons';
  content: "\e5c5";
}
.icon--up:before {
  font-family: 'Material Icons';
  content: "\e5c7";
}
.icon--cart:before {
  font-family: 'Material Icons';
  content: "\e8cc";
}
.icon--star:before {
  font-family: 'alphabet-icon-font';
  content: "\e905";
}
.icon--starborder:before {
  font-family: 'Material Icons';
  content: "\e83a";
}
.icon--shopping-cart:before {
  font-family: 'Material Icons';
  content: "\e8cc";
}
.icon--add:before {
  font-family: "material icons";
  content: "\e145";
}
.icon--remove:before {
  content: "\e15b";
  font-family: "material icons";
}
.icon--add_shopping_cart:before {
  content: "\e854";
  font-family: "material icons";
}
.icon--info-outline:before {
  content: "\e88f";
  font-family: "material icons";
}
.icon--arrow-right:before {
  content: "\e5cc";
  font-family: "material icons";
}
.icon--erroroutline:before {
  content: "\e001";
  font-family: "material icons";
}
.icon--first:before {
  content: "\e045";
  font-family: "material icons";
}
.icon--previous:before {
  content: "\e408";
  font-family: "material icons";
}
.icon--print:before {
  font-family: "material icons";
  content: "\e8ad";
}
.icon--next:before {
  content: "\e409";
  font-family: "material icons";
}
.icon--mail:before {
  content: "\e158";
  font-family: "material icons";
}
.icon--last:before {
  content: "\e044";
  font-family: "material icons";
}
.icon--arrow_back:before {
  content: "\e5c4";
  font-family: "material icons";
}
.icon--description:before {
  content: "\e873";
  font-family: "material icons";
}
.icon--enquiry:before {
  content: "\e8fd";
  font-family: "material icons";
}
.icon--save:before {
  content: "\e161";
  font-family: "material icons";
}
.icon--delete:before {
  content: "\e872";
  font-family: "material icons";
}
.icon--insertdrivefile:before {
  content: "\e24d";
  font-family: "material icons";
  color: #000;
}
.icon--account:before {
  font-family: 'alphabet-icon-font';
  content: "\e900";
  color: #786b62;
}
.icon--auction:before {
  font-family: 'alphabet-icon-font';
  content: "\e901";
  color: #786b62;
}
.icon--bidnow:before {
  font-family: 'alphabet-icon-font';
  content: "\e902";
  color: #786b62;
}
.icon--buynow:before {
  font-family: 'alphabet-icon-font';
  content: "\e903";
  color: #786b62;
}
.icon--eauction:before {
  font-family: 'alphabet-icon-font';
  content: "\e904";
  color: #786b62;
}
.icon--track:before {
  font-family: 'alphabet-icon-font';
  content: "\e905";
  color: #786b62;
}
.icon--eyefull:before {
  font-family: 'alphabet-icon-font';
  content: "\e906";
  color: #786b62;
}
.icon--liveonline:before {
  font-family: 'alphabet-icon-font';
  content: "\e907";
  color: #786b62;
}
.icon--mbatch:before {
  font-family: 'alphabet-icon-font';
  content: "\e908";
  color: #786b62;
}
.icon--price:before {
  font-family: 'alphabet-icon-font';
  content: "\e909";
  color: #786b62;
}
.icon--sealed:before {
  font-family: 'alphabet-icon-font';
  content: "\e90a";
  color: #786b62;
}
.icon--vendor:before {
  font-family: 'alphabet-icon-font';
  content: "\e90b";
  color: #786b62;
}
.icon--xbid:before {
  font-family: 'alphabet-icon-font';
  content: "\e90c";
  color: #786b62;
}
.icon--bidbuy-eu:before {
  font-family: 'alphabet-icon-font';
  content: "\e90d";
  color: #786b62;
}

/* --------------------------------------------------
	           Symbols
-------------------------------------------------- */
.symbol {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-style: normal;
  padding: 0 8px;
}
.symbol--new {
  border: 1px solid #fb8c00;
  color: #fb8c00;
}

/* --------------------------------------------------
	                   Button
-------------------------------------------------- */
.button {
  background-color: #eee;
  border: 0;
  color: #786b62;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: rgba(231, 228, 226, 0.15);
  background: -webkit-linear-gradient(-90deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  background: linear-gradient(180deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  -moz-box-shadow: 1px 2px 3px #888;
  -webkit-box-shadow: 1px 2px 3px #888;
  box-shadow: 1px 2px 3px #888;
  font-weight: 600;
  line-height: 1;
    /* --------------------------------------------------
	               Button primary
-------------------------------------------------- */
    /* --------------------------------------------------
	             Button secondary
-------------------------------------------------- */
    /* --------------------------------------------------
	             Button link
-------------------------------------------------- */
    /* --------------------------------------------------
	             Button no value
-------------------------------------------------- */
    /* --------------------------------------------------
	              Button tertiary
-------------------------------------------------- */
    /* --------------------------------------------------
	            Button toggle
-------------------------------------------------- */
    /* --------------------------------------------------
	            Button interest
-------------------------------------------------- */
    /* --------------------------------------------------
	             Button disabled
-------------------------------------------------- */
    /* --------------------------------------------------
	              Button block
-------------------------------------------------- */
    /* --------------------------------------------------
	              Button medium
-------------------------------------------------- */
}
.no-touch .button:hover {
  background-color: #ddd;
  color: #444;
}
.button--primary {
  border-radius: 3px;
  background-color: #c03;
  color: #fff;
  background: #f9af07;
  background: -webkit-linear-gradient(-90deg, #f9af07 0%, #f9b508 26%, #f9b508 26%, #ef7e00 100%);
  background: linear-gradient(180deg, #f9af07 0%, #f9b508 26%, #f9b508 26%, #ef7e00 100%);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 3px #888;
  -webkit-box-shadow: 1px 2px 3px #888;
  box-shadow: 1px 2px 3px #888;
}
.no-touch .button--primary:hover {
  background-color: #f9af07;
  border-color: #c03;
  color: #fff;
}
.button--secondary {
  border-radius: 3px;
  background-color: #fff !important;
  color: #786b62;
  box-shadow: 1px 2px 3px #888888;
  background: rgba(231, 228, 226, 0.15);
  background: -webkit-linear-gradient(-90deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  background: linear-gradient(180deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 3px #888;
  -webkit-box-shadow: 1px 2px 3px #888;
  box-shadow: 1px 2px 3px #888;
}
.no-touch .button--secondary:hover {
  background-color: #fff;
  border-color: #bbb;
  color: #444;
}
.button--link {
  color: #786b62;
  box-shadow: 1px 2px 3px #888888;
  border-radius: 3px;
  background: rgba(231, 228, 226, 0.15);
  background: -webkit-linear-gradient(-90deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  background: linear-gradient(180deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 3px #888;
  -webkit-box-shadow: 1px 2px 3px #888;
  box-shadow: 1px 2px 3px #888;
}
.no-touch .button--no-value:hover {
  background: #fff;
  color: #444;
}
.button--tertiary {
  background: none;
  border: 1px solid transparent;
  color: #005ca9;
  border-radius: 3px;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.32);
  -moz-box-shadow: 1px 2px 3px #888;
  -webkit-box-shadow: 1px 2px 3px #888;
  box-shadow: 1px 2px 3px #888;
}
.no-touch .button--tertiary:hover {
  background: none;
  border-color: #bbb;
  color: #444;
}
.button--toggle {
  border-radius: 3px;
  background: transparent;
  border: 1px solid transparent;
  color: #666;
}
.no-touch .button--toggle:hover {
  background: transparent;
  border: 1px solid #ccc;
  color: #666;
}
.button--toggle--active {
  border-radius: 3px;
  background: #005ca9;
  border: 1px solid #005ca9;
  color: #fff;
}
.no-touch .button--toggle--active:hover {
  background: #03447a;
  border: 1px solid #005ca9;
  color: #fff;
}
.button--interest {
  background: rgba(231, 228, 226, 0.15);
  background: -webkit-linear-gradient(-90deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  background: linear-gradient(180deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 3px #888;
  -webkit-box-shadow: 1px 2px 3px #888;
  box-shadow: 1px 2px 3px #888;
  color: #786b62;
}
.no-touch .button--interest:hover {
  background-color: #ddd;
  color: #444;
}
.button--disabled {
  background-color: #f5f5f5;
  color: #ccc;
  background-image: -webkit-gradient(linear, 50% 35%, 50% 190%, color-stop(0%, #ffffff), color-stop(100%, #8e8e8e));
  background-image: -moz-linear-gradient(#ffffff 35%, #8e8e8e 180%);
  background-image: -webkit-linear-gradient(#ffffff 35%, #8e8e8e 180%);
  background-image: linear-gradient(#ffffff 35%, #8e8e8e 180%);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.32);
}
.no-touch .button--disabled:hover {
  background-color: #f5f5f5;
  color: #ccc;
  cursor: not-allowed;
}
.button--block {
  text-align: center;
}
.button--medium {
  line-height: 1.5;
}

a.button {
  cursor: pointer;
  text-decoration: none;
}

/*  --------------------------------------- 
                 Facets                    
    -------------------------------------- */
.panel-open .facets {
  background: #fff;
}

.facets-group {
  border-bottom: 1px solid #ddd;
  list-style-type: none;
}
.facets-group:first-of-type {
  border: none;
}
.facets-group:last-of-type {
  border: none;
}

.facet {
  list-style-type: none;
}
.facet h2 {
  font-size: 1em;
}
.facet__item {
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: 700;
  text-decoration: none;
}
.facet__item--active {
  background: #e5e5e5;
}
.facet__item .icon {
  line-height: 1;
}
.no-touch .facet__item:hover {
  color: #888;
}
.facet__filters-remove {
  cursor: pointer;
}
.facet__filters-remove .icon {
  color: #ee7642;
  font-size: 0.75em;
}
.facet__filters-remove--non-js .button {
  background: none;
}
.facet ul {
  list-style-type: none;
}
.facet__filters-applied {
  color: #888;
  font-size: 0.75em;
  font-weight: 400;
}
.no-touch .facet:hover {
  background: #e5e5e5;
}

/*  --------------------------------------- 
                 Facets filters                      
    -------------------------------------- */
.facet-filters {
  background: #fff;
  /*  --------------------------------------- 
                    Mileage                     
  -------------------------------------- */
  /*  --------------------------------------- 
                  Calendar                     
  -------------------------------------- */
}
.facet-filters__title {
  font-size: 1em;
}
.facet-filters__sub-head {
  background: #f5f5f5;
  border: #ddd;
  border-width: 1px 0;
  font-size: 0.75em;
}
.facet-filters__count {
  color: #adadad;
}
.facet-filters__list {
  list-style-type: none;
}
.facet-filters__mileage-slider {
  background: #fff;
  border: 1px solid #eee;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.03);
}
.facet-filters__mileage-scrubber {
  background: #fff;
  border: 1px solid #e1e1e1;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.facet-filters__mileage-range {
  background: #005ca9;
  border: 1px solid #03447a;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.03);
}
.facet-filters--calendar {
  text-align: center;
}
.facet-filters--calendar .button--toggle {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.facet-filters .facet-filters__title--calendar {
  text-align: left;
}
.facet-filters__calendar-datepicker-days {
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  font-weight: 400;
  text-shadow: 0 1px #f5f5f5;
}
.facet-filters__calendar-datepicker-days .table {
  border: none;
}
.facet-filters__calendar-datepicker-switch {
  border-right: none;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}
.facet-filters__calendar-prev, .facet-filters__calendar-next {
  border-right: none;
}
.facet-filters__calendar-prev--disabled, .facet-filters__calendar-next--disabled {
  color: #ccc;
}
.facet-filters__calendar-prev {
  text-align: left;
}
.facet-filters__calendar-next {
  text-align: right;
}
.facet-filters__calendar-dow {
  border: solid #e2e2e2;
  border-width: 1px 0;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
}
.facet-filters__calendar-day {
  color: #555;
  font-weight: 400;
  text-align: center;
  text-shadow: 0 1px #f5f5f5;
}
.facet-filters__calendar-day--active {
  background: #005ca9;
  color: #fff;
}
.facet-filters__calendar-day--disabled {
  background: #f5f5f5;
  color: #ccc;
}
.facet-filters__calendar-day--old, .facet-filters__calendar-day--new {
  background: #e5e5e5;
  color: #ccc;
}

/*  --------------------------------------- 
                    Results update                     
    -------------------------------------- */
.update-results {
  background: #fff;
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
}
.update-results__count {
  font-weight: 600;
}
.update-results__clear-filters {
  color: #f04e37;
  text-decoration: none;
}

/*  --------------------------------------- 
                 Ordinary dialog              
    -------------------------------------- */
.modal {
  /*Could we do this better?*/
}
.modal__overlay {
  background-color: #000;
  opacity: 0.8;
}
.modal__content {
  background-color: #fff;
  -moz-box-shadow: 4px 4px 80px #000;
  -webkit-box-shadow: 4px 4px 80px #000;
  box-shadow: 4px 4px 80px #000;
  text-align: left;
}
.modal__close {
  color: #fff;
  cursor: pointer;
}
.modal__header {
  color: #666;
}
.modal__header--separator {
  border-bottom: 1px solid #ccc;
}
.modal__headline {
  font-size: 24px;
  line-height: 1.33;
  font-weight: 500;
  padding: 0;
  margin: 0;
  color: #222;
  display: inline-block;
}
.modal__note {
  font-size: 14px;
  line-height: 1.71;
  color: #888888;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  margin-left: 35px;
}
.modal__link {
  text-decoration: none;
  line-height: 2.5;
  color: #005ca9;
}
.modal__list-title {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.modal .popup-list__link {
  color: #666;
  font-size: 16px;
}
.modal--large .modal__header .icon--save {
  font-size: 3em;
}
.modal--small .modal__header .icon--save {
  font-size: 1.5em;
}
.modal--sale-info .modal__body > div h4, .modal--sale-info .modal__body > div h4 + p {
  display: none;
}
.modal--sale-info .modal__body .button-group {
  margin-top: 1em;
}

/*  --------------------------------------- 
                  Tooltip                      
    -------------------------------------- */
.tooltip {
  cursor: pointer;
  font-weight: 400;
}
.no-touch .tooltip:hover:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  content: "";
}
.no-touch .tooltip:hover:after {
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  content: attr(data-tool);
  font-weight: 300;
  line-height: 1;
  white-space: nowrap;
}

/* --------------------------------------------------
	                Notifier
-------------------------------------------------- */
.notifier {
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  line-height: 1;
  text-decoration: none;
    /*&:before {
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
    }

    &:after {
        background: #333;
        background: rgba(0,0,0,.8);
        color: #fff;
        line-height: 1;
        white-space: nowrap;
    }*/
}
.notifier__arrow:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 7px 7px 0 7px;
}
.no-touch .notifier:hover {
  color: #fff;
}
.notifier--push {
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  background: #fff;
  z-index: 50;
}
.notifier__header {
  background-color: #f2f2f2;
  text-align: left;
}
.notifier__headline {
  color: #7f7f7f;
  font-size: 1.25em;
  font-weight: 700;
}
.notifier__close {
  color: #666;
}
.notifier__description {
  color: #7f7f95;
  text-align: left;
}

/*  --------------------------------------- 
                  Popover                      
    -------------------------------------- */
.popover {
  background: #fff;
  -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.3);
  white-space: normal;
}
.popover .arrow {
  content: '';
  background: #fff;
  -moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
}
.popover .popover-content {
  font-size: 0.8em;
}

/* --------------------------------------------------
	                List popup
-------------------------------------------------- */
.popup-list {
  background: #fff;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
  text-align: left;
  white-space: nowrap;
}
.popup-list__content {
  list-style-type: none;
}
.popup-list__arrow:after {
  box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
  border-color: transparent transparent #fff #fff;
  content: "";
}
.popup-list__item {
  list-style: none;
  list-style-image: none;
  list-style-type: none;
}
.no-touch .popup-list__item:hover {
  background: #f5f5f5;
}
.popup-list__link {
  text-decoration: none;
}

/* --------------------------------------------------
	                NonJS modal
-------------------------------------------------- */
.modal-nonjs {
  border-bottom: 1px solid #e2e2e2;
}
.modal-nonjs__close {
  color: #555;
}
.modal-nonjs__close:hover {
  color: #555;
}

.feedback {
  border-radius: 2px;
  text-align: center;
}
.feedback__title {
  font-weight: 600;
}
.feedback--info {
  background: #ef7d00;
  color: #fff;
}
.feedback--confirmation {
  background: #333;
  color: #fff;
}
.feedback--error {
  background: #f5b7ab;
  color: #a94442;
}
.feedback--warning {
  background: #ffe8aa;
  color: #8a6d3b;
}
.feedback--success {
  background: #c5e5de;
  color: #3c763d;
}
.feedback--notify {
  background: #ffecb3;
  color: #444;
  box-shadow: 0 2px 16px 8px rgba(0, 0, 0, 0.08);
}

/*  --------------------------------------- 
                 Banner            
    -------------------------------------- */
.banner {
  background: #ffecb3;
  box-shadow: 0px 0px 35px #d5d5d5;
  text-align: center;
  padding: 1.188em;
}
.banner .title {
  color: #4d4c49;
  font-weight: 600;
  margin: 0;
}

/*  --------------------------------------- 
                 Alert            
    -------------------------------------- */
.alert__headline {
  font-weight: 400;
  color: #222;
}
.alert__info {
  font-weight: 500;
  color: #222;
}
.alert__advise {
  color: #444;
  font-size: 14px;
}

/*  --------------------------------------- 
                Free text search                     
    -------------------------------------- */
.fts__icon-group {
  color: #666;
  cursor: pointer;
}
.fts__icon-group .icon--dropdown:before {
  font-family: 'Material Icons';
  content: "\e5c5";
}
.fts__icon-group--active .icon {
  color: #666;
}
.fts__typehead-inner {
  background: #fff;
  border: 1px solid #ccc;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 1px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 1px 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 1px 0px;
}
.fts__typehead-header {
  background: #f4f4f4;
  color: #48e;
  font-size: 0.875em;
}
.fts__typehead-icon {
  color: #48e;
}
.fts__typehead-title {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
}
.fts__typehead-link {
  cursor: pointer;
}
.fts__typehead-choices {
  list-style-type: none;
}
.no-touch .fts__typehead-choice:hover {
  background: #f7f7f7;
  cursor: pointer;
}
.fts .spell a {
  text-decoration: underline;
}
.fts .spell a:hover {
  cursor: pointer;
}

/*  --------------------------------------- 
                Description lists                     
    -------------------------------------- */
dl dt {
  font-weight: 700;
}

/*  --------------------------------------- 
                  Ordered lists                     
    -------------------------------------- */
ol li {
  font-weight: 700;
}
ol li ol li {
  font-weight: 400;
}

/*  --------------------------------------- 
                 Lists Ordered             
    -------------------------------------- */
ol li {
  font-weight: 700;
}
ol li ol li {
  font-weight: 400;
}

.list-ordered--upper-alpha {
  list-style: upper-alpha outside none;
}
.list-ordered--lower-alpha {
  list-style: lower-alpha outside none;
}
.list-ordered--upper-roman {
  list-style: upper-roman outside none;
}
.list-ordered--lower-roman {
  list-style: lower-roman outside none;
}

.nav {
    /* --------------------------------------------------
	              Nav global
-------------------------------------------------- */
    /* --------------------------------------------------
	               Nav breadcrumb
-------------------------------------------------- */
    /* --------------------------------------------------
	               Nav tabbed
-------------------------------------------------- */
    /* --------------------------------------------------
	              Nav pagination
-------------------------------------------------- */
    /* --------------------------------------------------
                      Toggle
-------------------------------------------------- */
    /* --------------------------------------------------
	               Nav block
-------------------------------------------------- */
    /* --------------------------------------------------
    Nav summary
-------------------------------------------------- */
    /* --------------------------------------------------
	              Nav expandable
-------------------------------------------------- */
}
.nav a {
  text-decoration: none;
}
@media (max-width: 768px) {
  .nav--global {
    height: auto;
  }
}
.nav__item--global:hover {
  background: transparent;
}
.nav__link--global {
  color: #786b62;
}
.no-touch .nav__link--global:hover {
  color: #000;
}
.nav__sub--global {
  background: #ffffff;
  border: 2px solid #ccc;
  color: #786b62;
  padding: 1em;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 5px 15px;
}
.nav__sub-item-group--global {
  border: none;
}
.nav__sub-item--global h4 {
  padding: 1em;
  border-bottom: 1px solid #eee;
}
.nav__sub-item--global:hover {
  background: rgba(120, 107, 98, 0.1);
}
.nav__sub-link--global {
  color: #786b62;
}
.no-touch .nav__sub-link--global:hover {
  color: #786b62;
  text-decoration: none;
}
.nav--breadcrumb {
  background-color: #dddad8;
}
.nav--breadcrumb .icon {
  color: #999;
}
.nav__current {
  color: #555;
}
.no-touch .nav__link--tabbed:hover {
  background: #fff;
  cursor: pointer;
}
.nav__item--selected {
  background: #fff;
}
.nav__link--tabbed--selected {
  border-bottom: 4px solid #005ca9;
}
.nav--pagination .icon {
  color: #666;
}
.nav__item--pagination {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  line-height: 1;
}
.no-touch .nav__item--pagination:hover {
  border: 1px solid #ccc;
}
.nav__item--pagination--selected {
  background: #005ca9;
  color: #fff;
}
.no-touch .nav__item--pagination--selected:hover {
  border: 1px solid transparent;
}
.nav__item--pagination--selected a {
  color: #fff;
}
.nav__item--pagination--break {
  background: none;
}
.no-touch .nav__item--pagination--break:hover {
  border: 1px solid transparent;
}
.nav__link--pagination {
  color: #555;
  cursor: pointer;
}
.nav__link--pagination .icon:before {
  font-size: 150%;
}
@media all and (-ms-high-contrast: none) {
  .nav__link--pagination {
    /* IE10 */
    /* IE11 */
  }
  .nav__link--pagination .icon:before {
    font-size: 70%;
  }
  .nav__link--pagination *::-ms-backdrop, .nav__link--pagination .icon:before {
    font-size: 100%;
  }
}
.nav--toggle .nav__list {
  list-style-type: none;
}
.nav--toggle .nav__item {
  border: 1px solid #ccc;
  border-radius: 3px;
  background: rgba(231, 228, 226, 0.15);
  background: -webkit-linear-gradient(-90deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  background: linear-gradient(180deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  color: #555;
  cursor: pointer;
  line-height: 32px;
  text-align: left;
  text-decoration: none;
  outline: none;
}
.nav--toggle .nav__item:before {
  content: "\e5c5";
  font-family: 'Material Icons';
  font-size: 180%;
}
.nav--toggle .nav__item:hover {
  color: #555;
}
.nav--toggle .nav__item--active {
  border: solid #ccc;
  border-width: 1px 1px 0 1px;
  color: #005ca9;
}
.nav--toggle .nav__item--active:before {
  content: "\e5c7";
}
.nav--toggle .nav__item--active:hover {
  color: #005ca9;
}
.nav--toggle .nav__item-content {
  border: solid #ccc;
  border-width: 0 1px 1px 1px;
  list-style-type: none;
}
.nav--toggle .nav__item-content li:first-child a {
  border-bottom: 1px solid #ccc;
}
.nav--toggle .nav__item-content a {
  font-size: .875em;
}
.nav__block-list-link {
  text-decoration: none;
}
.no-touch .nav__block-list-link:hover {
  background: #eee;
}
.nav--summary .nav__block-list-item:first-child {
  border-bottom: 1px solid #eee;
}
.nav--summary .nav__block-list-item:first-child .nav__block-list-link {
  font-size: 1em;
}
.nav--summary .nav__block-list-link {
  color: #005ca9;
  font-size: .85em;
  line-height: 34px;
}
.no-touch .nav--summary .nav__block-list-link:hover {
  background: none;
  color: #005ca9;
}
.no-touch .nav--summary .nav__block-list-link:hover span {
  color: #555;
}
.nav--summary .nav__block-list-link span {
  color: #555;
}
.nav--summary .nav__block-list-link--disabled {
  color: #aaa;
}
.no-touch .nav--summary .nav__block-list-link--disabled:hover {
  color: #aaa;
}
.no-touch .nav--summary .nav__block-list-link--disabled:hover span {
  color: #555;
}
.nav__list--expand {
  border-bottom: 1px solid #ccc;
}
.nav__item--expand {
  border-bottom: 1px solid #eee;
  list-style-type: none;
}
.nav__link--expand {
  color: #888;
  text-decoration: none;
}
.no-touch .nav__link--expand:hover {
  color: #000;
}

/* --------------------------------------------------
	               Tab content
-------------------------------------------------- */
.tab-content {
  background: #fff;
  border: solid #eee;
  border-width: 1px;
}

/*  --------------------------------------- 
                Switch List              
-------------------------------------- */
.switch-list--headline .button {
  font-size: 20px;
}
.switch-list__wrapper {
  background: #fff;
  border: 1px solid #ddd;
  -moz-box-shadow: rgba(50, 50, 50, 0.65) 2px 2px 9px 0px;
  -webkit-box-shadow: rgba(50, 50, 50, 0.65) 2px 2px 9px 0px;
  box-shadow: rgba(50, 50, 50, 0.65) 2px 2px 9px 0px;
}
.switch-list__links {
  list-style-type: none;
}
.switch-list__links:before {
  border-color: #ddd transparent;
  border-style: solid;
  border-width: 0 8px 8px;
}
.switch-list__links:after {
  border-color: #f7f7f7 transparent;
  border-style: solid;
  border-width: 0 8px 8px;
}
.switch-list__item {
  text-align: left;
  width: 100%;
  list-style: none;
  list-style-image: none;
  list-style-type: none;
}
.no-touch .switch-list__item:hover {
  background: #f5f5f5;
  width: 100%;
}
.switch-list__link {
  text-decoration: none;
}
.switch-list__item-title {
  background: #f7f7f7;
  font-weight: 600;
  list-style-image: url(data:0);
}

table {
  border: 1px solid #eee;
}
table tr th {
  border-right: 1px solid #eee;
  font-weight: 600;
}
table tr td {
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
}

/*  --------------------------------------- 
                 Heading                   
    -------------------------------------- */
.headline {
  background: #f5f5f5;
  border: solid #eee;
  border-width: 1px 0;
}

.facets-header {
  padding: 0.8125em 0.625em;
}
.facets-header .clear-filters {
  color: #3376df;
  cursor: pointer;
  float: right;
  text-decoration: underline;
}

/*  --------------------------------------- 
                 Actions bar                     
    -------------------------------------- */
.actions-bar__fade {
  background-image: -webkit-gradient(linear, 50% 75%, 50% 205%, color-stop(0%, #f1f1f1), color-stop(100%, #786b62));
  background-image: -moz-linear-gradient(#f1f1f1 75%, #786b62 205%);
  background-image: -webkit-linear-gradient(#f1f1f1 75%, #786b62 205%);
  background-image: linear-gradient(#f1f1f1 75%, #786b62 205%);
  box-shadow: 1px 2px 3px #888888;
  opacity: .85;
}
.actions-bar__info {
  color: #786b62;
  font-weight: 500;
  line-height: 2;
}

/*  --------------------------------------- 
        Error result                     
    -------------------------------------- */
.no-results {
  border: 1px solid #eee;
}
.no-results__title {
  color: #222;
}
.no-results__message {
  color: #444;
}

/*  --------------------------------------- 
                mysearches                    
    -------------------------------------- */
.mysearches__title {
  color: #222;
}
.mysearches__info {
  color: #444;
}

/*  --------------------------------------- 
                mybasket                    
    -------------------------------------- */
.notes {
  color: #888;
}
.notes__content {
  font-size: 14px;
  margin-top: 1em;
}

/*  --------------------------------------- 
                Promo Banner                     
    -------------------------------------- */
.promo-banner {
  background: #f5f5f5;
}
.promo-banner__title {
  color: #444;
}
.promo-banner__detail {
  color: #666;
  font-size: 0.875em;
}
.promo-banner__info {
  color: #444;
  font-size: 0.875em;
}
.promo-banner__link {
  font-size: 0.875em;
}

@font-face {
  font-family: FSAlbertWebRegular;
  src: url("../../../fonts/FSAlbertWeb/fs_albert_web-regular.eot");
  src: url("../../../fonts/FSAlbertWeb/fs_albert_web-regular.eot") format("embedded-opentype"), url("../../../fonts/FSAlbertWeb/fs_albert_web-regular.ttf") format("truetype"), url("../../../fonts/FSAlbertWeb/fs_albert_web-regular.woff") format("woff"), url("../../../fonts/FSAlbertWeb/fs_albert_web-regular.svg") format("svg");
}
@font-face {
  font-family: FSAlbertWebBold;
  src: url("../../../fonts/FSAlbertWeb/fs_albert_web-bold.eot");
  src: url("../../../fonts/FSAlbertWeb/fs_albert_web-bold.eot") format("embedded-opentype"), url("../../../fonts/FSAlbertWeb/fs_albert_web-bold.ttf") format("truetype"), url("../../../fonts/FSAlbertWeb/fs_albert_web-bold.woff") format("woff"), url("../../../fonts/FSAlbertWeb/fs_albert_web-bold.svg") format("svg");
}
@font-face {
  font-family: FSAlbertWebExtrabold;
  src: url("../../../fonts/FSAlbertWeb/fs_albert_web-extrabold.eot");
  src: url("../../../fonts/FSAlbertWeb/fs_albert_web-extrabold.eot") format("embedded-opentype"), url("../../../fonts/FSAlbertWeb/fs_albert_web-extrabold.otf") format("opentype"), url("../../../fonts/FSAlbertWeb/fs_albert_web-extrabold.woff") format("woff"), url("../../../fonts/FSAlbertWeb/fs_albert_web-extrabold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FSAlbertWebLight;
  src: url("../../../fonts/FSAlbertWeb/ride-light-webfont.eot");
  src: url("../../../fonts/FSAlbertWeb/fs_albert_web-light.eot") format("embedded-opentype"), url("../../../fonts/FSAlbertWeb/fs_albert_web-light.ttf") format("truetype"), url("../../../fonts/FSAlbertWeb/fs_albert_web-light.woff") format("woff"), url("../../../fonts/FSAlbertWeb/fs_albert_web-light.svg") format("svg");
}
html {
  color: #555;
  font-family: 'FSAlbertWebRegular', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

h2, h3, h4, h5, h6 {
  font-weight: 600;
}

h2 {
  font-weight: 500;
}

a {
  color: #005ca9;
}

a:hover {
  color: #005ca9;
}

b,
strong {
  font-weight: 600;
}

.heading {
  margin: 0;
  font-size: 2.5em;
  font-weight: normal;
}

/*  --------------------------------------- 
                    Listing               
    -------------------------------------- */
.listing {
  border-bottom: none;
  border-top: 1px solid #eee;
  clear: both;
  list-style-type: none;
    /*  --------------------------------------- 
          Listing sale header             
-------------------------------------- */
    /*  --------------------------------------- 
         Listing featured sales      
-------------------------------------- */
  /*  --------------------------------------- 
        Listing sale header             
  -------------------------------------- */
    /*  --------------------------------------- 
         Listing featured vehicles      
-------------------------------------- */
    /*  --------------------------------------- 
         Listing xbid      
-------------------------------------- */
}
.listing col a img {
  height: 75px;
  width: 100px;
}
.listing:last-of-type {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}
.listing__lot-report {
  list-style: none;
}
.listing__lot-report .icon:before {
  font-size: 170%;
}
@media all and (-ms-high-contrast: none) {
  .listing__lot-report {
    /* IE10 */
    /* IE11 */
  }
  .listing__lot-report .icon:before {
    font-size: 70%;
  }
  .listing__lot-report *::-ms-backdrop, .listing__lot-report .icon:before {
    font-size: 100%;
  }
}
.listing__title {
  font-size: 1em;
  color: #000;
}
.listing__title a {
  cursor: pointer;
  text-decoration: none;
}
.listing__title a span {
  font-weight: 400;
}
.listing__link {
  cursor: pointer;
  text-decoration: none;
}
.listing__link--disabled {
  color: #ccc;
  cursor: not-allowed !important;
}
.no-touch .listing__link--disabled:hover {
  color: #ccc;
}
.listing__reg-number {
  border: 1px solid #222;
  white-space: nowrap;
}
.listing__reg-number:before {
  background: none repeat scroll 0 0 #3377dc;
}
.listing__details ul {
  list-style-type: none;
}
.listing__details--lot-actions li {
  word-wrap: break-word;
}
.listing__details--lot-actions li span {
  display: block;
}
.listing__sale-info__date {
  font-weight: 600;
  color: #222;
}
.listing__sale-info__location {
  color: #888;
}
.listing__pricing {
  text-align: right;
}
.listing__pricing-value {
  color: #222;
  font-weight: 600;
}
.listing__pricing .price-value {
  font-weight: 600;
}
.listing__actions {
  text-align: center;
}
.listing__actions-link {
  color: #666;
  cursor: pointer;
  text-decoration: none;
  /* IE9 */
}
.listing__actions-link .icon:before {
  font-size: 170%;
}
.listing__actions-link .icon:before {
  font-size: 70% \9;
}
@media all and (-ms-high-contrast: none) {
  .listing__actions-link {
    /* IE10 */
    /* IE11 */
  }
  .listing__actions-link .icon:before {
    font-size: 70%;
  }
  .listing__actions-link *::-ms-backdrop, .listing__actions-link .icon:before {
    font-size: 100%;
  }
}
.no-touch .listing__actions-link:hover {
  background: #ccc;
  color: #444;
}
.no-touch .listing__actions-item--check:hover {
  background: #ccc;
}
.listing__actions-item--tracked {
  background: #ffcc56;
  border-radius: 2px 2px 0 0;
}
.listing__actions-item--tracked .listing__actions-link {
  color: #444;
}
.no-touch .listing__actions-item--tracked .listing__actions-link:hover {
  background: #ffcc56;
}
.listing__actions-item--added {
  background: #8cbeb2;
}
.listing__actions-item--added .listing__actions-link {
  color: #444;
}
.no-touch .listing__actions-item--added .listing__actions-link:hover {
  background: #8cbeb2;
}
.listing__actions-inner {
  background: #ddd;
  list-style-type: none;
}
.listing__lot-detail {
  list-style: none;
}
.listing__message-confirm {
  line-height: 2;
}
.listing--sale-header {
  background: #f2f2f2;
  border: none;
}
.listing__sale-actions-link {
  font-size: .75em;
}
.listing__sale-header-details ol li, .listing__sale-header-details ul li {
  font-weight: 400;
}
.listing__price {
  font-weight: 600;
}
.listing__warning {
  color: #fb8c00;
  font-weight: 500;
}
.listing__success {
  color: #4caf50;
  font-weight: 500;
}
.listing--featured {
  border: none;
}
.listing--featured:last-of-type {
  border: none;
}
.listing--featured .listing {
  border: none;
}
.listing--featured .listing__item {
  border-bottom: 1px solid #eee;
}
.listing--featured .listing__item:first-of-type {
  border-top: 1px solid #eee;
}
.listing--featured .listing__date-info {
  color: #444;
  font-size: .875em;
}
.listing--featured .listing__date {
  font-size: 1.715em;
  font-weight: 600;
}
.listing--featured .listing__image {
  border: none;
}
.listing--featured .listing__description {
  color: #888;
  font-size: .875em;
}
.listing--featured .listing__link {
  border-right: 1px solid #eee;
  font-size: .875em;
}
.listing--featured .listing__lotnumber {
  font-size: .875em;
}
.listing--featured .listing__title {
  font-weight: 500;
}
.listing--sale-header {
  background: none;
  border: none;
  padding-bottom: 1em;
}
.listing--sale-header .listing__title {
  color: #000;
}
.listing__sale-actions-link {
  font-size: .75em;
}
.listing__sale-header-details ol li,
.listing__sale-header-details ul li {
  font-weight: 400;
}
.listing__bidinfo {
  line-height: 1.5;
}
.listing__bidprice {
  color: #000;
  font-size: 1.5em;
}
.listing__bidtime span {
  color: #000;
}
.listing__bidtime-value {
  color: #000;
  font-size: 1.5em;
}
.listing--card {
  border: none;
}
.listing--card:last-of-type {
  border: none;
}
.listing--card .listing {
  border: none;
}
.listing--card .listing__item {
  border: 1px solid #eee;
  text-align: center;
}
.listing--card .listing__image {
  border-radius: 0;
}
.listing--card .listing__title {
  color: #000;
}
.listing--card .listing__date {
  color: #333;
  font-size: .875em;
}
.listing--card .listing__date span {
  font-weight: normal;
}
.listing--card .listing__description {
  color: #444;
  font-size: .750em;
}
.listing--xbid {
  font-size: .875em;
}
.listing--xbid > .col {
  border-top: 1px solid #eee;
}
.listing--xbidpanel {
  font-size: .875em;
}
.listing--xbidpanel .listing__title {
  font-size: 1.143em;
}
.listing--xbidpanel .listing__price {
  font-size: 1.143em;
}
.listing--xbidpanel .listing__warning {
  font-size: .875em;
}

/*  --------------------------------------- 
                  Breakdown               
    -------------------------------------- */
.breakdown td, .breakdown th {
  text-align: right;
}
.breakdown td:first-child, .breakdown th:first-child {
  text-align: left;
}
.breakdown table, .breakdown td, .breakdown th {
  border: none;
}
.breakdown__header {
  border-bottom: 1px solid #eee;
}
.breakdown__footer {
  border: solid #eee;
  border-width: 1px 0 1px 0;
}
.breakdown__close {
  color: #555;
}
.breakdown__note {
  color: #888;
  font-size: 0.75em;
  text-align: right;
}

/*  --------------------------------------- 
                    Promo              
    -------------------------------------- */
.promo {
  border: 1px solid #ddd;
  margin-bottom: 15px;
}

.promo__image {
  background-image: url(/Hertz/1/Images/promotions/car-row.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 200px;
  height: 80px;
}

.promo__title {
  padding: 10px 10px 0px 10px;
}

.promo__link {
  margin: 0px 0px 15px 15px;
  font-size: 10px;
  padding: 10px;
}

/*  --------------------------------------- 
                Total             
-------------------------------------- */
.right table td.col-right h3,
.right table td.col-right span {
  font-weight: bold;
}

.wrap-listing {
  position: relative;
}
.wrap-listing .overlay {
  top: 80px;
  left: 50%;
  position: absolute;
  z-index: 20;
}

/*  --------------------------------------- 
                    Input                      
    -------------------------------------- */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
  background-color: #fff;
  border-radius: 0px;
  -webkit-appearance: none;
  border: 1px solid #ccc;
  color: #444;
  -webkit-box-shadow: inset 0 0 10px #000;
  -moz-box-shadow: inset 0 0 10px #000;
  box-shadow: inset 0 2px 6px #afa197;
  border-radius: 3px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
  border-color: #bbb;
  outline: none;
}

/*  --------------------------------------- 
               Input with icon                    
    -------------------------------------- */
.input-wrap--disabled input[type="text"] {
  background: #fafafa;
  border-color: #e5e5e5;
  color: #ccc;
}
.no-touch .input-wrap--disabled input[type="text"]:hover {
  cursor: not-allowed;
}
.no-touch .input-wrap--disabled:hover {
  cursor: not-allowed;
}
.input-wrap__icon {
  color: #ccc;
  cursor: pointer;
}

/*  --------------------------------------- 
                    Select                      
    -------------------------------------- */
.select-wrap {
  background: #fff;
}
.select-wrap:after {
  color: #666;
  content: "\e5c5";
  font-family: 'Material Icons';
  font-size: 160%;
  height: 28px;
  line-height: 1.2;
  pointer-events: none;
  text-align: center;
}
.select-wrap:before {
  border-left: 1px solid #ccc;
  content: "";
  height: 20px;
  position: absolute;
  right: 27px;
  top: 7px;
  z-index: 1;
}
.select-wrap select {
  background: transparent;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: rgba(231, 228, 226, 0.15);
  background: -webkit-linear-gradient(-90deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  background: linear-gradient(180deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  color: #666;
  cursor: pointer;
  font-size: 0.88em;
  font-weight: 600;
  -moz-appearance: none;
  padding-right: 2em;
}
.select-wrap select:focus {
  border-color: #bbb;
  outline: none;
}
.no-touch .select-wrap select--disabled select:hover {
  cursor: not-allowed;
}
.select-wrap--large:before {
  height: 34px;
  right: 40px;
}
.select-wrap--large:after {
  line-height: 1.8;
  height: 44px;
  width: 38px;
}
.select-wrap--large select {
  padding-right: 2.75em;
}
.select-wrap select::-ms-expand {
  display: none;
}
.select-wrap--disabled {
  background: #fafafa;
  border-color: #e5e5e5;
}
.select-wrap--disabled select {
  color: #ccc;
}
.no-touch .select-wrap--disabled select:hover {
  cursor: not-allowed;
}
.select-wrap--disabled:after {
  color: #ccc;
}

/*Remove focus efect on IE*/
select:focus::-ms-value {
  background: none;
  color: #333;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /*Chrome CSS here*/
  .select-wrap {
    -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.07);
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.07);
  }
  .select-wrap:after {
    background: rgba(231, 228, 226, 0.15);
    background: -webkit-linear-gradient(-90deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
    background: linear-gradient(180deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
    background-color: #fff;
    line-height: 1.2;
    right: 3px;
  }
  .select-wrap--large:after {
    line-height: 1.8;
    width: 34px;
  }
}
/*  --------------------------------------- 
               Select custom                     
    -------------------------------------- */
.select-custom {
  color: #666;
  cursor: pointer;
}
.select-custom:after {
  background: #fff;
  color: #666;
  font-size: 160%;
  height: 13px;
  line-height: 0.5;
  text-align: center;
  right: 3px;
  top: 14px;
}
.select-custom__selected {
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 0.88em;
  font-weight: 400;
  -webkit-box-shadow: inset 0 0 10px #000;
  -moz-box-shadow: inset 0 0 10px #000;
  box-shadow: inset 0 2px 6px #afa197;
}
.select-custom__list {
  border: 1px solid #7b9cd3;
  background: #fff;
  font-size: 0.88em;
  font-weight: 400;
}
.no-touch .select-custom__list-item:hover {
  background: #248fff;
  color: #fff;
}

/*  --------------------------------------- 
                 Radio                     
    -------------------------------------- */
.radio label {
  line-height: 1.5em;
}
.radio label:before {
  border: 1px solid;
  border-color: #c2c2c2;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  content: "";
  font-family: 'icon-font';
  font-size: 0.8em;
  line-height: 2;
  text-align: center;
}
.no-touch .radio label:hover {
  cursor: pointer;
}
.no-touch .radio label:hover:before {
  color: #ccc;
  content: "\e601";
}
.radio input[type="radio"]:checked + label:before {
  border: none;
  -webkit-box-shadow: inset 0 1px 6px #afa197;
  -moz-box-shadow: inset 0 1px 6px #afa197;
  box-shadow: inset 0 1px 6px #afa197;
  background: transparent;
  color: #005ca9;
  content: "\e601";
}
.radio input:focus {
  outline: none;
}
.radio input:focus:before {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  box-shadow: 0 0 3px 0 #559955;
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  outline: none;
  top: -7px;
}
.radio--disabled label {
  color: #ccc;
}
.radio--disabled label:before {
  background: #fafafa;
  border-color: #eee;
}
.no-touch .radio--disabled label:hover {
  cursor: not-allowed;
}
.no-touch .radio--disabled label:hover:before {
  content: "";
}

/*  --------------------------------------- 
                 Checkbox                 
    -------------------------------------- */
.checkbox label {
  line-height: 1.5;
}
.checkbox label:before {
  background: #fff;
  border: 1px solid #c2c2c2;
  content: "";
  font-family: 'icon-font';
  font-size: 130%;
  line-height: 1.1;
  text-align: center;
}
.no-touch .checkbox label:hover {
  cursor: pointer;
}
.no-touch .checkbox label:hover:before {
  content: "\e619";
  color: #ccc;
}
.checkbox input[type="checkbox"]:checked + label:before {
  border: none;
  -webkit-box-shadow: inset 0 1px 6px #afa197;
  -moz-box-shadow: inset 0 1px 6px #afa197;
  box-shadow: inset 0 1px 6px #afa197;
  background: transparent;
  color: #005ca9;
  content: "\e619";
}
.checkbox input:focus {
  outline: none;
}
.checkbox input:focus:before {
  width: 24px;
  height: 24px;
  border: 1px solid #bbb;
  content: "";
  position: absolute;
  z-index: 1;
}
.checkbox--disabled label {
  color: #ccc;
}
.checkbox--disabled label:before {
  background: #fafafa;
  border-color: #eee;
}
.no-touch .checkbox--disabled label:hover {
  cursor: not-allowed;
}
.no-touch .checkbox--disabled label:hover:before {
  content: "";
}

/*  --------------------------------------- 
                 Switch          
    -------------------------------------- */
.switch__label {
  cursor: pointer;
  border: 2px solid #fff;
}
.switch__background:before, .switch__background:after {
  font-size: 14px;
  font-weight: bold;
}
.switch__background:before {
  background-color: #005ca9;
}
.switch__background:after {
  background-color: #eee;
}
.switch__handler {
  background: #fff;
  border: 2px solid #fff;
}
.non-js .switch__label {
  background: url(../images/buttons/switch-active.png);
  background-repeat: no-repeat;
  border: none;
  width: 38px;
  height: 24px;
}
.non-js .switch__label--disable {
  background: url(../images/buttons/switch-disable.png);
}

/*  --------------------------------------- 
                Validation                   
    -------------------------------------- */
.validation--error {
  color: #fb8c00;
  line-height: 2;
}
.validation ul li {
  line-height: 2;
}
.validation .invalid {
  border-color: #fb8c00;
}
.validation .invalid:focus {
  border-color: #fb8c00;
}

/* --------------------------------------------------
    Calendar
-------------------------------------------------- */
.calendar--datepicker {
  background: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 6px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 6px;
  box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 6px;
}
.calendar--datepicker.daterangepicker {
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 6px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 6px;
  box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 6px;
}
.calendar--datepicker .calendar__header {
  border-bottom: 1px solid #ccc;
}
.calendar--datepicker .calendar__headline {
  font-size: 1.5em;
}
.calendar--datepicker .calendar__table table {
  border: none;
}
.calendar--datepicker .calendar__table table td {
  text-align: center;
}
.no-touch .calendar--datepicker .calendar__table table thead .calendar__available:hover {
  background: #fff;
}
.calendar--datepicker .calendar__table table thead tr:first-child th {
  height: 48px;
  text-align: center;
}
.calendar--datepicker .calendar__table table thead tr:last-child th {
  background: #333;
  color: #fff;
  font-size: 0.75em;
  font-weight: 400;
}
.calendar--datepicker .calendar__table table th {
  border: none;
}
.calendar--datepicker .calendar__table table td {
  border: none;
}
.calendar--datepicker .calendar--disabled {
  background: #eee;
}
.calendar--datepicker .calendar__available {
  cursor: pointer;
}
.no-touch .calendar--datepicker .calendar__available:hover {
  background: #eee;
}
.calendar--datepicker .calendar__available--active {
  background: #65ab65;
  color: #fff;
}
.no-touch .calendar--datepicker .calendar__available--active:hover {
  background: #65ab65;
  color: #fff;
}
.calendar--datepicker .calendar:before {
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-bottom: 9px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.calendar--datepicker .calendar:after {
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  border-left: 9px solid transparent;
}
.calendar--datepicker .calendar--dropup:before {
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.calendar--datepicker .calendar--dropup:after {
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.hero .hero__headline {
  color: #fff;
  font-size: 3.5em;
  font-weight: 400;
  line-height: 56px;
}
.hero .hero__subheadline {
  font-size: 1.125em;
  color: #fff;
}
.hero .hero__img {
  background-image: url("../images/hero.jpg");
  border-radius: 0;
}
.hero--search .search {
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
  .hero--search .search {
    background: none;
  }
}
.hero--search .search__link a {
  color: #005ca9;
}
@media (max-width: 768px) {
  .hero--search .search__link {
    text-align: center;
  }
}
.hero .fade {
  background: rgba(0, 0, 0, 0.6);
  background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
}

/*  --------------------------------------- 
                Key List            
-------------------------------------- */
.keylist__item {
  cursor: pointer;
}
.keylist__item span {
  font-size: .75em;
}
.keylist .popover__title {
  font-size: .75em;
}
.keylist .popover__description {
  font-size: .75em;
}

/*  --------------------------------------- 
                    Login                   
    -------------------------------------- */
.signup {
  color: #333;
}
.signup__headline {
  background: none;
  font-size: 1.5em;
  font-weight: 600;
  color: #005ca9;
}
.signup__legal {
  color: #666;
  font-size: .85em;
}
.signup__legal a {
  color: #666;
  text-decoration: none;
}
.signup__link {
  font-size: .875em;
  text-decoration: none;
}
.signup--login {
  border-right: 1px solid #eee;
}

.bidpanel {
  border: 1px solid #ccc;
}
.bidpanel a {
  color: #0097ff;
  text-decoration: none;
}
.bidpanel p {
  line-height: 1.3;
}
.bidpanel__heading {
  font-size: 1.313em;
}
.bidpanel-header {
  background: #eaeaea;
}
.bidpanel-subhead__info {
  font-weight: bold;
  color: #000;
  font-size: 0.750em;
}
.bidpanel-subhead__price {
  font-size: 1.750em;
  font-weight: bold;
  font-size: 1.750em;
}
.bidpanel-subhead__title--default {
  font-size: 0.875em;
  color: #ccc;
}
.bidpanel-subhead__title--primary {
  font-size: 0.875em;
  color: #152d6d;
}
.bidpanel-subhead__title--secondary {
  font-size: 0.875em;
  color: #cccccc;
}
.bidpanel-subhead__subtitle {
  font-size: 0.875em;
  color: #a0a0a0;
  line-height: 1.36;
}
.bidpanel-subhead__subtitle__link {
  color: inherit !important;
  line-height: 1.36;
  text-decoration: underline !important;
}
.bidpanel__bid-status {
  border-radius: 6px;
  color: #ccc;
  font-weight: bold;
}
.bidpanel__bid-status--info {
  color: #2196f3;
  background: rgba(33, 150, 243, 0.3);
}
.bidpanel__bid-status--warning {
  color: #5f5742;
  background: rgba(247, 181, 0, 0.3);
}
.bidpanel__bid-status--primary {
  color: #2196f3;
  background: rgba(33, 150, 243, 0.3);
}
.bidpanel__feedback--error {
  color: #ec1f28;
  font-size: 0.875em;
}
.bidpanel__feedback--success {
  color: #00b341;
  font-size: 0.875em;
}
.bidpanel__feedback--warning {
  color: #ee9504;
  font-size: 0.875em;
}
.bidpanel-attributes__item--right:after {
  content: "\e887";
  font-family: 'Material Icons';
  font-size: 1.5em;
  color: #666;
  cursor: pointer;
}
.bidpanel-amount__label {
  color: #888;
}
.bidpanel-amount__input-error:after {
  content: "\e002";
  font-family: 'Material Icons';
  color: #fb8c00;
  font-size: 1.5em;
}
.bidpanel-amount__error {
  color: #fb8c00;
}
.bidpanel-amount__handler {
  border: solid 1px #d9d9d9;
  border-radius: 4px;
  background: #f2f0f0;
  color: #444;
}
.bidpanel__price {
  background: #eaeaea;
  font-weight: bold;
}
.bidpanel-popup {
  background: #535557;
  color: #fafafa;
}
.bidpanel-popup__arrow:after {
  border: 5px solid #535557;
}
.bidpanel-popup__close:after {
  content: '\e5cd';
  font-family: 'Material Icons';
}
.bidpanel-notify {
  background: #4caf50;
  color: #fff;
  font-weight: 500;
  opacity: 0.9;
  font-size: 0.875em;
}
.bidpanel-notify__icon:after {
  content: '\e619';
  font-family: 'icon-font';
}
.bidpanel-warning {
  background: #fb8c00;
  color: #fff;
  font-weight: 500;
  opacity: 0.9;
  font-size: 0.875em;
}
.bidpanel-warning__icon:after {
  content: '\e002';
  font-family: 'Material Icons';
}
.bidpanel-buttons a {
  color: #0097ff;
}
.bidpanel-breakdown {
  background: #fff;
}
.bidpanel-breakdown__close a {
  color: #2196f3;
  text-decoration: none;
}
.bidpanel-breakdown-nav {
  overflow: hidden;
}
.bidpanel-breakdown-nav__item--active {
  border-bottom: 4px solid #001a72;
  cursor: inherit;
}
.bidpanel-breakdown__col--left span {
  color: #888;
  font-weight: bold;
}
.bidpanel-breakdown__col--right span {
  color: #444;
  font-weight: bold;
}
.bidpanel-breakdown__title {
  color: #888;
  font-size: 0.875em;
  font-weight: 700;
}
.bidpanel-breakdown__header p {
  color: #444;
  font-size: 0.750em;
}
.bidpanel__input {
  color: #444;
}
.bidpanel__input--error {
  border: 1px solid #fb8c00;
}
.bidpanel__checkbox input:checked + label:before {
  background: #66aa66;
  border-color: #559955;
  color: #fff;
  content: "\e619";
  font-family: "icon-font";
}
.bidpanel .overlay {
  left: 50%;
  position: absolute;
  z-index: 20;
}
.bidpanel--search {
  border: none;
  margin: 0;
  padding: 1em;
}
.bidpanel--search input {
  min-width: inherit;
}
.bidpanel--search .bidpanel__placebid {
  margin-top: 0;
}

.viewlot .bidpanel-buttons a {
  color: #0097ff;
}

.viewlot .bidpanel a.button--primary {
  color: #fff;
}

/*  --------------------------------------- 
                 Date Schedule                
    -------------------------------------- */
.date-schedule {
  background-color: #eee;
}
.date-schedule__headline {
  color: #222;
  font-weight: 500;
}
.date-schedule__title {
  color: #222;
  font-weight: 500;
}
.date-schedule__info {
  color: #888;
}
.date-schedule .icon--calendar {
  color: #666;
}

/*  --------------------------------------- 
                 Filter                 
    -------------------------------------- */
.filter .icon--active {
  color: #222;
}
.filter .sticky {
  line-height: 2.5;
}
.filter__headline {
  font-weight: 400;
  color: #222;
}
.filter__header {
  /*.icon--close {
      cursor:pointer;
  }*/
}
.filter__header label {
  color: #222;
  font-weight: 500;
  line-height: 1.5;
}
.filter .validation--error button.icon--close {
  background: none;
  border: none;
}
.filter__info span {
  line-height: 2.2;
}
.filter__item {
  border-top: 1px solid #eee;
}
.filter__label {
  color: #222;
  font-weight: 500;
}
.filter__panel {
  border: 1px solid #ccc;
  color: #666;
  cursor: pointer;
  background: #fff;
}
.filter__panel--disable {
  border: 1px solid #eee;
  color: #ccc;
  cursor: not-allowed !important;
}
.filter__panel--active {
  background: #4caf50;
  color: #fff;
  border: none;
}
.filter__panel--active .filter__panel-type {
  color: #fff;
  border: none;
}
.filter__panel-title {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}
.filter__panel-type {
  font-size: .875em;
  font-weight: normal;
  line-height: 1.71;
  color: #cccccc;
}
.filter__subtitle {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  color: #222;
}
.filter .date-schedule .icon--close {
  cursor: pointer;
}
.filter__loader {
  z-index: 20;
}
.filter__fade {
  background-color: #F7F7F7;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: .60;
  z-index: 10;
}

/*  --------------------------------------- 
                xBid                   
-------------------------------------- */
.xbid__title {
  color: #001a72;
}
.xbid__stats {
  color: #000;
}
.xbid__panel {
  border: 1px solid;
  border-color: #e2e2e2;
}
.xbid__panel--inactive {
  border-color: #ccc;
}
.xbid__panel bid-session:first-child .listing {
  border-top: none;
}
.xbid__panel .listing {
  border-bottom: none;
}
.xbid__panel .listing--active {
  border: 4px solid #ffd100;
  transition: border 0.5s ease;
}
.xbid__headline {
  background-color: #e2e2e2;
}
.xbid__headline span {
  color: #000;
}
.xbid__timer {
  background: url("../images/icons/timer.png") no-repeat;
  height: 56px;
  text-align: center;
  width: 50px;
}
.xbid__timer label {
  color: #fb8c00;
}
.xbid .feedback a {
  text-decoration: none;
}
.xbid .status {
  font-weight: 600;
}
.xbid .status--winning {
  color: #4CAF50;
}
.xbid .status--losing {
  color: #F44336;
}
.xbid .status--warning {
  color: #fb8c00;
}

.viewlot {
  background-color: #fff;
}
.viewlot__wrapper .icon--starborder:before {
  font-family: 'alphabet-icon-font';
  content: "\e905";
}
.viewlot__wrapper .icon--star:before {
  font-family: 'alphabet-icon-font';
  content: "\e906";
}
.viewlot .separator {
  display: none;
}
.viewlot a {
  color: #555;
}
.viewlot__headline {
  color: #000;
  margin-bottom: 1em;
}
.viewlot__headline--small {
  font-size: 1.5em;
  font-weight: 700;
}
.viewlot__headline--large {
  font-size: 2em;
  font-weight: 400;
  margin: 0;
}
.viewlot__subheadline {
  color: #000;
}
.viewlot__notes {
  border: 1px solid #ccc;
}
.viewlot__notes-headline {
  color: #000;
}
.viewlot__bidpanel {
  display: table-cell;
}
.viewlot__contact, .viewlot__info {
  font-size: 16px;
}
.viewlot__actions {
  float: left;
}
.viewlot__actions li {
  border-right: 1px solid #eee;
  float: left;
  padding: 0 1em;
}
.viewlot__actions li:first-child {
  padding-left: 0;
}
.viewlot__actions li:last-child {
  border: none;
}
.viewlot__actions li a:hover {
  cursor: pointer;
}
.viewlot__saleinfo {
  color: #000;
  font-size: 14px;
  padding: 2.5em 0;
}
.viewlot__saleinfo table {
  border: none;
}
.viewlot__saleinfo table tr td {
  border: none;
}
.viewlot__saleinfo ul {
  margin: 0;
  padding: 0;
}
.viewlot__saleinfo ul li {
  margin-top: 1em;
}
.viewlot__saleinfo .country,
.viewlot__saleinfo .key {
  float: left;
  margin-right: 1em;
}
.viewlot__saleinfo img {
  margin: 0 6em 0 0;
  width: 100px;
}
.viewlot__saleinfo .sale__name {
  font-size: 1.5em;
  font-weight: 700;
}
.viewlot__saleinfo .modal__body h2 {
  margin: 0 0 .5em 0;
}
.viewlot__saleinfo .modal__body .table-col {
  border-bottom: 1px solid #eee;
  padding: 1em 0;
}
.viewlot__saleinfo .modal__body .table-col p:last-child {
  margin-bottom: 0;
}
.viewlot__saleinfo .modal__body .table-col img {
  margin-right: 0;
}
.viewlot .layout {
  border: none;
  margin: 0;
}
.viewlot .button-group {
  margin: 1em 0;
}
.viewlot .button-group__item .button--primary {
  color: #fff;
}

/* --------------------------------------------------
    Content
-------------------------------------------------- */
div.Content {
  float: left;
  height: 100px;
  width: 100%;
}

html {
  height: 100%;
}

.alphabet-nl {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.alphabet-nl--cheetah {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .alphabet-nl--cheetah {
    display: block;
  }
}

.layout--large {
  flex: 1;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .layout--large {
    padding: 0 0 40px 0;
  }
}

.overlay {
  left: 50%;
  top: 50vh;
  position: absolute;
  z-index: 20;
}

.fade {
  background-color: #F7F7F7;
  filter: alpha(opacity=60);
  height: 100%;
  left: 0;
  position: absolute;
  -moz-opacity: 0.6;
  opacity: .60;
  top: 0;
  width: 100%;
  z-index: 10;
}

.alphabet--nl--login .logo-wrapper {
  border: none !important;
}

/* --------------------------------------------------
	Header
-------------------------------------------------- */
.wrapper p .button {
  margin-bottom: 3px;
}

.header {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  background: rgba(241, 241, 241, 0.12);
  background: -webkit-linear-gradient(-90deg, rgba(241, 241, 241, 0.12) 0%, rgba(241, 241, 241, 0.12) 1%, rgba(250, 250, 250, 0.12) 35%, rgba(120, 107, 98, 0.12) 100%);
  background: linear-gradient(180deg, rgba(241, 241, 241, 0.12) 0%, rgba(241, 241, 241, 0.12) 1%, rgba(250, 250, 250, 0.12) 35%, rgba(120, 107, 98, 0.12) 100%);
  -moz-box-shadow: 1px 2px 3px #888;
  -webkit-box-shadow: 1px 2px 3px #888;
  box-shadow: 1px 2px 3px #888;
  position: relative;
  z-index: 1;
}
.header__inner {
  max-width: 1280px;
  margin: 0 auto;
}
.header--full {
  max-width: 100%;
}
.header .alphabet--nl--login .logo-wrapper {
  border: none !important;
}
.header .basket {
  color: #786b62;
  text-decoration: none;
  padding-top: 26px;
}
@media (max-width: 768px) {
  .header .basket {
    padding-right: 18px;
  }
}
.header .logo-wrapper {
  border-right: 1px solid #ccc;
}
@media (max-width: 768px) {
  .header .logo-wrapper {
    padding-left: 10px;
  }
}
.header .logo-wrapper a {
  height: 40px;
  margin: 10px 0 12px;
}
.header .logo-wrapper a.logo {
  float: right;
  width: 160px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .header .logo-wrapper a.logo {
    background-position: left;
    background-size: 85%;
  }
}
.header .logo-wrapper a.BrandingLogo-AlphabetUK {
  background: url("../Images/Master/branding_logo_uk.png") no-repeat;
  float: left;
  width: 288px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .header .logo-wrapper a.BrandingLogo-AlphabetUK {
    background-size: 80%;
    background-position: right;
  }
}
.header .logo-wrapper a.BrandingLogo-AlphabetGermany {
  background: url("../Images/Master/branding_logo_de.png") no-repeat;
  float: right;
  width: 288px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .header .logo-wrapper a.BrandingLogo-AlphabetGermany {
    background-size: 80%;
    background-position: right;
  }
}
.header .logo-wrapper--showroom {
  background: url("../Images/Master/showroom_header.jpg") no-repeat;
  background-position: center;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .header .logo-wrapper--showroom {
    background-position: center;
    background-size: 32%;
    padding: 0px;
  }
}
.header .ContactNumber {
  float: right;
  margin: 0 auto;
  padding: 0 0 15px 0;
}
.header .ContactNumber span {
  color: #666;
  float: left;
  font-size: 14px;
  padding: 10px;
}
.header.Showroom-AlphabetUK > span {
  background: url("../Images/header/showroom_header.jpg") no-repeat 280px 70px;
  display: block;
  height: 152px;
  margin: 0 auto;
  width: 960px;
}
.header.Showroom-AlphabetUK h1 a {
  margin-top: 23px;
}
.header.Showroom-AlphabetUK h1 a.BrandingLogo-AlphabetUK {
  background: url("../Images/header/showroom_branding_logo.png") no-repeat;
  height: 106px;
}
.header.Showroom-AlphabetGermany > span {
  background: url("../Images/header/showroom_header.jpg") no-repeat 280px 70px;
  display: block;
  height: 152px;
  margin: 0 auto;
  width: 960px;
}
.header.Showroom-AlphabetGermany h1 a {
  margin-top: 23px;
}
.header.Showroom-AlphabetGermany h1 a.BrandingLogo-AlphabetGermany {
  background: url("../Images/header/showroom_branding_logo.png") no-repeat;
  height: 106px;
}

.Alphabet-uk--login .hero {
  margin: 0 auto;
  max-width: 1280px;
}
.Alphabet-uk--login .layout {
  background: none;
  margin-top: 2em;
  margin-bottom: 2em;
  max-width: 768px;
  padding: 0 1em;
}

/* --------------------------------------------------
	                Nav
-------------------------------------------------- */
.nav--user {
  line-height: 56px;
  padding: 0 1em;
}
.nav--user .button .nav__link {
  padding-right: 5px;
  padding-top: 2px;
}
.nav--user .nav__item {
  padding-right: .5em;
}
.nav--user .nav__item .icon {
  color: #786b62;
  display: block;
  font-size: 1.3em;
}
.nav--user .nav__item form {
  margin-top: 23px;
  margin-bottom: 0;
}
.nav--user .nav__link {
  background: none;
  border: none;
  color: #786b62;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
}
.nav--user .UserName {
  color: #786b62;
  font-size: 12px;
  padding-top: 24px;
}
.nav--user .input-wrap {
  margin-right: -.5em;
  margin-top: 1em;
}
.nav--user .input-wrap input {
  font-size: .65em;
  height: 24px;
  width: 300px;
}
.nav--user .input-wrap .icon {
  color: #fff;
  height: 24px;
  width: 24px;
  background: #ca0533;
  right: 0;
  top: 0;
  line-height: 2;
  font-size: .75em;
}
.nav--user .input-wrap .icon:before {
  margin-left: .3em;
}
.nav__link--global {
  font-weight: 600;
  padding: 1.2em;
  border-right: 1px solid #ccc;
}
.nav__link--global:hover {
  color: #000;
}

.live-online-link {
  float: right;
  margin-right: 15px;
  margin-top: 10px;
  color: #786b62;
}
.live-online-link:hover {
  color: #786b62;
}

/* --------------------------------------------------
	                Footer
-------------------------------------------------- */
.footer__language .select-wrap {
  box-shadow: none;
}
.footer__language .select-wrap:after {
  background: none;
  content: "";
}
.footer__language .select-wrap select {
  background: rgba(231, 228, 226, 0.15);
  background: -webkit-linear-gradient(-90deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  background: linear-gradient(180deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: none;
}

.footer {
  background: #f8f7f6;
  color: #404040;
  margin: 0 auto;
  padding: 0 1.5em;
  width: 100%;
  height: 300px;
  margin-top: 1.5em;
}
.footer__separator {
  background: url("../images/master/shadow.png") no-repeat center;
  height: 10px;
}
.footer--full {
  max-width: 100%;
}
.footer__copy {
  border-top: 1px solid #eee;
  font-size: .8em;
  margin: 22px 0 0 0;
  padding: 1em 0 0 0;
        /* --------------------------------------------------
	            Language selector
-------------------------------------------------- */
}
.footer__copy a {
  color: #999999;
  padding-left: 60px;
}
.footer__copy a span {
  color: #222;
  padding-right: 10px;
}
.footer__copy .language {
  display: inline-block;
  margin-left: 60px;
  /**/
}
.footer__copy .language form:after {
  color: #666;
  content: "\e5c5";
  font-family: 'Material Icons';
  font-size: 140%;
  height: 13px;
  line-height: 1.2;
  pointer-events: none;
  text-align: center;
  position: relative;
  right: 32px;
  top: 5px;
  border-left: 1px solid #ccc;
  padding-left: 5px;
}
.footer__copy .language form select {
  background: transparent;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: rgba(231, 228, 226, 0.15);
  background: -webkit-linear-gradient(-90deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  background: linear-gradient(180deg, rgba(231, 228, 226, 0.15) 0%, rgba(255, 255, 255, 0.15) 26%, rgba(120, 107, 98, 0.15) 100%);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  color: #666;
  cursor: pointer;
  font-size: 0.88em;
  font-weight: 600;
  height: 30px;
  width: 170px;
  padding-left: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.footer__copy .language form select::-ms-expand {
  display: none;
}
.footer__copy small {
  font-size: inherit;
}
.footer__info {
  font-size: .8em;
}
.footer__info h1 {
  margin: 1em;
}
.footer__info span {
  font-size: 1em;
}
.footer__info span a {
  color: #786b62;
  border-bottom: 1px dotted #786b62;
  text-decoration: none;
}
.footer__disclaimer {
  font-size: 0.75em;
  position: absolute;
  bottom: 0px;
  right: 1em;
}
.footer .language .select-wrap {
  position: static;
}
.footer .language .select-wrap::before {
  border-left: none;
}
.footer .language .select-wrap::after {
  content: "";
}

.opt-out-button {
  background: #fff;
  margin: 1em 1em 1.25em 1em;
  text-align: right;
  text-decoration: none;
}
.opt-out-button a {
  color: #3f6278;
  display: inline-block;
  font-weight: 500;
  padding: 10px;
  text-decoration: none;
}

/*Xbid*/
.xbid-panel {
  float: right;
  position: relative;
  z-index: 1;
}
.xbid-panel .bid-session-link {
  color: #005ca9;
  display: block;
  font-weight: 600;
  padding: 12px 15px 12px 20px;
}
.xbid-panel .bid-session-link span {
  color: #666;
  font-weight: normal;
  margin-left: .2em;
}
.xbid-panel .bid-session-link:hover {
  text-decoration: none;
}
.xbid-panel .bid-session-link .has-icon:before {
  color: #e2232b;
  display: inline-block;
  padding-right: .2em;
  vertical-align: middle;
  padding-bottom: 4px;
}
.xbid-panel .bid-session-link .icon--dropdown {
  color: #666;
}

.bid-session {
  float: right;
}
.bid-session .drop-panel {
  border: 1px solid #ccc;
  position: absolute;
  max-width: 400px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  background: #fff;
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
  right: 0;
  z-index: 4;
}
.bid-session .drop-panel tr {
  cursor: pointer;
}
.bid-session .drop-panel tr td {
  padding: 11px 10px;
  border-right: 0;
  border-top: 1px dashed #ddd;
  vertical-align: top;
}
.bid-session .drop-panel tr td span {
  display: inline-block;
}
.bid-session .drop-panel tr td span.Countdown {
  color: #999;
}
.bid-session .drop-panel tr td img {
  margin-left: 10px;
}
.bid-session .drop-panel tr.InActive {
  cursor: default;
}
.bid-session .drop-panel tr.InActive td span:first-child {
  color: #333;
}
.bid-session .drop-panel tr.Active {
  background: #fafafa;
}
.bid-session .drop-panel tr:first-child td {
  border-top: none;
}

.xbid-dropdown {
  margin-top: 4px !important;
}
.xbid-dropdown .count-down {
  color: #666;
  font-weight: 400;
}
.xbid-dropdown .icon--dropdown {
  color: #666;
}
.xbid-dropdown a {
  border: none;
  box-shadow: none;
}
.xbid-dropdown a:hover {
  border: none;
  box-shadow: none;
}
.xbid-dropdown .xbid--active {
  cursor: pointer;
}
.xbid-dropdown .switch-list {
  margin-top: 4px !important;
}
.xbid-dropdown .switch-list__wrapper {
  border: 1px solid #ccc;
  position: absolute;
  max-width: 400px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  background: #fff;
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
  right: 0;
  z-index: 1000;
  overflow-x: hidden;
}
.xbid-dropdown .switch-list__wrapper tr {
  border-top: none;
}
.xbid-dropdown .switch-list__wrapper tr td {
  padding: 11px 10px;
  border-right: 0;
  border-top: 1px dashed #ddd;
  vertical-align: top;
}
.xbid-dropdown .switch-list__wrapper tr td span {
  display: inline-block;
}
.xbid-dropdown .switch-list__wrapper tr td img {
  margin-left: 10px;
}
.xbid-dropdown .switch-list__wrapper tr td span.Countdown {
  color: #999;
}

nav.Site {
  background-color: #979aa1;
  border: 1px solid #a6a9ad;
  clear: left;
  float: left;
  position: relative;
  width: 100%;
}
nav.Site ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
nav.Site > ul {
  float: left;
}
nav.Site > ul > li {
  float: left;
}
nav.Site > ul > li a {
  color: #6c6f70;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
  width: 100%;
  display: block;
}
nav.Site > ul > li a:hover {
  color: #fff;
}
nav.Site > ul > li > a {
  display: block;
  padding: 10px 16px;
  font-weight: 500;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  line-height: 1.2;
  text-decoration: none;
}
nav.Site > ul > li > a:hover {
  color: #000;
  text-decoration: none;
}
nav.Site > ul > li > div {
  background-color: #fff;
  border: 2px solid #ccc;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute;
  z-index: 12;
}
nav.Site > ul > li > div div {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  padding: 16px;
  width: 220px;
}
nav.Site > ul > li > div div table tr td {
  border: none;
  padding: 0;
}
nav.Site > ul > li > div div input {
  border: 1px solid #ccc;
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  float: left;
  height: 33px;
  padding: 0 9px;
  width: 100%;
}
nav.Site > ul > li > div div input:hover {
  border-color: #aaa;
}
nav.Site > ul > li > div div input[type="submit"] {
  cursor: pointer;
  height: 33px;
  padding: 0;
  width: 37px;
  border: none;
  border-radius: 0;
  background: url(../images/buttons/magnify_glass.png) no-repeat right top;
  text-indent: -9999px;
}
nav.Site > ul > li > div div a {
  display: inline-block;
  margin-top: 11px;
  width: 100%;
}
nav.Site > ul > li > div div span {
  display: block;
  color: #888;
}
nav.Site > ul > li > div ul {
  float: left;
}
nav.Site > ul > li > div ul li {
  clear: left;
  float: left;
  line-height: 2;
  width: 100%;
  display: block;
}
nav.Site > ul > li > div ul li:hover {
  background: #000;
  color: #fff;
  width: 100%;
}
nav.Site > ul > li > div ul li h4 {
  color: #444;
  font-size: 14px;
  padding-bottom: 7px;
}
nav.Site > ul > li.SearchVehicles > div > ul {
  margin: 0;
}
nav.Site > ul > li.SearchVehicles > div > ul li {
  padding: 0 15px;
}
nav.Site > ul > li.SearchVehicles > div > ul li:first-child {
  padding: 0;
  margin-bottom: 11px;
}
nav.Site > ul > li.SearchVehicles > div > ul li:first-child .FreeTextSearch ul {
  margin: 0;
}
nav.Site > ul > li.SearchVehicles > div > ul li:first-child .FreeTextSearch ul li {
  margin-bottom: 0 !important;
}
nav.Site > ul > li.SearchVehicles > div > ul li:first-child .FreeTextSearch ul li a {
  display: block;
  line-height: 18px;
}
nav.Site > ul > li.SearchVehicles > div > ul li:first-child .FreeTextSearch span {
  clear: left;
  line-height: 18px;
}
nav.Site > ul > li.SearchVehicles > div > ul li:first-child .FreeTextSearch span strong {
  padding-left: 3px;
  font-weight: normal;
}
nav.Site > ul > li:hover div {
  display: block;
}
nav.Site ul.ContactUs {
  float: right;
}
nav.Site ul.ContactUs > li {
  padding-right: 0;
  padding-left: 2px;
  background-position: left top;
}
nav.Site ul.ContactUs li.More > div {
  border: none;
}
nav.Site ul.ContactUs li.More ul {
  background-color: #fff;
  border-top: 4px solid #3d7ad3;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  display: none;
  margin-left: -50px;
  margin-top: 0;
  padding: 0 16px;
  position: absolute;
  z-index: 4;
}
nav.Site ul.ContactUs li.More ul a {
  color: #48e;
  display: block;
  padding: 10px 0;
  width: 100px;
}
nav.Site ul.ContactUs li.More ul li ~ li a {
  border-top: 1px solid #f5f5f5;
}
nav.Site ul.ContactUs li.More:hover ul {
  display: block;
}

nav.SiteMenu {
  background-color: #358;
  width: 100%;
  height: 38px;
}
nav.SiteMenu a,
nav.SiteMenu span {
  color: #fff;
  float: left;
  font-weight: bold;
  line-height: 38px;
  padding-left: 16px;
  width: 445px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
nav.SiteMenu select {
  clear: left;
  filter: alpha(opacity=0);
  float: left;
  height: 33px;
  margin-top: -33px;
  opacity: 0;
  width: 460px;
}
nav.SiteMenu select option {
  filter: alpha(opacity=100);
  opacity: 1;
}

nav.Breadcrumbs {
  background-color: #f5f5f5;
  clear: left;
  float: left;
  width: 100%;
  height: 39px;
}
nav.Breadcrumbs ul li {
  display: inline-block;
}
nav.Breadcrumbs ul li a,
nav.Breadcrumbs ul li span {
  display: block;
  margin: 11px 10px 0 0;
  padding-left: 14px;
  background: url(Images/Header/breadcrumbs_separator.gif) no-repeat 0 5px;
}
nav.Breadcrumbs ul li:first-child {
  padding-left: 15px;
}
nav.Breadcrumbs ul li:first-child a {
  margin: 10px 10px 0 0;
  padding: 0;
  width: 18px;
  height: 19px;
  background: url(Images/Icons/home.png) no-repeat left center;
  text-indent: -9999px;
}
nav.Breadcrumbs ul li:first-child span {
  padding-left: 0;
  background: none;
}

/*temp styling for navigation trail*/
.loc-nav {
  position: relative;
  background-color: #ffffff;
  float: left;
  clear: both;
  width: 30%;
  z-index: 0;
}
.loc-nav ul {
  padding: 10px;
  float: left;
  margin: 0;
}
.loc-nav ul li {
  display: inline-block;
}
.loc-nav ul a {
  display: inline;
  color: #999;
  font-size: 0.75em;
  text-decoration: none;
  text-shadow: none;
}
.loc-nav ul a img {
  padding: 0 3px 1px 6px;
}
.loc-nav ul a.current {
  color: #3d7ad3;
  font-weight: 500;
}

nav.Site .StockLocator ul, nav.Site .SearchVehicles ul {
  float: none;
}
nav.Site .StockLocator ul li, nav.Site .SearchVehicles ul li {
  width: 100%;
}
nav.Site .StockLocator ul li .FreeTextSearch, nav.Site .SearchVehicles ul li .FreeTextSearch {
  width: auto;
}
nav.Site .StockLocator ul li .FreeTextSearch .Submit, nav.Site .SearchVehicles ul li .FreeTextSearch .Submit {
  width: 39px;
}
nav.Site .StockLocator ul li .FreeTextSearch ul, nav.Site .SearchVehicles ul li .FreeTextSearch ul {
  float: none;
}
nav.Site .StockLocator ul li .FreeTextSearch ul li, nav.Site .SearchVehicles ul li .FreeTextSearch ul li {
  float: none;
}

nav.Site .StockLocator ul {
  margin: 0;
}
nav.Site .StockLocator ul li {
  padding: 0 15px;
}
nav.Site .StockLocator ul li:first-child {
  padding: 0;
}

/* --------------------------------------------------
	Responsive
-------------------------------------------------- */
nav.Site li.More,
nav.SiteMenu {
  display: none;
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header.Site nav.Site > ul > li {
    line-height: 2;
  }
  header.Site nav.Site > ul > li {
    line-height: 2;
  }
}
@media only screen and (max-width: 1000px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  header.Site nav.Site li.Buy,
  header.Site nav.Site li.Sell,
  header.Site nav.Site li.Services,
  header.Site nav.Site li.Contact,
  header.Site nav.Site li.ContactUs {
    display: none;
  }
  header.Site nav.Site li.More {
    display: block;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape), (max-width: 700px) {
  header.Site nav.Site,
  header.Site nav.Breadcrumbs {
    display: none;
  }
  header.Site nav.SiteMenu {
    display: block;
  }
  header.Site nav.Site {
    width: 458px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait), (max-width: 495px) and (orientation: portrait) {
  nav.SiteMenu span {
    width: 283px;
  }
  nav.SiteMenu select {
    width: 298px;
  }
}
/*  --------------------------------------- 
        Basket header and footer                     
    -------------------------------------- */
header.site-header {
  padding: 0;
}
header.site-header h1 {
  float: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
header.site-header h1 a {
  height: 40px;
  margin: 18px 0 24px 0;
}
header.site-header h1 a.Logo {
  background: url(../images/master/logo.png) no-repeat;
  float: left;
  margin-left: 55px;
  width: 271px;
}
header.site-header h1 a.BrandingLogo-AudiUK {
  background: url(../images/master/branding_logo_uk.png) no-repeat;
  float: right;
  margin-right: 48px;
  width: 288px;
}
header.site-header nav.Primary div.right {
  float: right;
}
header.site-header nav.Primary div.right div#Basket {
  margin-right: 15px;
}
header.site-header nav.Primary div#MasterMenuControl div.PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu {
  float: left;
  padding-left: 0;
}
header.site-header nav.Primary div#MasterMenuControl div.PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu li {
  padding: 0;
}
header.site-header nav.Primary div#MasterMenuControl div.PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu li a {
  color: #fff;
  display: block;
  font-weight: 500;
  line-height: 1.2;
  padding: 10px 16px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  text-decoration: none;
  text-transform: capitalize;
}
header.site-header nav.Primary div#MasterMenuControl div.PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover {
  color: #000;
  text-decoration: none;
}
header.site-header nav.Primary div#MasterMenuControl div.PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu li ul {
  background-color: #fff;
  border: 2px solid #ccc;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute;
  z-index: 12;
}
header.site-header nav.Primary div#MasterMenuControl div.PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu li:hover ul {
  display: block;
}
header.site-header nav.Primary div#MasterMenuControl div.PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren span {
  display: block;
  color: #fff;
  font-weight: 500;
  line-height: 1.2;
  padding: 10px 16px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  text-transform: capitalize;
}
header.site-header nav.Primary div#MasterMenuControl div.PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren span:hover {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}
header.site-header nav.Primary div#MasterMenuControl div.PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren ul {
  background-color: #fff;
  border: 2px solid #ccc;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  clear: both;
  float: right;
  padding: 0;
  position: absolute;
  z-index: 12;
}
header.site-header nav.Primary div#MasterMenuControl div.PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li {
  clear: left;
  display: block;
  float: left;
  line-height: 2;
  width: 100%;
}
header.site-header nav.Primary div#MasterMenuControl div.PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li a {
  color: #6c6f70;
  display: block;
  font-weight: normal;
  line-height: 2;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  width: 100%;
}
header.site-header nav.Primary div#MasterMenuControl div.PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li a:hover {
  background-color: black;
  border-bottom: none;
  color: #fff;
  text-decoration: none;
  -moz-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

footer.site-footer {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  display: block;
  float: left;
  line-height: 1.5;
  min-width: 768px;
  width: 100%;
}
footer.site-footer div.Copyright {
  margin: 10px 15px;
}
footer.site-footer div.Copyright a,
footer.site-footer div.Copyright span {
  color: #666;
  font-size: .8em;
}
footer.site-footer div.Copyright a {
  text-decoration: none;
}
footer.site-footer div.Copyright a:hover {
  text-decoration: underline;
}

.ModalPopup {
  left: 50%;
  margin-left: -260px;
  position: fixed;
  top: 10%;
  z-index: 20;
}
.ModalPopup .overlayer {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.ModalPopup .Close {
  float: right;
  margin: 0 5px -1px 0;
  position: relative;
  z-index: 30;
}
.ModalPopup .Close .Inner {
  float: left;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #7a7a7a;
  border: 1px solid #dbdbdb;
  border-bottom: 0 none;
  color: #fff;
  text-shadow: 0 1px 0 #a00;
  border-bottom: 0 none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  cursor: pointer;
  width: 37px;
  height: 32px;
  text-indent: -9999px;
}
.ModalPopup .Close .Inner input, .ModalPopup .Close .Inner a {
  background: url("../images/icons/close-icon.png") no-repeat center;
  padding-left: 0;
}
.ModalPopup .Close .Inner a {
  display: block;
  padding: 24px 10px 6px;
}
.ModalPopup #ContactUsFrame {
  box-sizing: content-box;
  padding: 1em;
}

.contact-modal {
  background: #fff;
  border-radius: 3px;
  clear: both;
  position: relative;
  z-index: 20;
}