.container .debug-data,
.container .debug-data-table,
.container-fixed .debug-data,
.container-fixed .debug-data-table {
  display: none; }

.container .debug .debug-data,
.container-fixed .debug .debug-data {
  background-color: #efefef;
  border: dotted 2px #42b042;
  border-radius: 5px 5px 5px 0;
  color: #42b042;
  display: inline-block;
  font-family: 'Courier New';
  font-size: 12px;
  overflow: auto;
  padding: 3px;
  position: relative;
  margin-top: 20px;
  max-width: 150px;
  z-index: 5; }

.container .debug .debug-data-table,
.container-fixed .debug .debug-data-table {
  display: inline-block; }

.container .debug .debug-layout,
.container-fixed .debug .debug-layout {
  border: 2px #4cff00 solid; }
  .container .debug .debug-layout .row,
  .container-fixed .debug .debug-layout .row {
    border: 1px red solid; }
  .container .debug .debug-layout div,
  .container-fixed .debug .debug-layout div {
    border: 1px #ccc dashed;
    background-color: antiquewhite; }
  .container .debug .debug-layout span,
  .container-fixed .debug .debug-layout span {
    border: 1px #ccc dotted;
    background-color: #fcfccd; }
  .container .debug .debug-layout div[class^="col-"],
  .container .debug .debug-layout div[class*=" col-"],
  .container-fixed .debug .debug-layout div[class^="col-"],
  .container-fixed .debug .debug-layout div[class*=" col-"] {
    border: 1px #ef00ef solid; }
  .container .debug .debug-layout table,
  .container-fixed .debug .debug-layout table {
    border: 1px #ad42f6 solid;
    border-collapse: separate; }
  .container .debug .debug-layout th,
  .container-fixed .debug .debug-layout th {
    border: 1px #42f6e0 solid; }
  .container .debug .debug-layout td,
  .container-fixed .debug .debug-layout td {
    border: 1px #f6c142 solid; }

/************************************************************************************************
 *
 * Variables
 *
 ***********************************************************************************************/
/**
 * Typographic styles
 *
 * This contains all basic typography rules and any @font-face imports.
 */
html {
  font-size: 100%; }

body {
  font-family: "canada-type-gibson", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  color: #222F39; }
  @media only screen and (min-width: 65em) {
    body {
      font-size: 18px; } }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "canada-type-gibson", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  margin: 0;
  line-height: 1.4; }

h5, .h5 {
  font-size: 1em; }

h6, .h6 {
  font-size: 1em; }

blockquote,
.quote {
  font-size: 1.2em;
  line-height: 1.4;
  font-weight: 600;
  text-indent: 0;
  margin-bottom: 1.29167em;
  margin-left: 0;
  padding-left: 1em;
  border-left: 0.25em solid #009EEF; }
  blockquote::before,
  .quote::before {
    content: "\201C"; }
  blockquote::after,
  .quote::after {
    content: "\201D"; }

p {
  margin: 0 0 1.55em 0;
  line-height: 1.55; }

.byline {
  margin-bottom: 1em;
  font-style: italic;
  color: #595959; }

.lede {
  margin-top: 0;
  font-size: 1em;
  font-weight: 600; }

.main-heading {
  font-size: 1.5em; }
  .main-heading--underlined {
    margin-bottom: 1.55em;
    padding-bottom: .25em;
    border-bottom: 1px solid #BBC9D7; }

.heading {
  font-weight: 600;
  font-size: 1.2em; }
  .heading--main {
    font-size: 2em;
    line-height: 1.25; }
  .heading--padded {
    margin-bottom: .5em; }
    @media only screen and (min-width: 45em) {
      .heading--padded {
        margin-bottom: 1em; } }
  .heading--ruled {
    padding-bottom: .25em;
    border-bottom: 1px solid #BBC9D7; }
  .heading--light {
    font-weight: 300; }
  .heading--tab {
    margin-bottom: 1em;
    font-size: 1em;
    border-bottom: 1px solid #BBC9D7; }
    .heading--tab > span {
      display: inline-block;
      padding: .5em 1em;
      font-weight: 300;
      background-color: #EFF3F7;
      border: solid #BBC9D7;
      border-width: 1px 1px 0 1px;
      border-radius: 2px 2px 0 0; }

.text-list {
  padding-left: 0;
  margin: 1.55em 0;
  list-style-type: none; }
  .text-list .text-list {
    margin: 0;
    padding-top: .25em;
    padding-left: 1em; }
  .text-list li {
    padding: 0 0 .25em 0; }
    .text-list li::before {
      color: #BBC9D7;
      display: inline-block;
      margin-right: .5em; }

ul.text-list li::before {
  content: '\2022'; }

ol.text-list {
  counter-reset: ol; }
  ol.text-list li::before {
    counter-increment: ol;
    content: counters(ol, ".") " "; }

.table-wrap {
  overflow: hidden;
  margin: 0 0 1.55em;
  border: 1px solid #BBC9D7;
  border-radius: 2px;
  max-width: 100%;
  font-size: smaller; }
  @media only screen and (min-width: 600px) {
    .table-wrap {
      font-size: inherit; } }

table,
.table {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0 none; }

th,
td {
  padding: .5em 1em;
  text-align: left;
  border: 0 none; }

th {
  font-weight: 600; }

.table--alt tr:last-child {
  border-bottom: 0 none; }

.table--alt tr:nth-child(odd) {
  background-color: #EFF3F7; }

.tr--alt {
  background-color: #EFF3F7; }
  .tr--alt:last-child {
    border-bottom: 0 none; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #BBC9D7; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #BBC9D7; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #BBC9D7; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #BBC9D7; }

.form {
  margin-bottom: 1.55em; }

.form__actions {
  padding: 1.55em 0;
  border-top: 1px solid #BBC9D7; }
  .form__actions:after {
    content: "";
    display: table;
    clear: both; }
  .form__actions .button {
    width: 100%;
    margin-bottom: 1.55em; }
  @media only screen and (min-width: 45em) {
    .form__actions__confirmation {
      float: left;
      max-width: 75%; }
    .form__actions .button {
      max-width: 25%;
      float: right;
      width: auto; } }

.form--inline__action > .button {
  width: 100%;
  margin-bottom: 1em; }

.fieldset--chkbox {
  margin-bottom: 1.55em; }
  @media only screen and (min-width: 45em) {
    .fieldset--chkbox {
      display: flex;
      flex-wrap: wrap; } }

.nano-form {
  position: relative;
  display: flex;
  flex-flow: row wrap; }
  .nano-form > label {
    display: block;
    flex: 3 100%; }
  .nano-form > .input,
  .nano-form > .select-wrap,
  .nano-form > .textarea {
    display: inline-block;
    flex: 3;
    border-radius: 2px 0 0 2px;
    border-right-width: 0; }
    .no-flexbox.no-flexboxlegacy .nano-form > .input, .no-flexbox.no-flexboxlegacy
    .nano-form > .select-wrap, .no-flexbox.no-flexboxlegacy
    .nano-form > .textarea {
      width: 65%; }
  .nano-form > .button {
    flex: 1.5;
    max-width: 30%;
    border-color: #004390;
    border-radius: 0 2px 2px 0;
    padding-right: 1.5em; }
    .nano-form > .button::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 0.5em;
      height: 0.5em;
      transition: all 0.3s ease-out;
      background-color: transparent;
      border: solid #004390;
      margin-top: -0.25em;
      transform: rotate(45deg);
      border-width: 2px 2px 0 0;
      right: 0.75em; }
    .nano-form > .button:hover::after, .nano-form > .button:focus::after, .nano-form > .button.active::after {
      border-color: #009EEF;
      transform: translateX(0.125em) rotate(45deg); }
  .nano-form > .parsley-errors-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0; }
  .site-footer .nano-form > .button {
    border-color: #ffffff; }
  @media only screen and (min-width: 45em) {
    .sidebar .nano-form > label {
      flex: 1 100%; }
    .sidebar .nano-form > .input,
    .sidebar .nano-form > .select-wrap,
    .sidebar .nano-form > .textarea {
      flex: 1 100%;
      margin-bottom: 0.5em;
      border-radius: 2px;
      border-right-width: 1px; }
    .sidebar .nano-form > .button {
      flex: 1 100%;
      max-width: 100%;
      border-radius: 2px; } }

.form__list {
  padding: 0 0 1em;
  margin: 0;
  list-style-type: none; }
  .form__list--chkbox {
    padding: 1em;
    border-radius: 2px;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (min-width: 45em) {
      .form__list--chkbox {
        flex-basis: 75%; } }
    @media only screen and (min-width: 65em) {
      .form__list--chkbox {
        flex-basis: 60%; } }
  .form__list--inline {
    padding-bottom: 0; }

.field {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
  overflow: visible; }
  .field:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (min-width: 45em) {
    .field {
      flex-direction: row;
      flex-wrap: wrap; } }
  .field--sml {
    margin-bottom: 1.55em;
    flex-basis: 100%; }
    @media only screen and (min-width: 45em) {
      .field--sml {
        flex-basis: 50%;
        padding-right: 1em; } }
  .field--stacked {
    display: block; }
  @media only screen and (min-width: 45em) {
    .field--no-label {
      padding-left: 25%; } }

.form__other-field {
  flex: 1 100%;
  width: 100%;
  margin-top: 1em; }

.label {
  display: block;
  margin-bottom: 0.5em;
  color: #595959;
  font-size: 1em;
  font-weight: normal;
  text-align: left; }
  @media only screen and (min-width: 45em) {
    .label {
      flex: 0 25%; } }
  .label--required::after {
    content: "\002a"; }

.label--inline {
  display: inline-block;
  white-space: nowrap;
  margin-right: 1em;
  vertical-align: middle; }
  .label--inline + .input,
  .label--inline + .select-wrap,
  .label--inline + .textarea {
    display: inline-block;
    vertical-align: middle; }

.label-hidden {
  display: none; }

.no-placeholder .label-hidden {
  display: block; }

.input,
.textarea,
.select-wrap {
  width: 100%;
  background-color: #ffffff;
  box-shadow: none;
  border: 1px solid #3369A6;
  border-radius: 2px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  padding: 0.8em 1em;
  font-size: 16px;
  font-weight: normal;
  transition: all 300ms ease-in-out; }
  @media only screen and (min-width: 45em) {
    .input,
    .textarea,
    .select-wrap {
      font-size: 1em;
      flex-basis: 75%; } }
  @media only screen and (min-width: 65em) {
    .input,
    .textarea,
    .select-wrap {
      flex-basis: 60%; } }
  .site-footer .input, .site-footer
  .textarea, .site-footer
  .select-wrap {
    color: #ffffff;
    background-color: transparent; }
  .input.parsley-error:focus, .input.parsley-error,
  .textarea.parsley-error:focus,
  .textarea.parsley-error,
  .select-wrap.parsley-error:focus,
  .select-wrap.parsley-error {
    box-shadow: inset 0 0 0 1px #e64141;
    border-color: #e64141; }
  .input:hover, .input:focus,
  .textarea:hover,
  .textarea:focus,
  .select-wrap:hover,
  .select-wrap:focus {
    outline: none;
    border-color: #009EEF; }

.input:focus,
.textarea:focus,
.select:focus {
  outline: none; }

.label--chkbox {
  position: relative;
  display: block;
  line-height: 1;
  padding-left: 1.75em;
  padding-top: .125em;
  cursor: pointer;
  transition: all .3s ease;
  flex-basis: 80%; }
  .label--chkbox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    width: 1.25em;
    height: 1.25em;
    border: 1px solid #BBC9D7;
    border-radius: 2px;
    transition: all 0.2s ease; }
  .label--chkbox::after {
    content: "";
    position: absolute;
    top: .325em;
    left: .35em;
    width: .6em;
    height: .6em;
    background-color: #009EEF;
    opacity: 0;
    transform: scale(0);
    transition: all 0.2s ease; }
    .chkbox:checked + .label--chkbox::after {
      opacity: 1;
      transform: scale(1);
      transition: all 0.2s cubic-bezier(0.52, -0.33, 0.48, 1.39); }
  .chkbox:focus + .label--chkbox::before, .label--chkbox:hover::before {
    border-color: #009EEF; }
  .chkbox[disabled] + .label--chkbox {
    opacity: 0.3; }

.select-wrap {
  padding-right: 1.8em;
  padding: 0;
  position: relative;
  border: 0 none;
  box-shadow: 0 0 transparent;
  /*&::after {
    top: 1.5em;
  }*/ }
  .select-wrap::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0.6em;
    height: 0.6em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #004390;
    margin-top: -0.3em;
    transform: rotate(45deg);
    border-width: 0 2px 2px 0;
    transform: translateY(-0.15em) rotate(45deg);
    right: 0.9em; }
  .select-wrap:hover::after, .select-wrap:focus::after, .select-wrap.active::after {
    border-color: #009EEF; }
  .lt-ie9 .select-wrap:before, .lt-ie9 .select-wrap::after,
  .ie9 .select-wrap:before,
  .ie9 .select-wrap::after {
    display: none; }
  .select-wrap.is-placeholder {
    color: #BBC9D7; }

.select {
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #004390;
  outline: medium none;
  width: 100%;
  padding: 1em 2em 1.3em 1em;
  margin: 0;
  border-radius: 2px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  -webkit-appearance: none; }
  .select:focus, .select:hover {
    outline: none;
    border-color: #009EEF;
    color: #009EEF; }

/* ------------------------------------  */
/* START OF UGLY BROWSER-SPECIFIC HACKS */
/* ----------------------------------  */
/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
x:-o-prefocus,
.select-wrap::after {
  display: none; }

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .select-wrap .select::-ms-expand {
    display: none; }
  .select-wrap .select:focus::-ms-value {
    background: transparent; } }

/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() {
  .select-wrap {
    overflow: hidden;
    border-right: 1px solid #004390; }
  .select-wrap .select {
    width: 120%;
    width: -moz-calc(100% + 3em);
    width: calc(100% + em); } }

/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.select-wrap .select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

/* ------------------------------------  */
/*  END OF UGLY BROWSER-SPECIFIC HACKS  */
/* ------------------------------------  */
.textarea {
  resize: vertical; }

.radio {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 1em; }
  .radio label {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 0.5em; }

#itsatrap {
  display: none !important; }

label[for=itsatrap] {
  display: none !important; }

.list-errors,
.parsley-errors-list {
  display: block;
  list-style-type: none;
  color: #e64141;
  font-size: 0.8em;
  text-align: right;
  padding: 0;
  margin: 0; }
  @media only screen and (min-width: 45em) {
    .list-errors,
    .parsley-errors-list {
      flex-basis: 100%; } }
  @media only screen and (min-width: 65em) {
    .list-errors,
    .parsley-errors-list {
      flex-basis: 85%; } }
  input[type=checkbox] ~ .list-errors, input[type=checkbox] ~
  .parsley-errors-list {
    text-align: left; }

.parsley-error {
  border: 1px solid #e64141;
  background-color: #fef5f5; }
  .parsley-error.field {
    border: 0 none;
    background-color: transparent; }

.chkbox-group__row.parsley-error {
  border: 0;
  background-color: white; }

.error {
  padding: 0.2em 0;
  margin: 0;
  color: #e64141;
  font-size: 0.9em; }

.icon--inline {
  display: inline-block;
  vertical-align: middle; }
  .icon--inline--l {
    margin-right: .5em; }
  .icon--inline--r {
    margin-left: .5em; }

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden, .chkbox {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .focusable.chkbox:active,
.visuallyhidden.focusable:focus,
.focusable.chkbox:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

@media only screen and (min-width: 45em) {
  img.alignright {
    float: right;
    margin-left: 1em;
    max-width: 40%; } }

@media only screen and (min-width: 45em) {
  img.alignleft {
    float: left;
    margin-right: 1em;
    max-width: 40%; } }

.plain-list {
  list-style-type: none;
  padding-left: 0; }
  .plain-list.general_list {
    width: 75%; }

.padded-bottom {
  padding-bottom: 1.55em; }

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

html,
button,
input,
select,
textarea {
  color: #222; }

html {
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased; }

::-moz-selection {
  background: #3369A6;
  color: #ffffff;
  text-shadow: none; }

::selection {
  background: #3369A6;
  color: #ffffff;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #BBC9D7;
  margin: 1em 0;
  padding: 0; }

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto; }

main {
  display: block; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

a {
  color: #004390;
  text-decoration: none;
  transition: color .1s ease-in-out; }
  a:hover, a:focus {
    color: #009EEF;
    text-decoration: underline;
    outline: none; }

nav ul,
nav ol {
  padding: 0;
  margin: 0; }

figure {
  margin: 0 0 1em; }
  figure img {
    display: block;
    width: 100%; }

figcaption {
  margin-top: .5em;
  padding-bottom: .5em;
  color: #BBC9D7;
  border-bottom: 1px solid #BBC9D7;
  font-style: italic; }

dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0; }
  dl:after {
    content: "";
    display: table;
    clear: both; }

dt,
dd {
  flex: 1 50%;
  padding: .25em 0 0 0;
  margin: 0; }

@media only screen and (min-width: 45em) {
  dt {
    flex: 1 33%; } }

@media only screen and (min-width: 45em) {
  dd {
    padding-left: 1em;
    flex: 2 67%; } }

svg path {
  fill: inherit; }

.glyphicon-none:before {
  content: "\e094";
  color: transparent !important; }

.body-content > .container > .centered-content {
  max-width: 75em; }
  .body-content > .container > .centered-content .no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0; }

body {
  font-family: canada-type-gibson, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #222f39;
  line-height: 1.55; }
  body .body-content .container {
    margin: 0; }
    @media only screen and (min-width: 600px) {
      body .body-content .container {
        margin: auto; } }
  @media only screen and (min-width: 1040px) {
    body .container {
      width: 1040px; } }
  @media only screen and (min-width: 1280px) {
    body .container {
      width: 1280px; } }

.section {
  padding: 2em 0; }
  .section:after {
    content: "";
    display: table;
    clear: both; }
  .section--alt {
    background-color: #EFF3F7; }
  .section--supporting {
    padding-bottom: 5em; }
  .section + .section {
    border-top: 1px solid #BBC9D7; }

.site-body {
  min-height: 491px; }

header,
footer {
  background: #004390;
  padding: 0; }

.header-content {
  margin: 0 auto;
  /*max-width: 75em;*/ }
  .header-content .container {
    max-width: 100%;
    padding: 0; }
    .header-content .container .row {
      margin: 0; }
  .header-content .brand {
    margin: 0;
    width: 205px;
    height: 96px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left 18px; }
  .header-content .top-social-container {
    visibility: hidden;
    text-align: right; }
    .header-content .top-social-container .top-social {
      background-color: #3369a6;
      color: white;
      float: right;
      padding: 10px; }

section + section {
  border-top: 1px solid #bbc9d7; }

::selection {
  background: #3369a6;
  color: #fff;
  text-shadow: none; }

.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #fff; }

.car {
  background-color: #3a8acf;
  border-color: #3a8acf; }

.vans, .category-theme-amethyst-purple {
  background-color: #715e9b;
  border-color: #715e9b; }

.plant-machinery {
  background-color: #006783;
  border-color: #006783; }

.online-auctions {
  background-color: #7ea641;
  border-color: #7ea641; }

.land-property {
  background-color: #349981;
  border-color: #349981; }

.liquidations-disposals {
  background-color: #f08946;
  border-color: #f08946; }

.government-auctions {
  background-color: #ff2800;
  border-color: #ff2800; }

.private-treaty {
  background-color: #828e84;
  border-color: #828e84; }

.offsite-auctions {
  background-color: #daa520;
  border-color: #daa520; }

/*Change below to sale types iframe used*/
/*.salmon {
    background-color: #fa8072;
    border-color: #fa8072;
}*/
/*.tan {
    background-color: #d2b48c;
    border-color: #d2b48c;
}*/
/*.saddle-brown {
    background-color: #8b4513;
    border-color: #8b4513;
}*/
/*.dark-orange {
    background-color: #ff8c00;
    border-color: #ff8c00;
}*/
.back-button {
  color: #004390;
  font-size: 1.1em;
  margin-bottom: 15px;
  text-decoration: none; }
  .back-button a {
    color: #004390; }
    .back-button a:hover {
      color: #3a8acf;
      cursor: pointer;
      text-decoration: underline; }
    .back-button a:visited {
      color: #004390; }

.slideshow-placeholder {
  background-color: #373737;
  border: 1px solid #333;
  display: block;
  margin-bottom: 20px;
  padding: 3px 0 1px 0;
  text-align: center; }
  .slideshow-placeholder img {
    max-width: 100%; }

.framed-image {
  background-color: white;
  -webkit-box-shadow: 0 0 6px 2px #a8a8a8;
  -moz-box-shadow: 0 0 6px 2px #a8a8a8;
  box-shadow: 0 0 6px 2px #a8a8a8;
  padding: 3px; }

button,
input[type=submit] {
  outline: none; }

.button {
  display: inline-block;
  position: relative;
  padding: 1em 1.1em;
  text-align: left;
  color: #004390;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 2px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  transition: all .3s ease-in; }
  .button:hover, .button:focus {
    text-decoration: none;
    transition: all .1s ease-out; }
  .button--primary, .button--secondary {
    padding-right: 56px; }
  .button--primary {
    color: #ffffff;
    font-weight: 600;
    background-color: #76C044;
    border-color: #378C42;
    padding-right: 1.8em; }
    .button--primary::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 0.6em;
      height: 0.6em;
      transition: all 0.3s ease-out;
      background-color: transparent;
      border: solid #ffffff;
      margin-top: -0.3em;
      transform: rotate(45deg);
      border-width: 0.125em 0.125em 0 0;
      right: 0.9em; }
    .button--primary:hover::after, .button--primary:focus::after, .button--primary.active::after {
      border-color: #ffffff;
      transform: translateX(0.15em) rotate(45deg); }
    .button--primary:hover, .button--primary:focus {
      color: #ffffff;
      background-color: #689940; }
  .button--secondary {
    border-color: #004390;
    padding-right: 1.8em; }
    .button--secondary::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 0.6em;
      height: 0.6em;
      transition: all 0.3s ease-out;
      background-color: transparent;
      border: solid #004390;
      margin-top: -0.3em;
      transform: rotate(45deg);
      border-width: 0.125em 0.125em 0 0;
      right: 0.9em; }
    .button--secondary:hover::after, .button--secondary:focus::after, .button--secondary.active::after {
      border-color: #009EEF;
      transform: translateX(0.15em) rotate(45deg); }
    .button--secondary:hover, .button--secondary:focus {
      color: #009EEF;
      border-color: #009EEF; }
  .button--fav {
    padding-left: 56px;
    border: 1px solid #BBC9D7; }
    .button--fav:focus, .button--fav:hover {
      border-color: #009EEF;
      color: #009EEF; }
    .button--fav > svg {
      position: absolute;
      left: .5em;
      overflow: auto;
      width: 2em;
      padding: 0 .25em; }
      .lt-ie9 .button--fav > svg, .ie9 .button--fav > svg {
        height: 2em; }
    .button--fav .fill-1 {
      transform-origin: center center;
      fill: #BBC9D7;
      stroke: #C5A100;
      stroke-dasharray: 300;
      stroke-dashoffset: -300;
      transition: stroke-dashoffset .2s ease-in-out; }
    .button--fav .fill-2 {
      transform: scale(0);
      transform-origin: center center;
      fill: #FECD28;
      transition: transform 0.2s ease-out; }
    .button--fav.faved .fill-1 {
      stroke-dashoffset: 0; }
    .button--fav.faved .fill-2 {
      transform: scale(1);
      transition: transform 0.3s cubic-bezier(0.64, -0.49, 0.62, 2.34); }
  .button--center {
    margin: 0 auto;
    display: block;
    max-width: 15em; }
  .button--full {
    width: 100%;
    margin-bottom: 1.55em; }
  .button--icon {
    display: table;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin-bottom: .5em;
    font-size: 16px; }
    @media only screen and (min-width: 65em) {
      .button--icon {
        margin-bottom: 0; } }
    .button--icon::before, .button--icon::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 1.75em;
      right: auto;
      width: 10px;
      height: 2px;
      background-color: #ffffff;
      transform: translateY(100px) translateX(0) rotate(45deg);
      transition: transform .2s ease-out; }
    .button--icon::after {
      transform: translateY(100px) translateX(0) rotate(-45deg); }
    .button--icon:hover::before, .button--icon:focus::before {
      transform: translateY(-4px) rotate(45deg); }
    .button--icon:hover::after, .button--icon:focus::after {
      transform: translateY(2px) rotate(-45deg); }
    .lt-ie9 .button--icon .icon-wrap,
    .ie9 .button--icon .icon-wrap, .lt-ie9
    .button--icon .button--icon__txt,
    .ie9
    .button--icon .button--icon__txt {
      display: table-cell;
      vertical-align: middle; }
    .button--icon .button--icon__txt {
      display: flex;
      align-items: center;
      padding: 8px 14px;
      color: #fff; }
    .button--icon .icon-wrap {
      display: flex;
      align-items: center;
      flex: 0 4em;
      padding: .5em;
      width: 4em;
      max-width: 4em;
      min-width: 4em; }
    .button--icon img {
      display: block;
      width: 100%;
      fill: #ffffff;
      transition: transform .2s ease-out; }
      .ie9 .button--icon img {
        width: 3em;
        height: 3em; }
    .button--icon:hover, .button--icon:focus {
      color: #ffffff; }
      .button--icon:hover img, .button--icon:focus img {
        transform: translateY(-100px); }
      .button--icon:hover::before, .button--icon:hover::after, .button--icon:focus::before, .button--icon:focus::after {
        background-color: #ffffff; }
  .button--link {
    border: 0 none;
    background-color: transparent;
    padding: 0;
    color: #004390;
    box-shadow: 0 0 0 transparent; }
    .button--link:hover, .button--link:focus {
      color: #009EEF; }

.button--theme-car {
  color: #ffffff;
  background-color: #3A8ACF;
  border-color: #1B417E; }
  .button--theme-car > .icon-wrap {
    background-color: #4777AF; }
  .button--theme-car:hover, .button--theme-car:focus {
    background-color: #1B417E; }

.button--theme-van {
  color: #ffffff;
  background-color: #715E9B;
  border-color: #594878; }
  .button--theme-van > .icon-wrap {
    background-color: #66548B; }
  .button--theme-van:hover, .button--theme-van:focus {
    background-color: #594878; }

.button--theme-tender {
  color: #ffffff;
  background-color: #7EA641;
  border-color: #5C7B2F; }
  .button--theme-tender > .icon-wrap {
    background-color: #6D9138; }
  .button--theme-tender:hover, .button--theme-tender:focus {
    background-color: #5C7B2F; }

.button--theme-plant {
  color: #ffffff;
  background-color: #006783;
  border-color: #03485C; }
  .button--theme-plant > .icon-wrap {
    background-color: #065A73; }
  .button--theme-plant:hover, .button--theme-plant:focus {
    background-color: #03485C; }

.button--theme-property {
  color: #ffffff;
  background-color: #349981;
  border-color: #29705D; }
  .button--theme-property > .icon-wrap {
    background-color: #2E846E; }
  .button--theme-property:hover, .button--theme-property:focus {
    background-color: #29705D; }

.button--theme-liquidation {
  color: #ffffff;
  background-color: #F08A46;
  border-color: #AC6632; }
  .button--theme-liquidation > .icon-wrap {
    background-color: #CC773C; }
  .button--theme-liquidation:hover, .button--theme-liquidation:focus {
    background-color: #AC6632; }

.back-link {
  position: relative;
  display: block;
  margin-bottom: 1em;
  font-size: 18px;
  padding-left: 0.75em; }
  .back-link::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0.25em;
    height: 0.25em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #004390;
    margin-top: -0.125em;
    transform: rotate(45deg);
    border-width: 0 0 1px 1px;
    left: 0.375em; }
  .back-link:hover::after, .back-link:focus::after, .back-link.active::after {
    border-color: #009EEF;
    transform: translateX(-0.0625em) rotate(45deg); }
  @media only screen and (min-width: 45em) {
    .back-link--fixed {
      position: absolute;
      top: 0;
      left: 2em; } }

footer {
  padding: 30px 0;
  color: #668ebc;
  background-color: #004390;
  font-size: 18px; }
  footer #logoFooter {
    margin-bottom: 1em; }
    footer #logoFooter object {
      width: 72px;
      height: 72px; }
    footer #logoFooter #logotype {
      display: none; }
  footer #newsletterSubscribe {
    zoom: 1;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    padding-top: 1em; }
    @media only screen and (min-width: 900px) {
      footer #newsletterSubscribe {
        padding-left: 2.4em;
        padding-top: 0; } }
  footer #socialMediaFooter {
    zoom: 1;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
    @media only screen and (min-width: 900px) {
      footer #socialMediaFooter {
        padding-left: 4em; } }
  footer .label {
    display: block;
    margin-bottom: .5em;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    padding-left: 0; }
  footer .copyright {
    font-size: 14px; }
    footer .copyright a {
      color: #FFF;
      line-height: 1.8; }
      footer .copyright a:hover, footer .copyright a:focus {
        text-decoration: underline;
        color: #ffffff; }

.share-nav--header {
  text-align: left; }
  @media only screen and (min-width: 900px) {
    .share-nav--header {
      text-align: right; } }
  @media only screen and (min-width: 65em) {
    .share-nav--header {
      display: table-header-group; } }

.share-nav--footer {
  text-align: left;
  background-color: transparent; }
  .share-nav--footer:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (min-width: 65em) {
    .share-nav--footer {
      float: right; } }

.share-nav__items {
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 45em) {
    .share-nav__items {
      font-size: 1em; } }
  .share-nav__items .share__item {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    font-size: 0.9em; }
    .share-nav__items .share__item:first-child {
      margin-left: 0; }
  .share-nav__items--header {
    padding: 13px 0 13px 10px;
    background-color: #3369A6; }
    @media only screen and (min-width: 65em) {
      .share-nav__items--header {
        float: right;
        padding: 10px 0.8em;
        text-align: left;
        border-radius: 0 0 2px 2px; } }
    .share-nav__items--header .share__item:first-child {
      margin-right: 5px; }
      @media only screen and (min-width: 65em) {
        .share-nav__items--header .share__item:first-child {
          margin-right: 10px; } }
  .share-nav__items--footer {
    margin-bottom: 1em;
    padding: 0;
    float: none;
    background-color: transparent; }
  .share-nav__items .share__item--livebid {
    float: left;
    margin-top: 4px;
    font-family: canada-type-gibson;
    font-size: 16px;
    color: #4E8EBE; }
    @media only screen and (min-width: 65em) {
      .share-nav__items .share__item--livebid {
        float: none; } }
    .share-nav__items .share__item--livebid #liveBid-push {
      margin-top: -10px;
      width: 25px; }
      @media only screen and (min-width: 65em) {
        .share-nav__items .share__item--livebid #liveBid-push {
          margin-top: -5px;
          width: 35px;
          margin-right: 3px; } }
    .share-nav__items .share__item--livebid .liveBid-link {
      color: #fff; }
  .share-nav__items .share__icon {
    display: block;
    width: 2.5em;
    height: 2.5em;
    margin-right: 0.1em;
    background-position: center; }
    .share-nav__items .share__icon svg {
      display: block;
      width: 100%;
      padding: 5px;
      border-radius: 50%;
      border: 2px solid;
      transition: all .2s ease-in; }
    .share-nav__items .share__icon .icon {
      fill: #004390;
      border-color: #004390; }
    .share-nav__items .share__icon:hover, .share-nav__items .share__icon:focus {
      outline: none; }
      .share-nav__items .share__icon:hover .icon, .share-nav__items .share__icon:focus .icon {
        fill: #ffffff;
        background-color: #004390; }
    .share-nav__items .share__icon--header {
      width: 1.96em;
      height: 1.96em; }
      @media only screen and (min-width: 600px) {
        .share-nav__items .share__icon--header {
          width: 2.5em;
          height: 2.5em; } }
      .share-nav__items .share__icon--header .icon {
        border-width: 1px;
        border-color: #ffffff;
        fill: #ffffff; }
    .share-nav__items .share__icon--footer .icon {
      border-color: #3369A6;
      border-width: 2px;
      fill: #ffffff; }
    .share-nav__items .share__icon--footer:hover .icon, .share-nav__items .share__icon--footer:focus .icon {
      outline: none;
      background-color: #3369A6;
      border-color: #ffffff; }

.livebid-btn {
  display: block;
  width: 100px;
  padding: 5px;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.25);
  transition: transform .1s ease-in, box-shadow .1s ease-in; }
  .livebid-btn:hover, .livebid-btn:focus {
    transform: translateY(1px);
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.25); }
  .livebid-btn:active {
    transform: translateY(2px);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); }
  .livebid-btn svg {
    display: block; }
    .lt-ie9 .livebid-btn svg, .ie9 .livebid-btn svg {
      max-height: 2em; }

.white {
  fill: #fff; }

.auction-categories {
  background-color: #eff3f7;
  font-family: canada-type-gibson, Helvetica, Arial, sans-serif;
  padding: 2em 0;
  text-align: center;
  font-size: 14px; }
  @media only screen and (min-width: 600px) {
    .auction-categories .container {
      margin: 0 10px; } }
  @media only screen and (min-width: 900px) {
    .auction-categories .container {
      width: auto; } }
  @media only screen and (min-width: 1040px) {
    .auction-categories .container {
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      margin: 0 auto;
      max-width: 1280px; } }
  .auction-categories .container ul {
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    padding: 0; }
    @media only screen and (min-width: 1040px) {
      .auction-categories .container ul {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
  .auction-categories .container .button {
    background-color: inherit;
    border: none; }
  .auction-categories .container .category-theme-royal-blue {
    /*border-color: #1b417e;*/
    background-color: #3a8acf; }
    .auction-categories .container .category-theme-royal-blue:hover {
      background-color: #1b417e;
      cursor: pointer; }
    .auction-categories .container .category-theme-royal-blue .icon-wrap {
      background-color: #4777af; }
  .auction-categories .container .category-theme-amethyst-purple {
    /*border-color: #594878;*/
    background-color: #715e9b; }
    .auction-categories .container .category-theme-amethyst-purple:hover {
      background-color: #594878;
      cursor: pointer; }
    .auction-categories .container .category-theme-amethyst-purple .icon-wrap {
      background-color: #66548b; }
  .auction-categories .container .category-theme-apple-green {
    /*border-color: #5c7b2f;*/
    background-color: #7ea641; }
    .auction-categories .container .category-theme-apple-green:hover {
      background-color: #5c7b2f;
      cursor: pointer; }
    .auction-categories .container .category-theme-apple-green .icon-wrap {
      background-color: #6d9138; }
  .auction-categories .container .category-theme-cerulean-blue {
    /*border-color: #03485c;*/
    background-color: #006783; }
    .auction-categories .container .category-theme-cerulean-blue:hover {
      background-color: #03485c;
      cursor: pointer; }
    .auction-categories .container .category-theme-cerulean-blue .icon-wrap {
      background-color: #065a73; }
  .auction-categories .container .category-theme-teal-green {
    /*border-color: #29705d;*/
    background-color: #349981; }
    .auction-categories .container .category-theme-teal-green:hover {
      background-color: #29705d;
      cursor: pointer; }
    .auction-categories .container .category-theme-teal-green .icon-wrap {
      background-color: #2e846e; }
  .auction-categories .container .category-theme-pumpkin-orange {
    /*border-color: #ac6632;*/
    background-color: #f08a46; }
    .auction-categories .container .category-theme-pumpkin-orange:hover {
      background-color: #ac6632;
      cursor: pointer; }
    .auction-categories .container .category-theme-pumpkin-orange .icon-wrap {
      background-color: #cc773c; }
  .auction-categories .container .category-theme-ferrari-red {
    /*border-color: #8B0000;*/
    background-color: #ff2800; }
    .auction-categories .container .category-theme-ferrari-red:hover {
      background-color: #b22222;
      cursor: pointer; }
    .auction-categories .container .category-theme-ferrari-red .icon-wrap {
      background-color: #C23B22; }
  .auction-categories .container .category-theme-dolphin-grey {
    /*border-color: #2F4F4F;*/
    background-color: #828e84; }
    .auction-categories .container .category-theme-dolphin-grey:hover {
      background-color: #696969;
      cursor: pointer; }
    .auction-categories .container .category-theme-dolphin-grey .icon-wrap {
      background-color: #555D50; }
  .auction-categories .container .category-theme-golden-rod {
    /*border-color: #2F4F4F;*/
    background-color: #daa520; }
    .auction-categories .container .category-theme-golden-rod:hover {
      background-color: #916a08;
      cursor: pointer; }
    .auction-categories .container .category-theme-golden-rod .icon-wrap {
      background-color: #b8860b; }
  .auction-categories .container .category-theme-salmon {
    /*border-color: #2F4F4F;*/
    background-color: #fa8072; }
    .auction-categories .container .category-theme-salmon:hover {
      background-color: #f84d3a;
      cursor: pointer; }
    .auction-categories .container .category-theme-salmon .icon-wrap {
      background-color: #f96353; }
  .auction-categories .container .category-theme-tan {
    /*border-color: #2F4F4F;*/
    background-color: #d2b48c; }
    .auction-categories .container .category-theme-tan:hover {
      background-color: #b88747;
      cursor: pointer; }
    .auction-categories .container .category-theme-tan .icon-wrap {
      background-color: #bf9359; }
  .auction-categories .container .category-theme-saddle-brown {
    /*border-color: #2F4F4F;*/
    background-color: #8b4513; }
    .auction-categories .container .category-theme-saddle-brown:hover {
      background-color: #432109;
      cursor: pointer; }
    .auction-categories .container .category-theme-saddle-brown .icon-wrap {
      background-color: #5a2d0c; }
  .auction-categories .container .category-theme-dark-orange {
    /*border-color: #2F4F4F;*/
    background-color: #ff8c00; }
    .auction-categories .container .category-theme-dark-orange:hover {
      background-color: #9b7617;
      cursor: pointer; }
    .auction-categories .container .category-theme-dark-orange .icon-wrap {
      background-color: #6f5411; }

.auction-category {
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  flex-basis: 100%;
  font-size: 1.15em;
  margin: 5px 5px;
  text-align: left;
  /*&.category-theme-royal-blue {
        border-color: #1b417e;
        background-color: #3a8acf;

        &:hover {
            background-color: #1b417e;
            cursor: pointer;
        }

        .auction-category-icon {
            background-color: #4777af;
        }
    }

    &.category-theme-amethyst-purple {
        border-color: #594878;
        background-color: #715e9b;

        &:hover {
            background-color: #594878;
            cursor: pointer;
        }

        .auction-category-icon {
            background-color: #66548b;
        }
    }

    &.category-theme-apple-green {
        border-color: #5c7b2f;
        background-color: #7ea641;

        &:hover {
            background-color: #5c7b2f;
            cursor: pointer;
        }

        .auction-category-icon {
            background-color: #6d9138;
        }
    }

    &.category-theme-cerulean-blue {
        border-color: #03485c;
        background-color: #006783;

        &:hover {
            background-color: #03485c;
            cursor: pointer;
        }

        .auction-category-icon {
            background-color: #065a73;
        }
    }

    &.category-theme-teal-green {
        border-color: #29705d;
        background-color: #349981;

        &:hover {
            background-color: #29705d;
            cursor: pointer;
        }

        .auction-category-icon {
            background-color: #2e846e;
        }
    }

    &.category-theme-pumpkin-orange {
        border-color: #ac6632;
        background-color: #f08a46;

        &:hover {
            background-color: #ac6632;
            cursor: pointer;
        }

        .auction-category-icon {
            background-color: #cc773c;
        }
    }


    &.category-theme-ferrari-red {
        border-color: #8B0000;
        background-color: #ff2800;

        &:hover {
            background-color: #b22222;
            cursor: pointer;
        }

        .auction-category-icon {
            background-color: #C23B22;
        }
    }

    &.category-theme-dolphin-grey {
        border-color: #2F4F4F;
        background-color: #828e84;

        &:hover {
            background-color: #696969;
            cursor: pointer;
        }

        .auction-category-icon {
            background-color: #555D50;
        }
    }*/ }
  @media only screen and (min-width: 768px) {
    .auction-category {
      flex-basis: 48%;
      margin: 5px 5px; } }
  @media only screen and (min-width: 1040px) {
    .auction-category {
      flex-basis: 25%;
      margin: 0 5px; } }
  .auction-category a {
    align-items: stretch;
    color: white;
    display: flex;
    vertical-align: middle; }
    .auction-category a .auction-category-icon {
      align-items: center;
      display: flex;
      padding: 8px;
      text-align: center; }
      .auction-category a .auction-category-icon img {
        height: 50px;
        width: 50px; }
    .auction-category a .auction-category-name {
      align-items: center;
      display: flex;
      padding: 8px 14px;
      text-align: left; }
      .auction-category a .auction-category-name span {
        display: inline-block;
        vertical-align: middle; }
    .auction-category a:hover {
      color: white;
      text-decoration: none; }

#auction-detail {
  font-family: canada-type-gibson, Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  margin-top: 10px; }
  #auction-detail .back-button .glyphicon {
    font-size: 0.8em; }
  #auction-detail header {
    background-color: #fff; }
  #auction-detail #page-header {
    border-width: 0 0 0 10px;
    border-style: solid;
    background-color: #fff;
    /*border-color: $sky-blue;*/
    font-size: 2.5em;
    margin-bottom: 30px;
    padding-left: 30px; }
    #auction-detail #page-header .title {
      font-weight: 600;
      padding: 3px 0; }
    #auction-detail #page-header .time {
      font-weight: 300;
      padding: 3px 0; }
  #auction-detail #article #article-header {
    margin-bottom: 30px; }
  #auction-detail #article #article-tabs ul {
    display: flex;
    list-style: none;
    margin: 10px 0 20px 0;
    padding-left: 0; }
    #auction-detail #article #article-tabs ul li {
      background-color: #3a8acf;
      border-color: #3171a8;
      border-bottom-color: #004390;
      border-style: solid;
      border-top-right-radius: 20px;
      border-width: 3px;
      box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.15);
      display: inline-block;
      flex-grow: 1;
      font-size: 1.4em;
      margin-right: -8px; }
      #auction-detail #article #article-tabs ul li a {
        color: white;
        display: block;
        padding: 15px;
        text-decoration: none; }
      #auction-detail #article #article-tabs ul li.selected {
        background-color: white;
        border-bottom-width: 0;
        border-color: #004390;
        z-index: 2; }
        #auction-detail #article #article-tabs ul li.selected a {
          color: #004390;
          cursor: default; }
      #auction-detail #article #article-tabs ul li:hover:not(.selected) {
        background-color: #2574b9; }
        #auction-detail #article #article-tabs ul li:hover:not(.selected) a {
          color: white;
          cursor: pointer; }
      #auction-detail #article #article-tabs ul li:last-child {
        margin-right: 0; }
  #auction-detail .content-section {
    margin: 0 0 15px 0;
    overflow: hidden; }
    #auction-detail .content-section .section-title,
    #auction-detail .content-section .section-title-alt {
      color: white;
      margin-bottom: 20px;
      padding: 5px 5px 5px 10px; }
    #auction-detail .content-section .section-title {
      background-color: #004390; }
    #auction-detail .content-section .section-title-alt {
      background-color: #3a8acf; }
    #auction-detail .content-section .inner-content {
      color: #4d4d4d;
      padding: 0 15px; }
      #auction-detail .content-section .inner-content.text-content {
        /*max-width: 650px;*/ }
    #auction-detail .content-section iframe {
      width: auto;
      max-width: 100%;
      height: auto; }
      @media only screen and (min-width: 600px) {
        #auction-detail .content-section iframe {
          width: 560px;
          height: 315px; } }
  #auction-detail #event-options-container {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 10px;
    text-align: right; }
    #auction-detail #event-options-container .location-info {
      display: inline-block;
      flex-grow: 2;
      line-height: 1.6em;
      padding: 10px 20px 0 10px;
      text-align: left; }
      #auction-detail #event-options-container .location-info a {
        border: solid 2px white;
        border-radius: 5px;
        padding: 2px; }
        #auction-detail #event-options-container .location-info a:hover {
          border: solid 2px rgba(0, 0, 0, 0.15);
          text-decoration: none; }
        #auction-detail #event-options-container .location-info a.location-name {
          font-size: 30px; }
      #auction-detail #event-options-container .location-info .location-address {
        font-size: 0.95em;
        line-height: 1.3;
        padding: 3px 0 8px 19px; }
    #auction-detail #event-options-container .event-options {
      display: flex;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 15px; }
      #auction-detail #event-options-container .event-options .auction-type {
        width: 100%;
        position: relative;
        margin-bottom: 10px; }
        #auction-detail #event-options-container .event-options .auction-type .auction-type-image {
          float: left;
          width: 30px;
          margin-right: 15px; }
          #auction-detail #event-options-container .event-options .auction-type .auction-type-image#physical-image {
            margin-top: -5px; }
          #auction-detail #event-options-container .event-options .auction-type .auction-type-image#open-viewing-image {
            padding-top: 5px; }
        #auction-detail #event-options-container .event-options .auction-type .auction-type-text {
          float: left;
          color: #142b37; }
          #auction-detail #event-options-container .event-options .auction-type .auction-type-text.auction-type-link {
            color: #004193; }
      #auction-detail #event-options-container .event-options .event-option {
        background-color: #004390;
        border: #004390 6px solid;
        border-radius: 100px;
        color: white;
        display: inline-block;
        height: 100px;
        margin: 5px;
        text-align: center;
        width: 100px;
        font-size: 0.9em;
        font-weight: bold; }
        #auction-detail #event-options-container .event-options .event-option.option-is-link {
          background-color: #3a8acf;
          box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25); }
          #auction-detail #event-options-container .event-options .event-option.option-is-link:hover {
            background-color: #2574b9; }
        #auction-detail #event-options-container .event-options .event-option div {
          -moz-transform: rotate(-10deg);
          -ms-transform: rotate(-10deg);
          -o-transform: rotate(-10deg);
          -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg); }
        #auction-detail #event-options-container .event-options .event-option a {
          color: white;
          display: block; }
          #auction-detail #event-options-container .event-options .event-option a:hover {
            text-decoration: none; }
        #auction-detail #event-options-container .event-options .event-option.option-online-auction {
          position: relative;
          padding-top: 6px; }
          #auction-detail #event-options-container .event-options .event-option.option-online-auction i {
            position: absolute;
            bottom: 5px;
            right: 23px; }
        #auction-detail #event-options-container .event-options .event-option.option-physical-auction {
          padding-top: 23px; }
        #auction-detail #event-options-container .event-options .event-option.option-accepting-items {
          padding-top: 23px; }
        #auction-detail #event-options-container .event-options .event-option.option-no-reserve {
          padding-top: 20px; }
  #auction-detail #event-promotion .primary-image-container {
    margin-bottom: 20px;
    text-align: center; }
    #auction-detail #event-promotion .primary-image-container .primary-image {
      display: inline-block;
      max-width: 100%; }
      #auction-detail #event-promotion .primary-image-container .primary-image img {
        max-width: 100%; }
  #auction-detail #event-promotion .promotion-title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 15px; }
  #auction-detail #viewing-times .inner-content {
    max-width: 500px; }
  #auction-detail #viewing-times .time {
    margin: 10px 0 4px 0; }
  #auction-detail #viewing-times hr {
    color: #bbc9d7;
    margin: 0; }
  #auction-detail #enquiry-contacts {
    margin-bottom: 10px;
    margin-bottom: 30px;
    border: 1px solid #bbc9d7;
    position: relative; }
    #auction-detail #enquiry-contacts #enquiries-box-header {
      background-color: #EFF2F7;
      border-bottom: 1px solid #bbc9d7;
      padding: .5em 1em;
      color: #000; }
      #auction-detail #enquiry-contacts #enquiries-box-header:hover {
        cursor: pointer; }
      #auction-detail #enquiry-contacts #enquiries-box-header:after {
        content: "";
        position: absolute;
        top: 22px;
        width: 0.6em;
        height: 0.6em;
        transition: all 0.3s ease-out;
        background-color: transparent;
        border: solid #000;
        transform: rotate(45deg);
        border-width: 2px 0 0 2px;
        transform: translateY(-0.15em) rotate(45deg);
        right: 0.9em;
        transition: transform .2s ease-out; }
      #auction-detail #enquiry-contacts #enquiries-box-header.closed {
        margin-bottom: 0; }
        #auction-detail #enquiry-contacts #enquiries-box-header.closed:after {
          content: "";
          position: absolute;
          top: 18px;
          width: 0.6em;
          height: 0.6em;
          transition: all 0.3s ease-out;
          background-color: transparent;
          border: solid #000;
          transform: rotate(45deg);
          border-width: 0 2px 2px 0;
          transform: translateY(-0.15em) rotate(45deg);
          right: 0.9em;
          transition: transform .2s ease-out; }
    #auction-detail #enquiry-contacts #enquiries-box-content {
      align-items: stretch;
      display: flex;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 0 0 15px; }
      @media only screen and (min-width: 900px) {
        #auction-detail #enquiry-contacts #enquiries-box-content {
          padding-left: 10px; } }
      #auction-detail #enquiry-contacts #enquiries-box-content.closed {
        display: none;
        margin-bottom: 0; }
  #auction-detail #property-membership {
    text-align: center; }
    @media only screen and (min-width: 900px) {
      #auction-detail #property-membership {
        margin-left: 5%; } }
    @media only screen and (min-width: 900px) {
      #auction-detail #property-membership #ombudsman {
        margin-right: 2%; } }

#auction-list {
  font-family: canada-type-gibson, Helvetica, Arial, sans-serif;
  padding-bottom: 40px; }
  #auction-list .filter__list {
    flex: 3; }
  #auction-list #page-header {
    font-size: 1.4em;
    font-weight: bold;
    padding: 0;
    margin: 10px 0 10px 0; }
    #auction-list #page-header .title {
      margin-bottom: 5px; }
    #auction-list #page-header hr {
      margin: 0; }
  #auction-list select {
    font-size: 16px; }
  #auction-list .select-wrap::after {
    top: 1.9em; }
  #auction-list .tabpanel {
    display: none; }
  #auction-list #today {
    display: block; }
  #auction-list #list-page {
    margin-bottom: 1em;
    border-bottom: 1px solid #bbc9d7; }
  #auction-list .auction-event-summary {
    border: 1px solid #bbc9d7;
    border-radius: 2px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 30px; }
    #auction-list .auction-event-summary a {
      color: black; }
      #auction-list .auction-event-summary a:hover, #auction-list .auction-event-summary a:visited, #auction-list .auction-event-summary a:active {
        text-decoration: none; }
    #auction-list .auction-event-summary .category {
      color: white;
      display: block;
      font-size: 0.8em;
      font-variant: normal;
      font-weight: bolder;
      padding: 6px 10px; }
    #auction-list .auction-event-summary .event-summary-body {
      display: flex;
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap; }
      #auction-list .auction-event-summary .event-summary-body .image {
        display: inline-block;
        vertical-align: top; }
        #auction-list .auction-event-summary .event-summary-body .image img {
          /*border-color: $sky-blue;*/
          border-width: 0 0 0 10px;
          border-style: solid;
          width: 150px; }
          @media only screen and (min-width: 600px) {
            #auction-list .auction-event-summary .event-summary-body .image img {
              width: 300px; } }
      #auction-list .auction-event-summary .event-summary-body .data-container {
        display: inline-block;
        width: 100%; }
        #auction-list .auction-event-summary .event-summary-body .data-container .name {
          color: #004390;
          display: block;
          font-weight: bold;
          font-size: 1.6em;
          padding: 5px 10px;
          margin-bottom: 6px; }
          #auction-list .auction-event-summary .event-summary-body .data-container .name:hover {
            color: #009eef;
            text-decoration: none; }
          #auction-list .auction-event-summary .event-summary-body .data-container .name .livebidtitle {
            font-size: 0.8em;
            line-height: 1; }
        #auction-list .auction-event-summary .event-summary-body .data-container .location {
          font-size: 1.2em;
          font-weight: bold;
          padding-left: 8px; }
        #auction-list .auction-event-summary .event-summary-body .data-container .time-container {
          display: block;
          padding-bottom: 15px; }
          #auction-list .auction-event-summary .event-summary-body .data-container .time-container .time {
            display: inline-block;
            font-size: 1.1em;
            padding: 10px; }
            #auction-list .auction-event-summary .event-summary-body .data-container .time-container .time .timed-start {
              font-weight: bolder;
              font-style: italic; }
          #auction-list .auction-event-summary .event-summary-body .data-container .time-container .cycle {
            background-color: #eff3f7;
            display: inline-block;
            padding: 3px 10px; }
        #auction-list .auction-event-summary .event-summary-body .data-container .livebid-buttons {
          vertical-align: bottom;
          width: 100%;
          padding: 0 0 20px 0;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; }
          #auction-list .auction-event-summary .event-summary-body .data-container .livebid-buttons .button {
            -ms-flex: 1 100%;
            -webkit-flex: 1 100%;
            flex: 1 100%;
            width: 100%;
            display: block;
            margin-top: .5em; }
          #auction-list .auction-event-summary .event-summary-body .data-container .livebid-buttons .livebid-button {
            color: #004390;
            font-weight: normal;
            font-size: 1.2em;
            margin-top: .3em; }
          #auction-list .auction-event-summary .event-summary-body .data-container .livebid-buttons .button--link:hover, #auction-list .auction-event-summary .event-summary-body .data-container .livebid-buttons .button--link:visited, #auction-list .auction-event-summary .event-summary-body .data-container .livebid-buttons .button--link:active {
            color: #009eef; }
          #auction-list .auction-event-summary .event-summary-body .data-container .livebid-buttons .button--primary {
            color: #fff; }
            #auction-list .auction-event-summary .event-summary-body .data-container .livebid-buttons .button--primary:hover {
              cursor: pointer; }
          @media only screen and (min-width: 900px) {
            #auction-list .auction-event-summary .event-summary-body .data-container .livebid-buttons {
              margin-top: -90px; } }
  #auction-list #featured-items {
    margin-bottom: 20px; }
    #auction-list #featured-items .featured-item {
      margin-bottom: 15px; }
    #auction-list #featured-items .auction-event-summary {
      border: 0;
      margin-bottom: 0; }
  #auction-list .selected a {
    color: #fff; }
  #auction-list #auction-paging a {
    padding: 10px; }
  #auction-list .react-pagination-control ul li.selected a {
    color: #fff; }
  #auction-list .result-list__action {
    font-size: 1.3em; }

.auction-summary-image {
  background-color: #3a8acf;
  display: block;
  font-size: 0.7em;
  margin-left: -15px;
  margin-bottom: 10px;
  padding-left: 20px;
  text-align: center;
  white-space: nowrap; }

.auction-summary-image > .stub-image {
  background-color: #d5d5d5;
  color: #9f9f9f;
  display: block;
  font-size: 1em;
  margin-bottom: 10px;
  padding: 50px 0;
  text-align: center;
  white-space: nowrap; }

.auction-summary-name {
  color: #004390;
  font-weight: bolder;
  font-size: 1.2em;
  margin: 10px 0 20px 0; }

.auction-summary-location {
  color: black;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 5px; }

.auction-summary-time {
  color: black;
  display: inline-block;
  font-weight: normal;
  font-size: 0.9em;
  margin-right: 5px;
  margin-bottom: 20px; }

.auction-summary-frequency {
  background-color: #eff3f7;
  color: black;
  display: inline-block;
  font-weight: normal;
  font-size: 0.9em;
  padding: 10px 5px;
  margin: 0; }

#auction-detail #featured-items {
  margin-bottom: 0; }

#featured-items .featured-item {
  border: 1px solid #c5a100;
  border-radius: 2px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 30px; }
  #featured-items .featured-item .section-title {
    background-color: #fecd28;
    color: #004390;
    font-size: 1.2em; }
  #featured-items .featured-item .featured-banner {
    width: 100%;
    padding: .5em 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #222f39;
    background-color: #fecd28;
    border: 1px solid #c5a100;
    border-radius: 2px 2px 0 0; }
    #featured-items .featured-item .featured-banner strong {
      font-size: .8em; }
  #featured-items .featured-item .item-name {
    color: #004390;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 10px 30px; }
  #featured-items .featured-item .inner-content {
    padding: 0 0 20px 30px; }
  #featured-items .featured-item .images {
    display: flex;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 10px 30px 10px; }
    #featured-items .featured-item .images .image-container {
      margin: 6px;
      text-align: center; }
      #featured-items .featured-item .images .image-container img {
        height: 200px; }
  #featured-items .featured-item .loading {
    border: 1px solid #bbc9d7;
    border-width: 1px 0 0 0;
    box-shadow: none;
    color: #bbc9d7;
    margin-bottom: 0;
    padding: 100px 0;
    text-align: center; }
  #featured-items .featured-item .react-lot-summary {
    border: none; }

header {
  background-color: #004390; }
  header #btnMenu {
    height: 49px;
    font-size: 16px; }
  header .logo {
    display: block;
    max-width: 82px;
    padding: 16px 0 18px 1px;
    fill: #fff; }
    @media only screen and (min-width: 54em) {
      header .logo {
        max-width: 150px; } }
    @media only screen and (min-width: 65em) {
      header .logo {
        float: left;
        width: 365px;
        max-width: 365px;
        margin-left: 20px; } }
    header .logo > svg {
      display: block;
      width: 100%;
      min-width: 180px;
      height: 100%; }
      .ie9 header .logo > svg {
        height: 3em; }
    header .logo path {
      fill: #ffffff; }
  header #subscribe-header {
    display: none; }
    @media only screen and (min-width: 65em) {
      header #subscribe-header {
        margin: 0 0 0 5px;
        display: inline-block; } }

.nav {
  width: calc(100% + 2em);
  overflow: hidden;
  margin-left: -1em; }
  .js .nav {
    max-height: 0;
    -moz-transition: all 0.4s cubic-bezier(0.81, -0.6, 0.69, 0.96);
    -o-transition: all 0.4s cubic-bezier(0.81, -0.6, 0.69, 0.96);
    -webkit-transition: all 0.4s cubic-bezier(0.81, -0.6, 0.69, 0.96);
    transition: all 0.4s cubic-bezier(0.81, -0.6, 0.69, 0.96); }
  .nav.js-mobile-nav-open {
    max-height: 600px;
    /*transition: max-height 0.2s ease-in-out;*/ }
  @media only screen and (min-width: 65em) {
    .nav {
      display: table;
      float: right;
      width: auto; } }

.js-nav-toggle {
  position: absolute;
  top: 1.4em;
  right: 1em;
  z-index: 999;
  /*@include mq($l) {
        display: none;
        visibility: hidden;
    }*/ }

.site-nav {
  font-size: 16px;
  padding-left: 0; }
  @media only screen and (min-width: 65em) {
    .site-nav {
      font-size: 18px;
      float: right; } }

.site-nav__items {
  margin: 0;
  padding-left: 0; }
  @media only screen and (min-width: 65em) {
    .site-nav__items {
      text-align: right;
      padding-left: 40px; } }

.site-nav__item {
  list-style-type: none;
  display: block; }
  .js .site-nav__item {
    -moz-transform: translateX(-100%) translateY(0);
    -ms-transform: translateX(-100%) translateY(0);
    -o-transform: translateX(-100%) translateY(0);
    -webkit-transform: translateX(-100%) translateY(0);
    transform: translateX(-100%) translateY(0);
    -moz-transition: transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    -webkit-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    -webkit-transition-delay: .4s;
    transition-delay: .4s; }
  .js-mobile-nav-open .site-nav__item {
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0; }
    .js-mobile-nav-open .site-nav__item:nth-child(1) {
      -moz-transition-delay: 25ms;
      -o-transition-delay: 25ms;
      -webkit-transition-delay: 25ms;
      transition-delay: 25ms; }
    .js-mobile-nav-open .site-nav__item:nth-child(2) {
      -moz-transition-delay: 50ms;
      -o-transition-delay: 50ms;
      -webkit-transition-delay: 50ms;
      transition-delay: 50ms; }
    .js-mobile-nav-open .site-nav__item:nth-child(3) {
      -moz-transition-delay: 75ms;
      -o-transition-delay: 75ms;
      -webkit-transition-delay: 75ms;
      transition-delay: 75ms; }
    .js-mobile-nav-open .site-nav__item:nth-child(4) {
      -moz-transition-delay: 100ms;
      -o-transition-delay: 100ms;
      -webkit-transition-delay: 100ms;
      transition-delay: 100ms; }
    .js-mobile-nav-open .site-nav__item:nth-child(5) {
      -moz-transition-delay: 125ms;
      -o-transition-delay: 125ms;
      -webkit-transition-delay: 125ms;
      transition-delay: 125ms; }
    .js-mobile-nav-open .site-nav__item:nth-child(6) {
      -moz-transition-delay: 150ms;
      -o-transition-delay: 150ms;
      -webkit-transition-delay: 150ms;
      transition-delay: 150ms; }
    .js-mobile-nav-open .site-nav__item:nth-child(7) {
      -moz-transition-delay: 175ms;
      -o-transition-delay: 175ms;
      -webkit-transition-delay: 175ms;
      transition-delay: 175ms; }
    .js-mobile-nav-open .site-nav__item:nth-child(8) {
      -moz-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      -webkit-transition-delay: 200ms;
      transition-delay: 200ms; }
    .js-mobile-nav-open .site-nav__item:nth-child(9) {
      -moz-transition-delay: 225ms;
      -o-transition-delay: 225ms;
      -webkit-transition-delay: 225ms;
      transition-delay: 225ms; }
    .js-mobile-nav-open .site-nav__item:nth-child(10) {
      -moz-transition-delay: 250ms;
      -o-transition-delay: 250ms;
      -webkit-transition-delay: 250ms;
      transition-delay: 250ms; }
  @media only screen and (min-width: 65em) {
    .site-nav__item {
      display: inline-block;
      padding: 0 1em; }
      .js .site-nav__item {
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s; }
      .site-nav__item:last-child {
        padding-right: 0; } }

.site-nav__link {
  position: relative;
  display: block;
  color: #ffffff;
  padding: 22px 1em 20px;
  border-bottom: 2px solid #004390; }
  @media only screen and (min-width: 65em) {
    .site-nav__link {
      padding: 22px 0;
      border-bottom: 0 none; } }
  .site-nav__link:hover, .site-nav__link:focus,
  .site-nav__item--active > .site-nav__link {
    background-color: #3369A6;
    color: #ffffff;
    text-decoration: none;
    border-bottom-color: #009EEF; }
    @media only screen and (min-width: 65em) {
      .site-nav__link:hover, .site-nav__link:focus,
      .site-nav__item--active > .site-nav__link {
        background-color: transparent;
        border-bottom: 0 none; }
        .site-nav__link:hover:after, .site-nav__link:focus:after,
        .site-nav__item--active > .site-nav__link:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 5px;
          border-radius: 2px 2px 0 0;
          background-color: #009EEF; } }

.sub-nav {
  position: relative;
  margin-bottom: 1em;
  border: 1px solid #BBC9D7;
  background: #EFF3F7; }
  .sub-nav__link {
    display: block;
    padding: .5em 1em;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    .sub-nav__link:hover, .sub-nav__link:focus, .sub-nav__link--active {
      text-decoration: none;
      color: #004390;
      background-color: #dbe3ea; }
  .sub-nav__link--sub {
    background-color: #ffffff; }
  .sub-nav__share {
    position: relative;
    z-index: 25;
    padding: .5em 1em 1em;
    background-color: #EFF3F7; }

.sub-nav__items {
  max-height: 50em;
  -moz-transition: max-height .3s ease-out;
  -o-transition: max-height .3s ease-out;
  -webkit-transition: max-height .3s ease-out;
  transition: max-height .3s ease-out; }
  @media only screen and (min-width: 45em) {
    .sub-nav__items {
      max-height: 100%; } }
  .sub-nav__items--sub {
    border: solid #dbe3ea;
    border-width: 1px 0; }

.js-togglemore--closed .sub-nav__items {
  overflow: hidden;
  max-height: 2.5em; }
  @media only screen and (min-width: 45em) {
    .js-togglemore--closed .sub-nav__items {
      max-height: 100%; } }

.js-togglemore--closed .sub-nav__link--active {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
  @media only screen and (min-width: 45em) {
    .js-togglemore--closed .sub-nav__link--active {
      position: static; } }

.sub-nav .togglemore__viewmore {
  display: block;
  position: relative;
  text-align: left;
  font-size: 1em;
  padding: .5em 1em;
  width: 100%;
  border-top: 1px solid #BBC9D7; }
  .sub-nav .togglemore__viewmore.js-togglemore__toggle--is-active::before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .sub-nav .togglemore__viewmore::before {
    content: "+\00a0";
    position: absolute;
    right: 1em;
    vertical-align: middle;
    -moz-transition: transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    -webkit-transition: transform .2s ease-out;
    transition: transform .2s ease-out; }
  @media only screen and (min-width: 45em) {
    .sub-nav .togglemore__viewmore {
      display: none;
      visibility: hidden; } }

.nav--auction__items {
  display: flex;
  align-items: stretch;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /*.ie9 &,
    .lt-ie9 & {
        @extend .grid;
        @extend .grid--tight;
    }*/ }

.nav--auction__item {
  display: flex;
  -ms-flex: 1 100%;
  -webkit-flex: 1 100%;
  flex: 1 100%;
  /*.lt-ie9 &,
    .ie9 & {
        @extend .grid__col;
        @extend .m-1-2;
        @extend .l-1-6;
    }*/ }
  @media only screen and (min-width: 45em) {
    .nav--auction__item {
      -ms-flex: 0 49.5%;
      -webkit-flex: 0 49.5%;
      flex: 0 49.5%; } }
  @media only screen and (min-width: 65em) {
    .nav--auction__item {
      -ms-flex: 0 17%;
      -webkit-flex: 0 17%;
      flex: 0 17%;
      padding-right: 1%; } }

.result-list__nav {
  display: table;
  width: 100%;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }
  @media only screen and (min-width: 45em) {
    .result-list__nav {
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      font-size: .8em; } }
  .no-flexbox .result-list__nav > * {
    display: table-cell;
    vertical-align: middle; }

.sortby {
  -ms-flex: 1 100%;
  -webkit-flex: 1 100%;
  flex: 1 100%;
  display: flex;
  justify-content: flex-start;
  align-items: baseline; }
  @media only screen and (min-width: 45em) {
    .sortby {
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1; } }
  .sortby > label {
    -ms-flex: 1 20%;
    -webkit-flex: 1 20%;
    flex: 1 20%; }

.result-list__actions {
  display: flex;
  justify-content: space-around;
  -ms-flex: 1 100%;
  -webkit-flex: 1 100%;
  flex: 1 100%; }
  @media only screen and (min-width: 45em) {
    .result-list__actions {
      justify-content: flex-end;
      -ms-flex: 2.5;
      -webkit-flex: 2.5;
      flex: 2.5;
      text-align: right; }
      .result-list__actions > li {
        display: inline-block;
        margin-left: 1em; } }

.result-list__action > .icon {
  height: 1.3em;
  width: auto;
  fill: #004390; }
  .lt-ie9 .result-list__action > .icon, .ie9 .result-list__action > .icon {
    width: 1.3em; }

.result-list__action:hover > .icon, .result-list__action:focus > .icon {
  fill: #009EEF; }

.pagination {
  list-style-type: none;
  margin: 0 auto 0;
  padding: 0;
  font-size: .8em;
  display: flex;
  justify-content: center; }
  @media only screen and (min-width: 45em) {
    .pagination {
      font-size: 1.2em;
      -ms-flex: 2 auto;
      -webkit-flex: 2 auto;
      flex: 2 auto; } }

.pagination__item {
  display: inline-block;
  border: 1px solid #004390;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1; }
  @media only screen and (min-width: 45em) {
    .pagination__item {
      -ms-flex: initial;
      -webkit-flex: initial;
      flex: initial; } }
  .pagination__item--nudge {
    text-indent: -99999em;
    border-radius: 2px;
    margin-left: -1px; }
    @media only screen and (min-width: 45em) {
      .pagination__item--nudge:first-child {
        margin-right: 1em;
        margin-left: 0; }
      .pagination__item--nudge:last-child {
        margin-left: 1em; } }
  .pagination__item--page {
    position: relative;
    margin-left: -1px; }
    .pagination__item--page:first-of-type {
      border-radius: 2px 0 0 2px; }
    .pagination__item--page:last-of-type {
      border-radius: 0 2px 2px 0; }

.pagination__link {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 1;
  padding: 1em;
  text-align: center; }
  @media only screen and (min-width: 45em) {
    .pagination__link {
      width: 2.8em;
      height: 2.8em; } }
  .pagination__link:hover, .pagination__link:focus, .pagination__link.pagination__item--active {
    background-color: #004390;
    color: #ffffff;
    text-decoration: none; }
  .pagination__link--nudge-l {
    padding-right: 0; }
    .pagination__link--nudge-l::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 0.5em;
      height: 0.5em;
      transition: all 0.3s ease-out;
      background-color: transparent;
      border: solid #004390;
      margin-top: -0.25em;
      transform: rotate(45deg);
      border-width: 0 0 0.125em 0.125em;
      left: 50%;
      margin-left: -0.125em; }
    .pagination__link--nudge-l:hover::after, .pagination__link--nudge-l:focus::after, .pagination__link--nudge-l.active::after {
      border-color: #ffffff;
      transform: translateX(-0.125em) rotate(45deg); }
  .pagination__link--nudge-r {
    padding-left: 0; }
    .pagination__link--nudge-r::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 0.5em;
      height: 0.5em;
      transition: all 0.3s ease-out;
      background-color: transparent;
      border: solid #004390;
      margin-top: -0.25em;
      transform: rotate(45deg);
      border-width: 0.125em 0.125em 0 0;
      left: 50%;
      margin-left: -0.3em; }
    .pagination__link--nudge-r:hover::after, .pagination__link--nudge-r:focus::after, .pagination__link--nudge-r.active::after {
      border-color: #ffffff;
      transform: translateX(0.125em) rotate(45deg); }

.embedded .react-lot-summary {
  border-width: 1px 0 0 0;
  box-shadow: none;
  margin-bottom: 0; }

.react-lot-summary {
  border: 1px solid #bbc9d7;
  border-radius: 2px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 10px;
  margin: 0 0 20px 0; }
  @media only screen and (min-width: 600px) {
    .react-lot-summary {
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap; } }
  .react-lot-summary .image-container {
    /*.number {
            background-color: #004390;
            border-bottom-right-radius: 4px;
            color: white;
            padding: 10px;
            position: absolute;
            top: 0;
            right: 0;
        }*/ }
    .react-lot-summary .image-container .image {
      color: white;
      display: inline-block;
      vertical-align: top;
      /*min-height: 200px;*/ }
      @media only screen and (min-width: 600px) {
        .react-lot-summary .image-container .image {
          margin-right: 25px;
          width: 250px; } }
      .react-lot-summary .image-container .image img {
        /*max-width: 250px;*/ }
    .react-lot-summary .image-container .price-section {
      margin: 10px 25px 5px 25px;
      width: 250px; }
      .react-lot-summary .image-container .price-section .price-qualifier {
        width: 50%;
        display: inline-block;
        text-transform: uppercase;
        color: #7A8288; }
        @media only screen and (min-width: 600px) {
          .react-lot-summary .image-container .price-section .price-qualifier {
            width: 100%; } }
      .react-lot-summary .image-container .price-section .property-price {
        width: 50%;
        display: inline-block;
        font-weight: bold;
        color: #222F39; }
        @media only screen and (min-width: 600px) {
          .react-lot-summary .image-container .price-section .property-price {
            width: 100%; } }
        .react-lot-summary .image-container .price-section .property-price .propertyFeeMessage {
          font-size: 0.8em;
          font-weight: normal;
          margin-left: 0;
          display: block; }
          @media only screen and (min-width: 900px) {
            .react-lot-summary .image-container .price-section .property-price .propertyFeeMessage {
              margin-left: 2px;
              display: inline-block; } }
  .react-lot-summary .data-container {
    flex-grow: 2; }
    .react-lot-summary .data-container .status-container {
      position: relative;
      margin-right: 110px; }
      @media only screen and (min-width: 600px) {
        .react-lot-summary .data-container .status-container {
          margin-right: 0;
          margin-top: 7px; } }
      .react-lot-summary .data-container .status-container span {
        /*position: absolute;*/
        /*display: none;*/
        color: white;
        font-weight: bold;
        padding: 10px 10px 10px 20px;
        width: 100%;
        z-index: 0; }
        @media only screen and (min-width: 600px) {
          .react-lot-summary .data-container .status-container span {
            padding: 10px;
            width: 110px;
            text-align: center; } }
        .react-lot-summary .data-container .status-container span.available {
          display: none; }
        .react-lot-summary .data-container .status-container span.sold {
          background-color: #ed1c24; }
        .react-lot-summary .data-container .status-container span.withdrawn {
          background-color: #999; }
        .react-lot-summary .data-container .status-container span.under-offer {
          background-color: #f7931e; }
        .react-lot-summary .data-container .status-container span.unreserved {
          background-color: #ed1e79; }
        .react-lot-summary .data-container .status-container span.early-entry {
          background-color: #3fa9f5; }
        .react-lot-summary .data-container .status-container span.late-entry {
          background-color: #93278f; }
    .react-lot-summary .data-container .property-header {
      margin: 65px 5px 5px 10px; }
      @media only screen and (min-width: 600px) {
        .react-lot-summary .data-container .property-header {
          margin: 0; } }
      .react-lot-summary .data-container .property-header .property-title {
        color: #004390;
        display: block;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1em;
        padding: 10px 10px 10px 0;
        margin-top: 0; }
        @media only screen and (min-width: 600px) {
          .react-lot-summary .data-container .property-header .property-title {
            margin-top: 50px; } }
        @media only screen and (min-width: 1040px) {
          .react-lot-summary .data-container .property-header .property-title {
            margin-top: 10px;
            margin-right: 100px; } }
      .react-lot-summary .data-container .property-header .property-address {
        color: #004390;
        margin-top: 0.3em;
        font-size: 0.95em; }
    .react-lot-summary .data-container .number {
      background-color: #004390;
      color: white;
      padding: 10px;
      float: right;
      z-index: 50;
      min-width: 100px;
      text-align: center; }
      @media only screen and (min-width: 600px) {
        .react-lot-summary .data-container .number {
          position: absolute;
          top: 0;
          right: 0;
          /*min-width: auto;*/ } }
    .react-lot-summary .data-container .title {
      color: #004390;
      display: block;
      font-size: 1.2em;
      font-weight: bold;
      line-height: 1em;
      min-height: 3.1em;
      padding: 10px;
      margin-top: 0; }
      @media only screen and (min-width: 600px) {
        .react-lot-summary .data-container .title {
          margin-top: 50px; } }
      @media only screen and (min-width: 1040px) {
        .react-lot-summary .data-container .title {
          margin-top: 0;
          margin-right: 100px; } }
    .react-lot-summary .data-container .detail-container {
      display: flex;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      .react-lot-summary .data-container .detail-container .text-container {
        width: 100%;
        /*@media only screen and (min-width : 600px) {
                    width: 66%;
                }*/ }
        .react-lot-summary .data-container .detail-container .text-container .data-set {
          display: block; }
          .react-lot-summary .data-container .detail-container .text-container .data-set table {
            font-size: 0.9em;
            text-align: left; }
          .react-lot-summary .data-container .detail-container .text-container .data-set th,
          .react-lot-summary .data-container .detail-container .text-container .data-set td {
            font-weight: normal;
            padding: 0 20px 7px 10px; }
        .react-lot-summary .data-container .detail-container .text-container .seller {
          display: block;
          font-size: 0.9em;
          margin-top: 5px;
          padding: 10px; }
        .react-lot-summary .data-container .detail-container .text-container .property-summary {
          margin: 1em 0 0.5em 0;
          width: 95%;
          padding: 0 5px; }
          @media only screen and (min-width: 600px) {
            .react-lot-summary .data-container .detail-container .text-container .property-summary {
              width: 90%;
              padding: 0;
              margin-left: 0; } }
    .react-lot-summary .data-container .button-container {
      align-self: flex-end;
      /*display: inline-block;*/
      flex-grow: 2;
      float: right;
      /*text-align: right;*/ }
      .react-lot-summary .data-container .button-container .view-button {
        background-color: #76c044;
        border: 1px solid #378c42;
        border-radius: 2px;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
        display: inline-block;
        margin: 10px 20px 10px 0;
        vertical-align: bottom;
        float: right; }
        @media only screen and (min-width: 600px) {
          .react-lot-summary .data-container .button-container .view-button {
            margin-top: 5px; } }
        .react-lot-summary .data-container .button-container .view-button a {
          color: white;
          display: inline-block;
          font-weight: bold;
          padding: 10px 10px 10px 20px; }
          .react-lot-summary .data-container .button-container .view-button a:hover {
            text-decoration: none; }
          .react-lot-summary .data-container .button-container .view-button a .glyphicon {
            margin-left: 20px; }
        .react-lot-summary .data-container .button-container .view-button:hover {
          background-color: #689940;
          cursor: pointer; }
      .react-lot-summary .data-container .button-container .remove-button {
        margin: 10px 0 0 0;
        position: relative;
        padding: .6em 1em;
        text-align: right;
        color: #004390;
        background-color: #fff;
        border-color: #004390;
        padding-right: 1.8em;
        display: inline-block;
        /*vertical-align: bottom;*/ }
        @media only screen and (min-width: 600px) {
          .react-lot-summary .data-container .button-container .remove-button {
            margin: 10px 20px; } }
        .react-lot-summary .data-container .button-container .remove-button:hover {
          text-decoration: none;
          color: #009EEF;
          border-color: #009EEF;
          cursor: pointer; }
        .react-lot-summary .data-container .button-container .remove-button .glyphicon {
          top: 3px !important;
          right: -20px;
          font-weight: normal; }
      .react-lot-summary .data-container .button-container form {
        display: inline-block; }

.react-lot-detail {
  color: #4d4d4d;
  font-family: canada-type-gibson,Helvetica,Arial,sans-serif;
  font-size: 1em;
  margin-bottom: 20px;
  position: relative; }
  .react-lot-detail .button--fav {
    margin: 0 0 1em; }
    @media only screen and (min-width: 900px) {
      .react-lot-detail .button--fav {
        position: absolute;
        top: 40px;
        right: 0; } }
  .react-lot-detail .back-button {
    margin-top: 15px;
    padding: 15px 0 0 5px;
    text-decoration: none;
    font-size: 18px; }
    .react-lot-detail .back-button:hover {
      color: #009eef;
      cursor: pointer;
      text-decoration: underline; }
    .react-lot-detail .back-button .glyphicon {
      font-size: 0.8em; }
    .react-lot-detail .back-button a {
      color: inherit; }
  .react-lot-detail #mainImage {
    margin-bottom: 18px; }
  .react-lot-detail .lot-name {
    font-size: 2em;
    line-height: 1.25;
    font-weight: bold;
    margin-bottom: 15px; }
    @media only screen and (min-width: 900px) {
      .react-lot-detail .lot-name {
        margin-bottom: 25px;
        width: 80%; } }
  .react-lot-detail .lot-content {
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media only screen and (min-width: 600px) {
      .react-lot-detail .lot-content {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
    .react-lot-detail .lot-content .image-content {
      margin-bottom: 10px; }
      @media only screen and (min-width: 900px) {
        .react-lot-detail .lot-content .image-content {
          flex-basis: 60%;
          padding-right: 15px; } }
      .react-lot-detail .lot-content .image-content img {
        width: 100%;
        max-width: 100%; }
      .react-lot-detail .lot-content .image-content #carouselSection {
        position: relative;
        width: 100%; }
        .react-lot-detail .lot-content .image-content #carouselSection #lot-carousel {
          width: 100%; }
          .react-lot-detail .lot-content .image-content #carouselSection #lot-carousel figure {
            width: 33.33%;
            display: inline-block;
            margin: 0 0 0.5em; }
            .react-lot-detail .lot-content .image-content #carouselSection #lot-carousel figure img {
              width: 100%;
              height: 95px;
              margin: 0;
              padding: 0; }
              @media only screen and (min-width: 600px) {
                .react-lot-detail .lot-content .image-content #carouselSection #lot-carousel figure img {
                  height: 115px; } }
              @media only screen and (min-width: 900px) {
                .react-lot-detail .lot-content .image-content #carouselSection #lot-carousel figure img {
                  height: 158px; } }
              .react-lot-detail .lot-content .image-content #carouselSection #lot-carousel figure img:hover {
                cursor: pointer; }
        .react-lot-detail .lot-content .image-content #carouselSection #buttons .carousel-button {
          position: absolute;
          top: 45%;
          z-index: 5;
          overflow: hidden;
          width: 2.5em;
          height: 2.5em;
          padding: 0;
          text-indent: -99999em;
          border: 2px solid;
          border-radius: 50%;
          border-color: #004390;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          -moz-transition: all .3s ease-in;
          -o-transition: all .3s ease-in;
          -webkit-transition: all .3s ease-in;
          transition: all .3s ease-in;
          background-color: transparent;
          opacity: .6;
          background-color: #fff; }
          .react-lot-detail .lot-content .image-content #carouselSection #buttons .carousel-button:hover {
            color: #fff;
            opacity: 1; }
          .react-lot-detail .lot-content .image-content #carouselSection #buttons .carousel-button:disabled {
            opacity: 0.1;
            cursor: none;
            width: 0; }
        .react-lot-detail .lot-content .image-content #carouselSection #buttons #previous {
          left: 0.5em; }
          .react-lot-detail .lot-content .image-content #carouselSection #buttons #previous:after {
            content: "";
            position: absolute;
            top: 45%;
            font-size: 14px;
            width: .7em;
            height: .7em;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
            background-color: transparent;
            border: solid #004390;
            margin-top: -.2em;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            border-width: 0 0 .25em .25em;
            left: 50%;
            margin-left: -.2em; }
        .react-lot-detail .lot-content .image-content #carouselSection #buttons .fa {
          font-weight: bold;
          font-size: 30px; }
        .react-lot-detail .lot-content .image-content #carouselSection #buttons #next {
          right: 0.5em; }
          .react-lot-detail .lot-content .image-content #carouselSection #buttons #next:after {
            content: "";
            position: absolute;
            top: 45%;
            font-size: 14px;
            width: .7em;
            height: .7em;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
            background-color: transparent;
            border: solid #004390;
            margin-top: -.2em;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            border-width: .25em .25em 0 0;
            left: 50%;
            margin-left: -.4em; }
            .react-lot-detail .lot-content .image-content #carouselSection #buttons #next:after:hover {
              margin-left: -.2em; }
      .react-lot-detail .lot-content .image-content .auctioned-by {
        padding-bottom: 10px; }
        .react-lot-detail .lot-content .image-content .auctioned-by .heading {
          border-bottom: 1px solid #bbc9d7;
          font-size: 1.2em;
          font-weight: bold;
          padding: 15px 0 10px 0;
          margin-bottom: 20px;
          color: #222fe9; }
        .react-lot-detail .lot-content .image-content .auctioned-by .content {
          line-height: 1.5;
          max-width: 700px; }
          .react-lot-detail .lot-content .image-content .auctioned-by .content div {
            margin-bottom: 10px; }
        .react-lot-detail .lot-content .image-content .auctioned-by img {
          width: 200px; }
    .react-lot-detail .lot-content .text-content {
      flex-grow: 1;
      position: relative; }
      .react-lot-detail .lot-content .text-content .lot-no {
        background-color: #004390;
        border-bottom-right-radius: 4px;
        color: white;
        font-size: 1em;
        padding: 10px;
        position: absolute;
        top: 0;
        right: 0; }
      .react-lot-detail .lot-content .text-content .react-data-table {
        font-size: 1.1em;
        margin-bottom: 20px; }
        .react-lot-detail .lot-content .text-content .react-data-table#property-table {
          margin-bottom: 0;
          max-width: 602px; }
          .react-lot-detail .lot-content .text-content .react-data-table#property-table th {
            width: 40%; }
            @media only screen and (min-width: 900px) {
              .react-lot-detail .lot-content .text-content .react-data-table#property-table th {
                width: 35%; } }
        .react-lot-detail .lot-content .text-content .react-data-table table {
          border: 1px solid #bbc9d7;
          width: 100%; }
        .react-lot-detail .lot-content .text-content .react-data-table tr {
          border-bottom: 1px solid #bbc9d7; }
        .react-lot-detail .lot-content .text-content .react-data-table tr:first-child th {
          padding-top: 45px; }
          .react-lot-detail .lot-content .text-content .react-data-table tr:first-child th.guide-price {
            padding-top: 0; }
          .react-lot-detail .lot-content .text-content .react-data-table tr:first-child th span {
            font-size: 0.9em;
            font-weight: bold; }
          .react-lot-detail .lot-content .text-content .react-data-table tr:first-child th #guide-price {
            font-size: 1.7em; }
            .react-lot-detail .lot-content .text-content .react-data-table tr:first-child th #guide-price .propertyFeeMessage {
              font-size: 0.5em;
              font-weight: normal;
              margin-left: 0;
              display: block; }
              @media only screen and (min-width: 900px) {
                .react-lot-detail .lot-content .text-content .react-data-table tr:first-child th #guide-price .propertyFeeMessage {
                  margin-left: 10px;
                  display: inline-block; } }
        .react-lot-detail .lot-content .text-content .react-data-table tr:first-child td {
          font-size: 1.7em;
          padding-top: 40px; }
          .react-lot-detail .lot-content .text-content .react-data-table tr:first-child td.guide-price {
            padding-top: 0; }
        .react-lot-detail .lot-content .text-content .react-data-table tr:nth-child(even) {
          background-color: white; }
        .react-lot-detail .lot-content .text-content .react-data-table tr:nth-child(odd) {
          background-color: #eff3f7; }
        .react-lot-detail .lot-content .text-content .react-data-table th,
        .react-lot-detail .lot-content .text-content .react-data-table td {
          font-weight: normal;
          padding: 10px 20px 10px 10px;
          text-align: left; }
          .react-lot-detail .lot-content .text-content .react-data-table th.property-location,
          .react-lot-detail .lot-content .text-content .react-data-table td.property-location {
            vertical-align: top;
            padding-top: 8px; }
          .react-lot-detail .lot-content .text-content .react-data-table th .glyphicon,
          .react-lot-detail .lot-content .text-content .react-data-table td .glyphicon {
            margin-right: 5px; }
      .react-lot-detail .lot-content .text-content .map-wrap {
        max-height: 230px; }
        .react-lot-detail .lot-content .text-content .map-wrap #map {
          visibility: visible;
          margin: 0; }
      .react-lot-detail .lot-content .text-content .js-map {
        visibility: visible; }
      .react-lot-detail .lot-content .text-content #interested-section {
        padding: 5px 10px 0 10px;
        text-align: right; }
        @media only screen and (min-width: 600px) {
          .react-lot-detail .lot-content .text-content #interested-section {
            padding-top: 20px; } }
        .react-lot-detail .lot-content .text-content #interested-section .interested-button {
          margin-right: 1em;
          border: 1px solid #bbc9d7;
          display: inline-block;
          width: 100%;
          text-align: center;
          margin-top: 15px;
          font-size: 1.2em; }
          @media only screen and (min-width: 600px) {
            .react-lot-detail .lot-content .text-content #interested-section .interested-button {
              width: auto;
              margin-top: 0;
              font-size: 1em; } }
          .react-lot-detail .lot-content .text-content #interested-section .interested-button:hover {
            background-color: #76c044;
            border-color: #378c42;
            color: #fff; }
      .react-lot-detail .lot-content .text-content #viewing-times-details {
        padding: 20px 20px 0px 20px;
        width: 100%;
        text-align: left;
        display: inline-table; }
      .react-lot-detail .lot-content .text-content .retail-value img {
        margin-bottom: 10px; }
      .react-lot-detail .lot-content .text-content .retail-value .text {
        margin-bottom: 15px; }
        .react-lot-detail .lot-content .text-content .retail-value .text .text-label {
          margin-right: 10px; }
      .react-lot-detail .lot-content .text-content .inspectionReport {
        font-size: 1.2em;
        font-weight: bold;
        padding: 10px 0; }
        .react-lot-detail .lot-content .text-content .inspectionReport img {
          width: 20px;
          margin: -5px 0 0 20px; }
          .react-lot-detail .lot-content .text-content .inspectionReport img.mechanical {
            margin-left: 17px; }
      .react-lot-detail .lot-content .text-content .additional-info, .react-lot-detail .lot-content .text-content .property-features, .react-lot-detail .lot-content .text-content .download-section {
        padding-bottom: 10px; }
        .react-lot-detail .lot-content .text-content .additional-info .heading, .react-lot-detail .lot-content .text-content .property-features .heading, .react-lot-detail .lot-content .text-content .download-section .heading {
          border-bottom: 1px solid #bbc9d7;
          font-size: 1.2em;
          font-weight: bold;
          padding: 20px 0 10px 0;
          margin-bottom: 20px; }
        .react-lot-detail .lot-content .text-content .additional-info .content, .react-lot-detail .lot-content .text-content .property-features .content, .react-lot-detail .lot-content .text-content .download-section .content {
          line-height: 1.5;
          max-width: 700px; }
          .react-lot-detail .lot-content .text-content .additional-info .content div, .react-lot-detail .lot-content .text-content .property-features .content div, .react-lot-detail .lot-content .text-content .download-section .content div {
            margin-bottom: 10px; }
        .react-lot-detail .lot-content .text-content .additional-info .download-pdf, .react-lot-detail .lot-content .text-content .property-features .download-pdf, .react-lot-detail .lot-content .text-content .download-section .download-pdf {
          display: inline-block;
          margin-right: 20px; }
          .react-lot-detail .lot-content .text-content .additional-info .download-pdf .download-pdf-image, .react-lot-detail .lot-content .text-content .property-features .download-pdf .download-pdf-image, .react-lot-detail .lot-content .text-content .download-section .download-pdf .download-pdf-image {
            width: 20px;
            margin-top: -5px;
            margin-right: 10px; }

#vehicle-share {
  padding-bottom: 40px; }
  #vehicle-share .label {
    padding: 0; }
  #vehicle-share .share-nav__items {
    padding-top: 5px; }

.react-lot-list .loadingSpinner {
  color: #004390;
  font-size: 5em;
  padding-bottom: 20px; }

.react-lot-list .loading {
  border: 1px solid #eee;
  padding: 40px 20px;
  margin: 10px 0 40px 0; }
  .react-lot-list .loading span {
    padding-left: 10px; }

.react-lot-list .button--primary:hover {
  cursor: pointer; }

.react-lot-list #react-list-display-options {
  padding-bottom: 10px; }

.react-lot-list .result-list__actions {
  padding-top: 15px; }
  .react-lot-list .result-list__actions.property-show-all {
    text-align: right;
    justify-content: flex-end;
    padding-right: 1em; }
    @media only screen and (min-width: 900px) {
      .react-lot-list .result-list__actions.property-show-all {
        padding-right: 2.5em;
        font-size: 0.8em;
        padding-top: 0;
        margin-top: -10px; } }

.react-lot-list .fuzzy-input {
  background-color: #fff;
  padding: 1em 2em 1.1em 1em; }

#react-list-display-options {
  /*#sortby {
        margin-bottom: 10px;
    }*/ }
  #react-list-display-options .result-list__actions {
    margin-right: 25px; }

#cityList {
  display: none; }

.react-pagination-control {
  color: #004390;
  text-align: center;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 15px; }
  .react-pagination-control ul {
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    list-style: none;
    -webkit-padding-start: 0; }
    @media only screen and (min-width: 600px) {
      .react-pagination-control ul {
        -webkit-padding-start: 40px; } }
    .react-pagination-control ul li {
      border: 0 solid #004390;
      border-width: 1px 0 1px 1px;
      display: inline-block;
      padding: 14px 0;
      min-width: 40px;
      text-align: inherit;
      /*&:nth-child(n+6):nth-child(-n+9) {
                display: none;
            }*/
      /*@media only screen and (min-width : 600px) {
                &:nth-child(n+6):nth-child(-n+9) {
                    display: inline-block;
                }
            }*/ }
      .react-pagination-control ul li:first-child {
        border-radius: 4px 0 0 4px;
        border-width: 1px;
        margin-right: 10px; }
      .react-pagination-control ul li:last-child {
        border-radius: 0 4px 4px 0;
        border-width: 1px;
        margin-left: 10px; }
      .react-pagination-control ul li:nth-last-child(2) {
        border-right-width: 1px; }
      .react-pagination-control ul li.selected {
        background-color: #004390;
        color: white; }
        .react-pagination-control ul li.selected:hover {
          cursor: not-allowed; }
      .react-pagination-control ul li.disabled {
        background-color: white;
        border-color: #6397d3;
        color: #89b6ea; }
        .react-pagination-control ul li.disabled:hover {
          cursor: not-allowed; }
      .react-pagination-control ul li:hover:not(.disabled):not(.selected) {
        background-color: #004390;
        color: white;
        cursor: pointer; }
  .react-pagination-control .go-to-page {
    border: solid 1px #004390;
    border-radius: 3px;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 0 10px 0;
    padding: 5px 8px;
    text-align: left; }
    @media only screen and (min-width: 600px) {
      .react-pagination-control .go-to-page {
        margin-left: 30px; } }
    .react-pagination-control .go-to-page .goto {
      font-size: 0.95em;
      line-height: 1.2em;
      margin-right: 5px; }
    .react-pagination-control .go-to-page .of {
      display: inline-block;
      font-size: 0.95em;
      line-height: 1.2em;
      margin: 8px 5px 0 5px; }
    .react-pagination-control .go-to-page input {
      border: 1px solid #004390;
      height: 30px;
      margin-top: 6px;
      text-align: center;
      width: 30px; }

#proxyBid {
  color: #4d4d4d;
  font-family: canada-type-gibson,Helvetica,Arial,sans-serif;
  font-size: 1em;
  position: relative; }
  #proxyBid .heading {
    border-bottom: 1px solid #bbc9d7;
    font-size: 1.2em;
    font-weight: bold;
    padding: 20px 0 10px 0;
    margin-bottom: 20px; }
  #proxyBid #proxyBid-content {
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media only screen and (min-width: 600px) {
      #proxyBid #proxyBid-content {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
    #proxyBid #proxyBid-content #proxyBid-info {
      margin-bottom: 0; }
      @media only screen and (min-width: 600px) {
        #proxyBid #proxyBid-content #proxyBid-info {
          flex-basis: 50%;
          padding-right: 15px; } }
      #proxyBid #proxyBid-content #proxyBid-info .content {
        line-height: 1.5; }
    #proxyBid #proxyBid-content #proxyBid-bidding {
      flex-grow: 1;
      position: relative;
      color: #4d4d4d;
      font-size: 1em; }
      @media only screen and (min-width: 600px) {
        #proxyBid #proxyBid-content #proxyBid-bidding {
          margin-left: 30px;
          font-size: 18px; } }
      #proxyBid #proxyBid-content #proxyBid-bidding #proxyBid-current span {
        flex: 0 25%;
        -ms-flex: 0 25%;
        -webkit-flex: 0 25%; }
      #proxyBid #proxyBid-content #proxyBid-bidding #proxyBid-current #proxyBid-amount {
        display: block;
        padding-top: 15px;
        padding-left: 3px;
        font-size: 2em;
        font-weight: 500; }
      #proxyBid #proxyBid-content #proxyBid-bidding #proxyBid-bid {
        padding-left: 0; }
        #proxyBid #proxyBid-content #proxyBid-bidding #proxyBid-bid span {
          flex: 0 25%;
          -ms-flex: 0 25%;
          -webkit-flex: 0 25%; }
  #proxyBid .remove-button {
    position: relative;
    padding: .6em 1em;
    text-align: right;
    color: #004390;
    background-color: #fff;
    border-color: #004390;
    padding-right: 1.8em; }
    #proxyBid .remove-button .glyphicon {
      top: 3px !important;
      right: -20px;
      font-weight: normal; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

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

.slick-slide {
  min-height: 399px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-slider {
  z-index: 2;
  position: static; }

.slick-slide {
  outline: 0 none; }

.carousel__slide {
  display: none; }
  .carousel__slide:first-of-type {
    display: block; }
  .carousel__slide a {
    color: #fff;
    text-decoration: none; }

.slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 999;
  overflow: hidden;
  width: 4em;
  height: 4em;
  padding: 0;
  text-indent: -99999em;
  border: 2px solid;
  border-radius: 50%;
  background-color: transparent;
  transform: translateY(-50%);
  transition: all .3s ease-in; }
  .hero__carousel .slick-arrow {
    visibility: hidden;
    font-size: .75em;
    opacity: .5;
    border-color: #ffffff; }
    @media only screen and (min-width: 65em) {
      .hero__carousel .slick-arrow {
        visibility: visible; } }
    .hero__carousel .slick-arrow:hover {
      opacity: 1;
      background-color: #ffffff; }
    .hero__carousel .slick-arrow:after {
      background-color: transparent;
      color: #fff; }
  .hero:hover .slick-arrow {
    opacity: 1; }
  .item-detail__thumbs .slick-arrow {
    opacity: .5;
    border-color: #004390; }
    .item-detail__thumbs .slick-arrow:hover, .item-detail__thumbs .slick-arrow:focus {
      opacity: 1;
      background-color: #ffffff; }
  .card__carousel .slick-arrow {
    font-size: .6em;
    border-color: #004390;
    top: auto;
    bottom: 1em; }
    @media only screen and (min-width: 45em) {
      .card__carousel .slick-arrow {
        font-size: .5em; } }
    .card__carousel .slick-arrow:hover, .card__carousel .slick-arrow:focus {
      opacity: 1;
      background-color: #004390; }

.hero__carousel .slick-prev {
  left: .5em; }
  .hero__carousel .slick-prev::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1em;
    height: 1em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #ffffff;
    margin-top: -0.5em;
    transform: rotate(45deg);
    border-width: 0 0 0.25em 0.25em;
    left: 50%;
    margin-left: -0.25em; }
  .hero__carousel .slick-prev:hover::after, .hero__carousel .slick-prev:focus::after, .hero__carousel .slick-prev.active::after {
    border-color: #004390;
    transform: translateX(-0.25em) rotate(45deg); }
  @media only screen and (min-width: 65em) {
    .hero__carousel .slick-prev {
      left: 2em; } }

.item-detail__thumbs .slick-prev {
  left: 1em; }
  .item-detail__thumbs .slick-prev::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1em;
    height: 1em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #004390;
    margin-top: -0.5em;
    transform: rotate(45deg);
    border-width: 0 0 0.25em 0.25em;
    left: 50%;
    margin-left: -0.25em; }
  .item-detail__thumbs .slick-prev:hover::after, .item-detail__thumbs .slick-prev:focus::after, .item-detail__thumbs .slick-prev.active::after {
    border-color: #004390;
    transform: translateX(-0.25em) rotate(45deg); }

.card__carousel .slick-prev {
  left: 2em; }
  .card__carousel .slick-prev::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1em;
    height: 1em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #004390;
    margin-top: -0.5em;
    transform: rotate(45deg);
    border-width: 0 0 0.25em 0.25em;
    left: 50%;
    margin-left: -0.25em; }
  .card__carousel .slick-prev:hover::after, .card__carousel .slick-prev:focus::after, .card__carousel .slick-prev.active::after {
    border-color: #ffffff;
    transform: translateX(-0.25em) rotate(45deg); }

.hero__carousel .slick-next {
  right: .5em; }
  .hero__carousel .slick-next::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1em;
    height: 1em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #ffffff;
    margin-top: -0.5em;
    transform: rotate(45deg);
    border-width: 0.25em 0.25em 0 0;
    left: 50%;
    margin-left: -0.6em; }
  .hero__carousel .slick-next:hover::after, .hero__carousel .slick-next:focus::after, .hero__carousel .slick-next.active::after {
    border-color: #004390;
    transform: translateX(0.25em) rotate(45deg); }
  @media only screen and (min-width: 65em) {
    .hero__carousel .slick-next {
      right: 2em; } }

.item-detail__thumbs .slick-next {
  right: 1em; }
  .item-detail__thumbs .slick-next::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1em;
    height: 1em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #004390;
    margin-top: -0.5em;
    transform: rotate(45deg);
    border-width: 0.25em 0.25em 0 0;
    left: 50%;
    margin-left: -0.6em; }
  .item-detail__thumbs .slick-next:hover::after, .item-detail__thumbs .slick-next:focus::after, .item-detail__thumbs .slick-next.active::after {
    border-color: #004390;
    transform: translateX(0.25em) rotate(45deg); }

.card__carousel .slick-next {
  left: 7em; }
  .card__carousel .slick-next::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1em;
    height: 1em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #004390;
    margin-top: -0.5em;
    transform: rotate(45deg);
    border-width: 0.25em 0.25em 0 0;
    left: 50%;
    margin-left: -0.6em; }
  .card__carousel .slick-next:hover::after, .card__carousel .slick-next:focus::after, .card__carousel .slick-next.active::after {
    border-color: #ffffff;
    transform: translateX(0.25em) rotate(45deg); }

.button--fav {
  padding-left: 56px;
  border: 1px solid #bbc9d7;
  /*height: 55px;*/ }
  .button--fav > svg {
    position: absolute;
    top: 4px;
    left: .5em;
    overflow: auto;
    width: 2em;
    padding: 0.75em .25em 0 .25em; }
    .button--fav > svg .fill-1 {
      -moz-transform-origin: center center;
      -ms-transform-origin: center center;
      -o-transform-origin: center center;
      -webkit-transform-origin: center center;
      transform-origin: center center;
      fill: #bbc9d7;
      stroke: #c5a100;
      stroke-dasharray: 300;
      stroke-dashoffset: -300;
      -moz-transition: stroke-dashoffset .2s ease-in-out;
      -o-transition: stroke-dashoffset .2s ease-in-out;
      -webkit-transition: stroke-dashoffset .2s ease-in-out;
      transition: stroke-dashoffset .2s ease-in-out; }
    .button--fav > svg .fill-2 {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -moz-transform-origin: center center;
      -ms-transform-origin: center center;
      -o-transform-origin: center center;
      -webkit-transform-origin: center center;
      transform-origin: center center;
      fill: #fecd28;
      -moz-transition: -webkit-transform .2s ease-out;
      -o-transition: -webkit-transform .2s ease-out;
      -webkit-transition: -webkit-transform .2s ease-out;
      transition: -webkit-transform .2s ease-out;
      -moz-transition: transform .2s ease-out;
      -o-transition: transform .2s ease-out;
      -webkit-transition: transform .2s ease-out;
      transition: transform .2s ease-out; }
  @media only screen and (min-width: 900px) {
    .button--fav {
      font-size: 18px; } }

.staff-contact {
  /*border: 1px solid #bbc9d7;*/
  line-height: 1.5em;
  margin: 0 15px 20px 0;
  padding: 0; }
  @media only screen and (min-width: 900px) {
    .staff-contact {
      min-width: 392px;
      max-width: 444px; } }
  .staff-contact .contact-flex {
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 150px; }
    .staff-contact .contact-flex .headshot {
      /*height: 130px;*/
      margin: 0 15px 0 0;
      text-align: left; }
      .staff-contact .contact-flex .headshot img {
        border-radius: 50%;
        /*width: 100px;*/
        /*height: 125px;*/
        margin-top: 10px; }
        @media only screen and (min-width: 900px) {
          .staff-contact .contact-flex .headshot img {
            margin-top: 10px;
            width: 120px;
            /*height: 120px;*/ } }
    .staff-contact .contact-flex .side-content {
      padding-right: 5px; }
      .staff-contact .contact-flex .side-content .contact-name {
        font-size: 1.1em;
        font-weight: bold; }
      .staff-contact .contact-flex .side-content .contact-position {
        max-width: 250px; }
  .staff-contact .contact-email {
    display: block;
    font-size: 0.8em; }
    @media only screen and (min-width: 900px) {
      .staff-contact .contact-email {
        font-size: 1.1em; } }

#sale-interest {
  margin-top: -45px;
  margin-bottom: 45px; }
  #sale-interest .interested-button {
    margin-right: 1em;
    border: 1px solid #bbc9d7;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    font-size: 1.2em; }
    @media only screen and (min-width: 600px) {
      #sale-interest .interested-button {
        width: auto;
        margin-top: 0;
        font-size: 1em; } }
    #sale-interest .interested-button:hover {
      background-color: #76c044;
      border-color: #378c42;
      color: #fff; }

#upcoming-auctions {
  padding-top: 0.3em;
  font-size: 1em; }
  #upcoming-auctions #page-header {
    border: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0;
    margin: 10px 0 10px 0; }
    #upcoming-auctions #page-header .title {
      margin-bottom: 5px; }
    #upcoming-auctions #page-header hr {
      margin: 0; }
  #upcoming-auctions .location-upcoming {
    padding-bottom: 30px; }
  #upcoming-auctions .card__body .button:after {
    content: "";
    position: absolute;
    top: 50%;
    width: .6em;
    height: .6em;
    transition: all .3s ease-out;
    background-color: transparent;
    border: solid #004390;
    margin-top: -.3em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: .125em .125em 0 0;
    right: .9em; }
  #upcoming-auctions .card__body a {
    width: 100%;
    padding-right: 35px; }
  #upcoming-auctions .auction-event-summary {
    border: 1px solid #bbc9d7;
    font-weight: bold;
    padding: 0;
    margin-bottom: 30px;
    line-height: 1.55; }
    #upcoming-auctions .auction-event-summary .location {
      background-color: #ededed;
      border-bottom: 1px solid #bbc9d7;
      font-size: 1.4em;
      padding: 5px 10px; }
    #upcoming-auctions .auction-event-summary .content {
      /*background-color: $sky-blue;*/
      display: block;
      font-size: 1.1em;
      border-top: 1px solid #eff3f7; }
      #upcoming-auctions .auction-event-summary .content a {
        -ms-align-content: space-between;
        -webkit-align-content: space-between;
        align-content: space-between;
        align-items: center;
        background-color: white;
        color: #004390;
        display: flex;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-left: 5px; }
        #upcoming-auctions .auction-event-summary .content a .desc {
          display: inline-block;
          font-weight: normal;
          padding: 10px; }
          #upcoming-auctions .auction-event-summary .content a .desc .day-date {
            font-weight: bold; }
        #upcoming-auctions .auction-event-summary .content a .goto-event-button {
          padding: 0 10px;
          display: inline-block; }
        #upcoming-auctions .auction-event-summary .content a:hover {
          color: #009eef;
          text-decoration: none; }

#all-auctions .location-upcoming {
  display: none; }

#all-auctions #belfastAuctions #belfast-list {
  display: block; }

#all-auctions #dalryAuctions #dalry-list {
  display: block; }

#all-auctions #dublinAuctions #dublin-list {
  display: block; }

#all-auctions #newcastleAuctions #newcastle-list {
  display: block; }

#all-auctions #portadownAuctions #portadown-list {
  display: block; }

#all-auctions #queensferryAuctions #queensferry-list {
  display: block; }

#all-auctions #telfordAuctions #telford-list {
  display: block; }

#all-auctions #online-auctionAuctions #online-auction-list {
  display: block; }

#all-auctions #offsiteAuctions #offsite-list {
  display: block; }

@media only screen and (min-width: 45em) {
  .item-detail {
    padding-top: 2em; } }

.item-detail .btn--fav {
  margin: 0 0 1em 0; }
  @media only screen and (min-width: 45em) {
    .item-detail .btn--fav {
      position: absolute;
      top: 2em;
      right: 1em; } }
  @media only screen and (min-width: 65em) {
    .item-detail .btn--fav {
      right: 2em; } }

.item-detail__details {
  margin: 1em 0;
  position: relative; }
  @media only screen and (min-width: 45em) {
    .item-detail__details {
      margin: 0; } }

.item-detail__gallery {
  margin-bottom: 1em; }

.item-detail__thumbs {
  overflow: hidden;
  position: relative; }

.item-detail__thumb-list {
  display: none;
  margin: 0 -.25em;
  padding: 0;
  list-style-type: none;
  white-space: nowrap;
  overflow-x: scroll;
  font-size: .5em; }
  .js .item-detail__thumb-list {
    display: block;
    overflow-x: auto; }
  .item-detail__thumb-list img {
    display: block; }

.item-detail__thumb {
  display: inline-block;
  width: calc(33.33% - 18px);
  margin-left: 0; }
  .item-detail__thumb > * {
    font-size: 1em; }

.item-detail__breakdown {
  border: 1px solid #BBC9D7;
  border-radius: 2px;
  margin-bottom: 2em; }
  @media only screen and (min-width: 45em) {
    .item-detail__breakdown dt,
    .item-detail__breakdown dd {
      padding: 10px; } }
  .item-detail__breakdown dt:nth-of-type(odd),
  .item-detail__breakdown dd:nth-of-type(odd) {
    background-color: #EFF3F7; }
  .item-detail__breakdown dt {
    padding: 5px 10px;
    border-bottom: 1px solid #BBC9D7; }
    .item-detail__breakdown dt:first-of-type {
      flex: 1 100%;
      padding-bottom: 0;
      border-bottom: 0 none; }
    .item-detail__breakdown dt:last-of-type {
      border-bottom: 0 none; }
  .item-detail__breakdown dd {
    padding: 5px 10px;
    border-bottom: 1px solid #BBC9D7; }
    .item-detail__breakdown dd:first-of-type {
      flex: 1 100%;
      padding-top: 0;
      font-size: 2em; }
    .item-detail__breakdown dd:last-of-type {
      border-bottom: 0 none; }
  @media only screen and (min-width: 65em) {
    .item-detail__breakdown--small {
      font-size: .8em;
      margin-bottom: 0; } }

.filter {
  position: relative;
  margin-bottom: 1em;
  background-color: #EFF3F7;
  border: 1px solid #BBC9D7;
  border-radius: 2px; }
  .filter > .form {
    margin-bottom: 0;
    transition: max-height .3s ease-out;
    max-height: 70em;
    overflow: hidden;
    visibility: visible; }
    @media only screen and (min-width: 65em) {
      .filter > .form {
        display: flex;
        padding-top: 0;
        justify-content: space-between; } }
  .filter.js-togglemore--closed > .form {
    max-height: 0;
    visibility: hidden; }
    @media only screen and (min-width: 45em) {
      .filter.js-togglemore--closed > .form {
        max-height: 100%;
        visibility: visible; } }
  .filter .togglemore__viewmore {
    position: absolute;
    top: .5em;
    right: 1em;
    color: #FFF; }
    .filter .togglemore__viewmore.js-togglemore__toggle--is-active::before {
      transform: rotate(45deg); }
    .filter .togglemore__viewmore::before {
      content: "+\00a0";
      display: inline-block;
      vertical-align: middle;
      transition: transform .2s ease-out; }
    @media only screen and (min-width: 45em) {
      .filter .togglemore__viewmore {
        display: none;
        visibility: hidden; } }

.filter__title {
  padding: .5em 1em;
  font-weight: 300;
  font-size: 1em;
  color: #ffffff;
  background-color: #595959; }

.filter__list {
  padding: 1em 1em 0;
  margin-bottom: 1em; }
  @media only screen and (min-width: 65em) {
    .filter__list {
      display: flex;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
      /*display: flex;
        flex: 3;
        justify-content: space-between;
        align-items: center;*/ }
      .filter__list.vehicle-List {
        width: 100%; } }
  .filter__list .select {
    padding: 1em 2em 1.1em 1em; }
    .filter__list .select.page-size {
      padding-left: 0.6em; }

.filter__item {
  flex: 1;
  /*&:first-child {
        margin-left: 0;
    }*/ }
  @media only screen and (min-width: 65em) {
    .filter__item {
      margin-left: 1em; } }

.line-break {
  width: 100%; }

.filter__actions {
  display: flex;
  flex: 1;
  align-items: flex-end;
  padding: 0 1em 2em; }
  @media only screen and (min-width: 65em) {
    .filter__actions {
      padding-left: 0; } }
  .filter__actions > .button {
    padding-top: 1em;
    width: 100%; }
  .filter__actions #reset-filter {
    margin: 20px;
    width: 200px; }

#latest-news .news-image-link {
  display: inline-block;
  width: 288px;
  max-width: 100%; }
  @media only screen and (min-width: 900px) {
    #latest-news .news-image-link {
      height: 216px; } }

#latest-news img {
  max-height: 216px;
  width: 100%; }

.article-snippet.media {
  height: 465px;
  margin-bottom: 20px; }
  @media only screen and (min-width: 900px) {
    .article-snippet.media {
      margin-bottom: 0;
      height: 440px; } }

#featured-lot-block-list {
  visibility: hidden; }
  #featured-lot-block-list .home-page-location {
    color: #000; }
  #featured-lot-block-list .featured-header {
    padding-bottom: 0.55em; }
  #featured-lot-block-list .home-featured-lot-image {
    height: 214px;
    width: 100%; }
    @media only screen and (min-width: 900px) {
      #featured-lot-block-list .home-featured-lot-image {
        width: 285px; } }

#livebid {
  font-family: canada-type-gibson, Helvetica, Arial, sans-serif; }
  #livebid #page-header {
    font-size: 1.4em;
    font-weight: 600;
    padding: 0;
    border-bottom: 1px solid #bbc9d7; }
    #livebid #page-header .title {
      margin-bottom: 5px; }
    #livebid #page-header hr {
      margin: 0; }
  #livebid .terms-section {
    padding-top: 10px; }
    @media only screen and (min-width: 900px) {
      #livebid .terms-section {
        margin-left: 25%; } }
  #livebid .label {
    font-size: 16px; }
    @media only screen and (min-width: 900px) {
      #livebid .label {
        padding-top: 15px;
        font-size: 18px; } }
    #livebid .label.terms-label {
      padding-left: 2em;
      padding-top: 4px; }
  #livebid #parsley-id-multiple-termsCheck {
    text-align: left;
    margin-top: -20px; }
    @media only screen and (min-width: 900px) {
      #livebid #parsley-id-multiple-termsCheck {
        margin-left: 25%; } }
  #livebid #tabSections {
    padding-top: 30px; }
  #livebid select {
    font-size: 16px; }
  #livebid #homeButtons {
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 20px; }
    #livebid #homeButtons .livebid-section {
      margin: 5px 25px 15px 25px; }
      @media only screen and (min-width: 900px) {
        #livebid #homeButtons .livebid-section {
          margin-top: 25px; } }
    #livebid #homeButtons .homePageLink {
      display: block;
      height: 120px;
      line-height: 120px;
      width: 250px;
      background-color: #004390;
      color: #fff;
      text-align: center;
      text-decoration: none;
      font-weight: bold;
      font-size: 25px;
      margin-bottom: 20px; }
      #livebid #homeButtons .homePageLink:hover {
        background-color: #3369a6;
        color: #fff; }
      #livebid #homeButtons .homePageLink:visited {
        color: #fff; }
    #livebid #homeButtons .homePageText {
      width: 250px;
      font-size: 20px;
      text-align: center;
      font-weight: 500;
      margin-bottom: 5px; }
  #livebid .item-detail__details {
    font-size: 16px; }
    @media only screen and (min-width: 900px) {
      #livebid .item-detail__details {
        font-size: 18px; } }
    #livebid .item-detail__details dl {
      display: flex;
      flex-wrap: wrap;
      margin: 0; }
      #livebid .item-detail__details dl:after {
        content: "";
        display: table;
        clear: both; }
    #livebid .item-detail__details dt,
    #livebid .item-detail__details dd {
      flex: 1 50%;
      margin: 0;
      line-height: 1.8em;
      font-weight: normal; }
    #livebid .item-detail__details dd:first-of-type {
      flex: 1 100%;
      padding-top: 0;
      font-size: 1.8em;
      padding-left: 0.4em; }
    @media only screen and (min-width: 900px) {
      #livebid .item-detail__details dt {
        flex: 1 33%; } }
    @media only screen and (min-width: 900px) {
      #livebid .item-detail__details dd {
        padding-left: 1em;
        flex: 2 67%; } }
  #livebid #testPage h2 {
    padding: 20px 0; }
    #livebid #testPage h2 p.no-js {
      color: red;
      font-weight: bold;
      font-size: 1.5em; }
    #livebid #testPage h2 span.test {
      display: block;
      color: #000;
      padding: 4px;
      font-weight: bold; }
    #livebid #testPage h2 span.test.passed span {
      color: green; }
    #livebid #testPage h2 span.test.failed {
      color: red; }
    #livebid #testPage h2 span.test span {
      display: none; }
    #livebid #testPage h2 span.test.passed span.passed, #livebid #testPage h2 #testPage span.test.failed span.failed, #livebid #testPage h2 #testPage span.test.passed span.result, #livebid #testPage h2 #testPage span.test.failed span.result {
      display: inline-block; }
  #livebid .form__actions__confirmation .label {
    padding-top: 4px; }

#dashboard-tabs {
  width: 100%;
  font-size: 1.4em;
  font-weight: 600;
  padding: 0; }
  #dashboard-tabs span {
    width: 49%;
    display: inline-block;
    text-align: center;
    height: 50px;
    line-height: 50px; }
    @media only screen and (min-width: 900px) {
      #dashboard-tabs span {
        width: 49.5%; } }
    #dashboard-tabs span.other {
      background-color: #dbe3ea;
      border-bottom: 1px solid #dbe3ea; }
      #dashboard-tabs span.other:hover {
        cursor: pointer; }
  #dashboard-tabs a {
    color: #000;
    text-decoration: none; }

#content {
  font-size: 1.1em; }
  #content header {
    background-color: #fff; }
  #content .img-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    /*-ms-flex-pack: ;*/
    justify-content: space-around;
    padding: 1em 0;
    margin: 0;
    list-style-type: none; }
    @media only screen and (min-width: 900px) {
      #content .img-list {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
    #content .img-list .img-list__item {
      min-width: 33%;
      margin-bottom: 1.55em; }
      @media only screen and (min-width: 900px) {
        #content .img-list .img-list__item {
          margin-left: 1em;
          min-width: 0;
          margin-bottom: 0; }
          #content .img-list .img-list__item:first-child {
            margin-left: 0; } }
  #content .room + .room {
    padding-top: 1em; }

#locations {
  font-size: 1.1em; }
  #locations header {
    background-color: #fff; }
  #locations .heading--main {
    font-size: 2.1em; }
  #locations .article__header {
    padding-bottom: 0.2em; }
  #locations #location-manager {
    max-height: 535PX; }

#location-images {
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start; }
  #location-images .location-image {
    padding-bottom: 15px;
    width: 450px;
    max-height: 310px; }

#contact-list {
  font-size: 1.1em; }
  #contact-list header {
    background-color: #fff; }
  #contact-list .article__header {
    padding-bottom: 0.4em; }
  #contact-list .lede {
    padding-top: 1em; }
  #contact-list #wilsons-map {
    margin: 0 auto;
    text-align: center; }
  #contact-list .block-list__item {
    height: 230px; }

#team {
  font-size: 1.1em; }
  #team article {
    margin-bottom: 0; }
    #team article header {
      background-color: #fff; }
    #team article .article__header {
      padding-bottom: 0.4em;
      margin-bottom: 2em;
      position: relative; }
      #team article .article__header h1 {
        max-width: 90%; }
      #team article .article__header:hover {
        cursor: pointer; }
      #team article .article__header .staff-toggle {
        position: absolute;
        right: 15px;
        top: 5px; }
    #team article .block-list {
      list-style-type: none;
      padding-left: 0;
      height: auto; }
    @media only screen and (min-width: 900px) {
      #team article .block-list__item {
        min-height: 550px; } }
    #team article .block-list__item.closed {
      display: none; }
    #team article .block-list__item figure img {
      display: inline-block;
      max-height: 395px; }
    #team article .block-list__item .byline {
      height: 54px; }

#careers {
  font-size: 1.1em; }
  #careers header {
    background-color: #fff; }
  #careers .article__header {
    padding-bottom: 0.4em;
    margin-bottom: 2em; }
  #careers .vacancy p {
    margin-bottom: 1em; }

#job {
  font-size: 1.1em; }
  #job header {
    background-color: #fff; }
  #job .article__header {
    padding-bottom: 0.4em;
    margin-bottom: 2em; }
  #job article ul {
    padding-left: 0;
    margin: 1.55em 0;
    list-style-type: none; }
    #job article ul li {
      padding: 0 0 .25em;
      text-align: -webkit-match-parent; }
      #job article ul li:before {
        content: '\2022';
        color: #bbc9d7;
        display: inline-block;
        margin-right: .5em; }

#news {
  font-size: 1.1em; }
  #news header {
    background-color: #fff; }
  #news .article__header {
    padding-bottom: 0.4em;
    margin-bottom: 2em; }
  #news .selected a {
    color: #fff; }
  #news #news-paging a {
    padding: 10px; }
  #news .react-pagination-control ul li.selected a {
    color: #fff; }
  #news .news-feature-image {
    width: 220px; }
  #news .pagination__link {
    width: 2.5em;
    height: 2.5em;
    padding: 0.8em; }
  #news .pagination__item--active {
    background-color: #004390;
    color: #ffffff;
    text-decoration: none; }

#news-images {
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start; }
  #news-images .news-image {
    padding-bottom: 15px;
    width: 450px;
    max-height: 310px; }

#testPage h2 {
  padding: 10px 0; }

#testPage p.no-js {
  color: red;
  font-weight: bold;
  font-size: 1.5em; }

#testPage span.test {
  display: block;
  color: #000;
  padding: 4px;
  font-weight: bold; }

#testPage span.test.passed span {
  color: green; }

#testPage span.test.failed {
  color: red; }

#testPage span.test span {
  display: none; }

#testPage span.test.passed span.passed, #testPage span.test.failed span.failed, #testPage span.test.passed span.result, #testPage span.test.failed span.result {
  display: inline-block; }

/* Slider */
.item-detail__gallery {
  margin-bottom: 1em; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

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

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

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

.slick-slide {
  min-height: 399px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-slider {
  z-index: 2;
  position: static; }

.slick-slide {
  outline: 0 none; }

.carousel__slide {
  display: none; }
  .carousel__slide:first-of-type {
    display: block; }
  .carousel__slide a {
    color: #fff;
    text-decoration: none; }

.slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 999;
  overflow: hidden;
  width: 4em;
  height: 4em;
  padding: 0;
  text-indent: -99999em;
  border: 2px solid;
  border-radius: 50%;
  background-color: transparent;
  transform: translateY(-50%);
  transition: all .3s ease-in; }
  .hero__carousel .slick-arrow {
    visibility: hidden;
    font-size: .75em;
    opacity: .5;
    border-color: #ffffff; }
    @media only screen and (min-width: 65em) {
      .hero__carousel .slick-arrow {
        visibility: visible; } }
    .hero__carousel .slick-arrow:hover {
      opacity: 1;
      background-color: #ffffff; }
    .hero__carousel .slick-arrow:after {
      background-color: transparent;
      color: #fff; }
  .hero:hover .slick-arrow {
    opacity: 1; }
  .item-detail__thumbs .slick-arrow {
    opacity: .5;
    border-color: #004390; }
    .item-detail__thumbs .slick-arrow:hover, .item-detail__thumbs .slick-arrow:focus {
      opacity: 1;
      background-color: #ffffff; }
  .card__carousel .slick-arrow {
    font-size: .6em;
    border-color: #004390;
    top: auto;
    bottom: 1em; }
    @media only screen and (min-width: 45em) {
      .card__carousel .slick-arrow {
        font-size: .5em; } }
    .card__carousel .slick-arrow:hover, .card__carousel .slick-arrow:focus {
      opacity: 1;
      background-color: #004390; }

.hero__carousel .slick-prev {
  left: .5em; }
  .hero__carousel .slick-prev::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1em;
    height: 1em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #ffffff;
    margin-top: -0.5em;
    transform: rotate(45deg);
    border-width: 0 0 0.25em 0.25em;
    left: 50%;
    margin-left: -0.25em; }
  .hero__carousel .slick-prev:hover::after, .hero__carousel .slick-prev:focus::after, .hero__carousel .slick-prev.active::after {
    border-color: #004390;
    transform: translateX(-0.25em) rotate(45deg); }
  @media only screen and (min-width: 65em) {
    .hero__carousel .slick-prev {
      left: 2em; } }

.item-detail__thumbs .slick-prev {
  left: 1em; }
  .item-detail__thumbs .slick-prev::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1em;
    height: 1em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #004390;
    margin-top: -0.5em;
    transform: rotate(45deg);
    border-width: 0 0 0.25em 0.25em;
    left: 50%;
    margin-left: -0.25em; }
  .item-detail__thumbs .slick-prev:hover::after, .item-detail__thumbs .slick-prev:focus::after, .item-detail__thumbs .slick-prev.active::after {
    border-color: #004390;
    transform: translateX(-0.25em) rotate(45deg); }

.card__carousel .slick-prev {
  left: 2em; }
  .card__carousel .slick-prev::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1em;
    height: 1em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #004390;
    margin-top: -0.5em;
    transform: rotate(45deg);
    border-width: 0 0 0.25em 0.25em;
    left: 50%;
    margin-left: -0.25em; }
  .card__carousel .slick-prev:hover::after, .card__carousel .slick-prev:focus::after, .card__carousel .slick-prev.active::after {
    border-color: #ffffff;
    transform: translateX(-0.25em) rotate(45deg); }

.hero__carousel .slick-next {
  right: .5em; }
  .hero__carousel .slick-next::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1em;
    height: 1em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #ffffff;
    margin-top: -0.5em;
    transform: rotate(45deg);
    border-width: 0.25em 0.25em 0 0;
    left: 50%;
    margin-left: -0.6em; }
  .hero__carousel .slick-next:hover::after, .hero__carousel .slick-next:focus::after, .hero__carousel .slick-next.active::after {
    border-color: #004390;
    transform: translateX(0.25em) rotate(45deg); }
  @media only screen and (min-width: 65em) {
    .hero__carousel .slick-next {
      right: 2em; } }

.item-detail__thumbs .slick-next {
  right: 1em; }
  .item-detail__thumbs .slick-next::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1em;
    height: 1em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #004390;
    margin-top: -0.5em;
    transform: rotate(45deg);
    border-width: 0.25em 0.25em 0 0;
    left: 50%;
    margin-left: -0.6em; }
  .item-detail__thumbs .slick-next:hover::after, .item-detail__thumbs .slick-next:focus::after, .item-detail__thumbs .slick-next.active::after {
    border-color: #004390;
    transform: translateX(0.25em) rotate(45deg); }

.card__carousel .slick-next {
  left: 7em; }
  .card__carousel .slick-next::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1em;
    height: 1em;
    transition: all 0.3s ease-out;
    background-color: transparent;
    border: solid #004390;
    margin-top: -0.5em;
    transform: rotate(45deg);
    border-width: 0.25em 0.25em 0 0;
    left: 50%;
    margin-left: -0.6em; }
  .card__carousel .slick-next:hover::after, .card__carousel .slick-next:focus::after, .card__carousel .slick-next.active::after {
    border-color: #ffffff;
    transform: translateX(0.25em) rotate(45deg); }

.hero {
  position: relative;
  color: #ffffff;
  background-color: #004390; }
  .hero--plain {
    background-color: #ffffff;
    color: #222F39; }

.hero__bg {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: .5;
  background: url("/images/banner-bg.png?width=1920") no-repeat center center;
  background-size: cover;
  -moz-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in; }
  .hero__bg--off {
    opacity: 0; }

.hero__form {
  position: relative;
  z-index: 2;
  padding: 1em 1em 0;
  margin-bottom: 2em;
  border-radius: 2px;
  background-color: #ffffff;
  opacity: 0;
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  min-height: 91px;
  display: none; }
  .hero__form.js-hero-loaded {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .hero__form .select-wrap,
  .hero__form .input,
  .hero__form .textarea {
    background: #EFF3F7; }
  .hero__form .select-wrap {
    padding-right: 1.8em;
    padding: 0; }
    .hero__form .select-wrap::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 0.6em;
      height: 0.6em;
      transition: all 0.3s ease-out;
      background-color: transparent;
      border: solid #004390;
      margin-top: -0.3em;
      transform: rotate(45deg);
      border-width: 0 0.125em 0.125em 0;
      transform: translateY(-0.15em) rotate(45deg);
      right: 0.9em; }
    .hero__form .select-wrap:hover::after, .hero__form .select-wrap:focus::after, .hero__form .select-wrap.active::after {
      border-color: #009EEF; }
  .hero__form .field, .hero__form .action {
    display: inline-block;
    -ms-zoom: 1;
    zoom: 1;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal; }
  .hero__form .input {
    padding: 1.15em 1em; }
  .hero__form .single {
    width: 100%; }
    @media only screen and (min-width: 900px) {
      .hero__form .single {
        width: 18%;
        margin-left: 8px; } }
    @media only screen and (min-width: 1040px) {
      .hero__form .single {
        width: 19%; } }
  .hero__form .double {
    width: 100%; }
    @media only screen and (min-width: 900px) {
      .hero__form .double {
        margin-left: 8px;
        width: 38%; } }
    @media only screen and (min-width: 1040px) {
      .hero__form .double {
        width: 39%; } }
  .hero__form .hero-hide {
    display: none; }
  .hero__form .button--primary {
    width: 100%;
    padding: 1.15em 1em; }

.slick-slider {
  min-height: 230px; }
  @media only screen and (min-width: 600px) {
    .slick-slider {
      min-height: 399px; } }
  .slick-slider .slick-slide {
    min-height: 230px; }
    @media only screen and (min-width: 600px) {
      .slick-slider .slick-slide {
        min-height: 399px; } }

.hero__content {
  position: relative;
  z-index: 2;
  max-width: 75em;
  margin: 0 auto;
  padding: 2em 1em; }
  @media only screen and (min-width: 45em) {
    .hero__content {
      padding: 2em; } }
  @media only screen and (min-width: 65em) and (max-width: 90.625em) {
    .js-carousel .hero__content {
      padding: 2em 6em; } }
  .hero--plain .hero__content {
    /*@include clearfix;*/
    padding-bottom: 0;
    margin-top: 1em; }

.hero__title {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 10px; }
  @media only screen and (min-width: 900px) {
    .hero__title {
      font-size: 1.5em;
      margin-bottom: 0; } }
  @media only screen and (min-width: 1040px) {
    .hero__title {
      padding: 1em 0 0;
      font-size: 2.2em; } }

.hero__subheading {
  font-size: 0.9em; }
  @media only screen and (min-width: 900px) {
    .hero__subheading {
      font-size: 1.3em; } }
  @media only screen and (min-width: 1040px) {
    .hero__subheading {
      font-size: 1.8em; } }

.hero__title,
.hero__subheading {
  width: 66%; }
  @media only screen and (min-width: 900px) {
    .hero__title,
    .hero__subheading {
      max-width: 50%; } }

.heading--ruled {
  padding-top: 12px; }

.block-list {
  list-style-type: none;
  padding-left: 0; }

.block-list__item {
  margin-bottom: 1.55em; }

.card {
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid #BBC9D7;
  margin-bottom: 10px; }

.card--sml > .card__body {
  transform: translateX(-100%);
  transition: transform .2s ease, opacity .3s ease; }
  .card--sml > .card__body:first-of-type,
  .no-js .card--sml > .card__body {
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    border-top: 0; }
  .card--sml > .card__body:nth-child(1) {
    transition-delay: 25ms; }
  .card--sml > .card__body:nth-child(2) {
    transition-delay: 50ms; }
  .card--sml > .card__body:nth-child(3) {
    transition-delay: 75ms; }
  .card--sml > .card__body:nth-child(4) {
    transition-delay: 100ms; }
  .card--sml > .card__body:nth-child(5) {
    transition-delay: 125ms; }
  .card--sml > .card__body:nth-child(6) {
    transition-delay: 150ms; }
  .card--sml > .card__body:nth-child(7) {
    transition-delay: 175ms; }
  .card--sml > .card__body:nth-child(8) {
    transition-delay: 200ms; }
  .card--sml > .card__body:nth-child(9) {
    transition-delay: 225ms; }
  .card--sml > .card__body:nth-child(10) {
    transition-delay: 250ms; }

.js-togglemore .card__body {
  visibility: hidden;
  height: 0;
  opacity: 0;
  background-color: #fff; }

.js-togglemore--open .js-togglemore .card__body {
  visibility: visible;
  height: auto;
  opacity: 1;
  border-top: 1px solid #EFF3F7;
  transform: translateX(0); }

.card__header {
  position: relative;
  padding: .4em 1em;
  background-color: #EFF3F7;
  border-bottom: 1px solid #BBC9D7; }
  .card__header .auction-location__title {
    margin-left: 30%; }
  .card__header .date-label--fixed {
    bottom: 0; }

.card__title {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 4em;
  font-size: 1.4em;
  line-height: 1.25;
  padding-left: 1em;
  padding-right: 1em;
  font-weight: 300; }
  @media only screen and (min-width: 45em) {
    .card__title {
      height: 4.7em;
      font-size: 1em;
      line-height: 1.55; } }

.card__body {
  border-width: 7px;
  background-color: #fff; }
  .card__body .btn {
    display: block;
    padding-right: 1.8em; }
    .card__body .btn::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 0.6em;
      height: 0.6em;
      transition: all 0.3s ease-out;
      background-color: transparent;
      border: solid #004390;
      margin-top: -0.3em;
      transform: rotate(45deg);
      border-width: 0.125em 0.125em 0 0;
      right: 0.9em; }
    .card__body .btn:hover::after, .card__body .btn:focus::after, .card__body .btn.active::after {
      border-color: #009EEF;
      transform: translateX(0.15em) rotate(45deg); }
  .card__body .date {
    font-weight: 600; }
  .card--sml .card__body {
    border-left-style: solid; }
  .card--lrg .card__body {
    border-bottom-style: solid;
    padding-bottom: 3em; }
  .card__body.card--theme-car {
    border-color: #3A8ACF; }
  .card__body.card--theme-van {
    border-color: #715E9B; }
  .card__body.card--theme-tender {
    border-color: #7EA641; }
  .card__body.card--theme-plant {
    border-color: #006783; }
  .card__body.card--theme-property {
    border-color: #349981; }
  .card__body.card--theme-liquidation {
    border-color: #F08A46; }

.card-list .togglemore__viewmore {
  display: block;
  margin-top: .5em;
  font-size: 1em; }
  @media only screen and (min-width: 900px) {
    .card-list .togglemore__viewmore {
      font-size: 1.1em; } }
  .card-list .togglemore__viewmore.js-togglemore__toggle--is-active::before {
    transform: rotate(45deg); }
  .card-list .togglemore__viewmore::before {
    margin-top: -4px;
    content: "+\00a0";
    display: inline-block;
    vertical-align: middle;
    transition: transform .2s ease-out; }

.date-label {
  padding: .5em 1em;
  color: #ffffff;
  background-color: #004390; }
  .date-label--fixed {
    position: absolute;
    top: 0;
    left: 0; }

.frequency-label {
  display: inline-block;
  padding: .5em;
  text-transform: uppercase;
  font-size: .8em;
  letter-spacing: 2px;
  background-color: #EFF3F7;
  border-radius: 2px; }

.article {
  padding: 0;
  margin-bottom: 1.55em; }

/*============================
=            List            =
============================*/
.article__img--main {
  margin-bottom: 1em; }

.article__header {
  border-bottom: 1px solid #BBC9D7;
  padding-bottom: 1em;
  margin-bottom: 1em; }

.article__title {
  margin-bottom: 0; }
  @media only screen and (max-width: 30em) {
    .article__title {
      font-size: 1.1em;
      margin-bottom: 0.5em; } }

.article--vertical {
  border: none;
  padding: 0; }

.article__fig {
  margin-bottom: 1.55em; }

.article-snippet {
  position: relative; }
  .article-snippet:after {
    content: "";
    display: table;
    clear: both; }

.article-snippet__fig {
  width: 100%;
  clear: both; }
  @media only screen and (min-width: 45em) {
    .article-snippet--horizontal .article-snippet__fig {
      max-width: 220px;
      float: left;
      margin-right: 1em;
      width: 33%; } }

@media only screen and (min-width: 45em) {
  .article-snippet--horizontal .article-snippet__body {
    overflow: hidden; } }

.article__readmore {
  display: block;
  margin-top: -1em; }
  .article__readmore::after {
    content: "\00a0\00BB"; }

.modal {
  text-align: center;
  padding: 0 !important; }
  .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; }
  .modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 92%; }
    @media only screen and (min-width: 600px) {
      .modal .modal-dialog {
        width: 30%; } }
  .modal .modal-backdrop {
    background-color: #004390; }
  .modal .modal-header {
    height: 60px;
    background-color: #004390;
    color: #fff;
    border-bottom: none; }
  .modal .modal-header .close {
    color: #fff; }
  .modal .modal-footer {
    border-top: none; }
  .modal .byline {
    margin-bottom: 0; }
  .modal .field {
    margin-bottom: 5px; }
  .modal .label {
    margin-top: 13px;
    flex: none;
    width: 100%; }
  .modal .input {
    flex-basis: inherit; }
  .modal #sending {
    display: none;
    margin: 40px 0;
    text-align: center;
    font-size: 1.8em; }
  .modal li {
    text-align: left; }

.modal-backdrop.in {
  opacity: 0.7;
  background: #004390;
  filter: alpha(opacity=50); }

#message-sent {
  color: #004390;
  font-weight: bold; }

.sending-failed {
  color: #b20000;
  font-weight: bold; }

.ng-hide, .ng-cloak {
  display: none !important; }

.login-warning {
  background-color: #ffc700;
  color: #715d23;
  line-height: 25px;
  margin: 0 0 15px 0;
  line-height: 40px;
  padding: 9px 0 7px 0; }

.warning-icon {
  background: #fff none repeat scroll 0 0;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #ffc700;
  display: inline-block;
  font-family: Lato-Bold;
  font-size: 19px;
  font-style: normal;
  height: 27px;
  line-height: 27px;
  margin: 0;
  text-align: center;
  vertical-align: baseline;
  width: 27px;
  margin-right: 15px; }

.warning-icon:after {
  content: '!'; }

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

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

.bid-success {
  color: #2e7d32; }

.bid-danger {
  color: #c62828; }

#react-list-display-options {
  padding-bottom: 10px; }

.lot-no.lot-ending {
  background-color: #b71c1c !important; }

.time-left {
  position: absolute;
  right: 0;
  padding: 9px 0 8px 8px;
  background-color: white;
  border: 1px solid #bbc9d7; }
  .time-left span, .time-left i {
    vertical-align: middle; }
  .time-left span {
    float: right;
    display: inline-block;
    width: 110px;
    padding-left: 2px;
    font-size: 18px; }
  .time-left i {
    float: left;
    font-size: 1.6em; }
  .time-left.time-ending {
    border: 1px solid #b71c1c; }
    .time-left.time-ending span, .time-left.time-ending i {
      color: #b71c1c; }

.lot-carousel > div {
  width: 33.33%;
  display: inline-block;
  margin: 0 0 .5em; }

.timed-list .data-container .title {
  margin-top: 50px; }

.timed-list .data-container .number {
  position: absolute;
  right: 144px; }

.timed-list .react-data-table {
  font-size: 1.2em; }
  .timed-list .react-data-table .plant-item {
    width: 50%; }

.watch.plant-item {
  height: 40px; }

.watch > i {
  position: absolute;
  right: 25px;
  font-size: 36px;
  cursor: pointer;
  opacity: 0.6; }
  .watch > i.watching {
    color: #0d47a1;
    opacity: 1; }
  .watch > i.remove-watch {
    color: #b71c1c;
    opacity: 1; }

.watch.watch-listing-detail > i {
  top: 60px; }

.bid-status.plant-item {
  width: 50%; }

.bid-status.bid-success th, .bid-status.bid-success td {
  font-weight: bold !important;
  background-color: #c5e1a5;
  font-size: 1.2em;
  padding-top: 7px !important; }

.bid-status.bid-danger th, .bid-status.bid-danger td {
  font-weight: bold !important;
  background-color: #ffcdd2;
  font-size: 1.2em;
  padding-top: 7px !important; }

.buy-it-now h3 {
  display: inline-block;
  width: 133px;
  text-align: center; }

.react-lot-detail.lot-detail-timed .lot-content .text-content .lot-no {
  right: 140px;
  font-size: 18px; }
  .react-lot-detail.lot-detail-timed .lot-content .text-content .lot-no.lot-ending {
    background-color: #b71c1c;
    font-size: 17px; }

.react-lot-detail .current-bid-info {
  position: absolute;
  left: 0;
  padding: 10px 10px;
  margin-top: 40px; }
  .react-lot-detail .current-bid-info h3 {
    display: inline-block; }

.react-lot-detail .view-button {
  background-color: #76c044;
  border: 1px solid #378c42;
  border-radius: 2px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  display: inline-block;
  margin: 10px 0px 10px 0; }
  .react-lot-detail .view-button.confirm-button {
    border-color: #dd2c00;
    background-color: #ff5722; }
    .react-lot-detail .view-button.confirm-button:hover {
      background-color: #ff3d00; }
  .react-lot-detail .view-button:hover {
    background-color: #689940;
    cursor: pointer; }
  .react-lot-detail .view-button a {
    color: #FFF;
    text-decoration: none;
    font-size: 0.8em;
    padding: 10px 10px 10px 20px; }

.timed-bid-table tr:first-child td {
  padding: 56px 0 15px 10px !important; }

.timed-bid-table .bidding-control {
  margin-top: 40px; }
  .timed-bid-table .bidding-control .currencyinput {
    background-color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 8px 0;
    border: 1px solid #bbc9d7; }
  .timed-bid-table .bidding-control .bid-number-label {
    display: block;
    font-size: 0.5em;
    opacity: 0.75;
    margin-top: -17px; }
  .timed-bid-table .bidding-control .bid-box {
    width: 115px;
    text-align: center;
    margin: 8px 0;
    border: 0; }
  .timed-bid-table .bidding-control .min-bid-label {
    display: block;
    font-size: 0.5em;
    opacity: 0.75;
    margin-top: -9px; }
  .timed-bid-table .bidding-control .max-bid-label {
    display: block;
    font-size: 0.6em;
    color: #004390; }
  .timed-bid-table .bidding-control .bid-message {
    display: block;
    font-size: 0.6em; }
    .timed-bid-table .bidding-control .bid-message.bid-success {
      color: #2e7d32; }
    .timed-bid-table .bidding-control .bid-message.bid-danger {
      color: #c62828; }
  .timed-bid-table .bidding-control .bid-success-message {
    display: inline-block;
    font-size: 0.6em;
    color: #43a047; }
  .timed-bid-table .bidding-control .loading-container {
    display: inline-block; }
    .timed-bid-table .bidding-control .loading-container .loading-indicator {
      width: 60px; }
  .timed-bid-table .bidding-control .panel-body {
    font-size: 0.6em; }

.paging-options {
  align-self: flex-start;
  margin-left: 1em;
  margin-bottom: 0;
  flex: 0.7; }

.listing-refresh {
  flex: 0.3;
  /*position: relative;*/ }
  .listing-refresh .button {
    background: #595959;
    color: #fff;
    margin: 1em 0.2em 0 1em;
    text-align: right;
    text-align: center;
    font-size: 1.2em; }
    @media only screen and (min-width: 900px) {
      .listing-refresh .button {
        position: absolute;
        margin: 0;
        right: 1em;
        bottom: 1em;
        font-size: 1em; } }
    .listing-refresh .button i {
      margin-right: 5px; }
    .listing-refresh .button:hover {
      cursor: pointer; }

.react-pagination-list {
  padding: 0; }

.paging-context:hover {
  background-color: inherit !important;
  color: inherit !important;
  cursor: default !important; }

.form__list--nested {
  background-color: #F7FBFF;
  border: 1px solid #bbc9d7;
  margin: 0; }
  .form__list--nestedli:first-child {
    margin-left: 0; }

#account #page-header {
  font-size: 1.4em;
  font-weight: 600;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #bbc9d7; }

@media only screen and (min-width: 1040px) {
  .react-lot-summary .data-container .title {
    margin-top: 0;
    margin-right: 245px; }
  .react-lot-detail .current-bid-info {
    margin-top: 0; }
  .timed-bid-table .bidding-control {
    margin-top: 0; } }