@charset "UTF-8";
/*- - - - - - - - - - - */
/* Brand Colour */
/* Site Colours */
/* font-stacks */
/*  Red alert */
/* IVECO Brand Colour */
@font-face {
  font-family: 'Roboto Regular';
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Regular.eot");
  /* IE9 Compat Modes */
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Regular.eot#iefix") format("embedded-opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Regular.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Regular.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Regular.ttf") format("opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Regular.svg") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'Roboto Bold';
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Bold.eot");
  /* IE9 Compat Modes */
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Bold.eot#iefix") format("embedded-opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Bold.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Bold.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Bold.ttf") format("opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Bold.svg") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'Roboto Black';
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Black.eot");
  /* IE9 Compat Modes */
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Black.eot#iefix") format("embedded-opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Black.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Black.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Black.ttf") format("opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Black.svg") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/RobotoCondensed-Regular.eot");
  /* IE9 Compat Modes */
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/RobotoCondensed-Regular.eot#iefix") format("embedded-opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/RobotoCondensed-Regular.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/RobotoCondensed-Regular.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/RobotoCondensed-Regular.ttf") format("opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/RobotoCondensed-Regular.svg") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'Roboto Condensed Bold';
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/RobotoCondensed-Bold.eot");
  /* IE9 Compat Modes */
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/RobotoCondensed-Bold.eot#iefix") format("embedded-opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/RobotoCondensed-Bold.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/RobotoCondensed-Bold.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/RobotoCondensed-Bold.ttf") format("opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/RobotoCondensed-Bold.svg") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'Roboto Bold Digits';
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Bold-Digits.eot");
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Bold-Digits.eot#iefix") format("embedded-opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Bold-Digits.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Bold-Digits.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Bold-Digits.ttf") format("opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/Roboto-Bold-Digits.svg") format("svg"); }

@font-face {
  font-family: 'Goudy Bookletter Digits';
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/goudybookletter1911-digits.eot");
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/goudybookletter1911-digits.eot#iefix") format("embedded-opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/goudybookletter1911-digits.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/goudybookletter1911-digits.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/goudybookletter1911-digits.ttf") format("opentype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/webfonts/goudybookletter1911-digits.svg") format("svg"); }

/* Normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

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

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

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

blockquote {
  margin: 1em 40px; }

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

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

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

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

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

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

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

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

/*csslint important:false*/
/* ==========================================================================
   Pure Base Extras
   ========================================================================== */
/**
 * Extra rules that Pure adds on top of Normalize.css
 */
/**
 * Always hide an element when it has the `hidden` HTML attribute.
 */
[hidden] {
  display: none !important; }

/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */
.pure-img {
  max-width: 100%;
  height: auto;
  display: block; }

/* YUI Purecss */
/*
Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
.pure-g {
  letter-spacing: -0.31em;
  /* Webkit: collapse white-space between units */
  *letter-spacing: normal;
  /* reset IE < 8 */
  *word-spacing: -0.43em;
  /* IE < 8: collapse white-space between units */
  text-rendering: optimizespeed;
  /* Webkit: fixes text-rendering: optimizeLegibility */
  /*
    Sets the font stack to fonts known to work properly with the above letter
    and word spacings. See: https://github.com/yui/pure/issues/41/

    The following font stack makes Pure Grids work on all known environments.

    * FreeSans: Ships with many Linux distros, including Ubuntu

    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
      Arial to get picked up by the browser, even though neither is available
      in Chrome OS.

    * Droid Sans: Ships with all versions of Android.

    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
    */
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  /*
    Use flexbox when possible to avoid `letter-spacing` side-effects.

    NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
    `-moz-` prefix version is omitted.
    */
  /*
   NOTE: Geoff: 2 Sept 2016 - Current versions of Firefox (47.0) support flex-wrap
   */
  display: flex;
  flex-wrap: wrap;
  /*
   flexbox (above) added
   */
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  /* IE10 uses display: flexbox */
  display: -ms-flexbox;
  -ms-flex-flow: row wrap; }

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
  word-spacing: -0.43em; }

.pure-u {
  display: inline-block;
  *display: inline;
  /* IE < 8: fake inline-block */
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class*="pure-u"] {
  font-family: sans-serif; }

/* Added by Anish to hide */
.pure-u-0 {
  display: none; }

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

.pure-u-1-24 {
  width: 4.1667%;
  *width: 4.1357%; }

.pure-u-1-12,
.pure-u-2-24 {
  width: 8.3333%;
  *width: 8.3023%; }

.pure-u-1-8,
.pure-u-3-24 {
  width: 12.5000%;
  *width: 12.4690%; }

.pure-u-1-6,
.pure-u-4-24 {
  width: 16.6667%;
  *width: 16.6357%; }

.pure-u-1-5 {
  width: 20%;
  *width: 19.9690%; }

.pure-u-5-24 {
  width: 20.8333%;
  *width: 20.8023%; }

.pure-u-1-4,
.pure-u-6-24 {
  width: 25%;
  *width: 24.9690%; }

.pure-u-7-24 {
  width: 29.1667%;
  *width: 29.1357%; }

.pure-u-1-3,
.pure-u-8-24 {
  width: 33.3333%;
  *width: 33.3023%; }

.pure-u-3-8,
.pure-u-9-24 {
  width: 37.5000%;
  *width: 37.4690%; }

.pure-u-2-5 {
  width: 40%;
  *width: 39.9690%; }

.pure-u-5-12,
.pure-u-10-24 {
  width: 41.6667%;
  *width: 41.6357%; }

.pure-u-11-24 {
  width: 45.8333%;
  *width: 45.8023%; }

.pure-u-1-2,
.pure-u-12-24 {
  width: 50%;
  *width: 49.9690%; }

.pure-u-13-24 {
  width: 54.1667%;
  *width: 54.1357%; }

.pure-u-7-12,
.pure-u-14-24 {
  width: 58.3333%;
  *width: 58.3023%; }

.pure-u-3-5 {
  width: 60%;
  *width: 59.9690%; }

.pure-u-5-8,
.pure-u-15-24 {
  width: 62.5000%;
  *width: 62.4690%; }

.pure-u-2-3,
.pure-u-16-24 {
  width: 66.6667%;
  *width: 66.6357%; }

.pure-u-17-24 {
  width: 70.8333%;
  *width: 70.8023%; }

.pure-u-3-4,
.pure-u-18-24 {
  width: 75%;
  *width: 74.9690%; }

.pure-u-19-24 {
  width: 79.1667%;
  *width: 79.1357%; }

.pure-u-4-5 {
  width: 80%;
  *width: 79.9690%; }

.pure-u-5-6,
.pure-u-20-24 {
  width: 83.3333%;
  *width: 83.3023%; }

.pure-u-7-8,
.pure-u-21-24 {
  width: 87.5000%;
  *width: 87.4690%; }

.pure-u-11-12,
.pure-u-22-24 {
  width: 91.6667%;
  *width: 91.6357%; }

.pure-u-23-24 {
  width: 95.8333%;
  *width: 95.8023%; }

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
  width: 100%; }

/*
Including the grids-responsive* conditionally, as the entire grids-responsive*.scss is a single mixin,
	it won't be included during the import process.
*/
/*
    Pure v0.5.0
    Copyright 2014 Yahoo! Inc. All rights reserved.
    Licensed under the BSD License.
    https://github.com/yui/pure/blob/master/LICENSE.md
    */
@media screen and (min-width: 384px) {
  .pure-u-xs-1,
  .pure-u-xs-1-1,
  .pure-u-xs-1-2,
  .pure-u-xs-1-3,
  .pure-u-xs-2-3,
  .pure-u-xs-1-4,
  .pure-u-xs-3-4,
  .pure-u-xs-1-6,
  .pure-u-xs-5-6,
  .pure-u-xs-1-7,
  .pure-u-xs-2-7,
  .pure-u-xs-3-7,
  .pure-u-xs-4-7,
  .pure-u-xs-5-7,
  .pure-u-xs-6-7,
  .pure-u-xs-7-7,
  .pure-u-xs-1-8,
  .pure-u-xs-3-8,
  .pure-u-xs-5-8,
  .pure-u-xs-7-8,
  .pure-u-xs-1-12,
  .pure-u-xs-5-12,
  .pure-u-xs-7-12,
  .pure-u-xs-11-12,
  .pure-u-xs-1-24,
  .pure-u-xs-2-24,
  .pure-u-xs-3-24,
  .pure-u-xs-4-24,
  .pure-u-xs-5-24,
  .pure-u-xs-6-24,
  .pure-u-xs-7-24,
  .pure-u-xs-8-24,
  .pure-u-xs-9-24,
  .pure-u-xs-10-24,
  .pure-u-xs-11-24,
  .pure-u-xs-12-24,
  .pure-u-xs-13-24,
  .pure-u-xs-14-24,
  .pure-u-xs-15-24,
  .pure-u-xs-16-24,
  .pure-u-xs-17-24,
  .pure-u-xs-18-24,
  .pure-u-xs-19-24,
  .pure-u-xs-20-24,
  .pure-u-xs-21-24,
  .pure-u-xs-22-24,
  .pure-u-xs-23-24,
  .pure-u-xs-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-xs-1-7 {
    width: 14.2857%;
    *width: 14.2547%; }
  .pure-u-xs-2-7 {
    width: 28.5714%;
    *width: 28.5404%; }
  .pure-u-xs-3-7 {
    width: 42.8571%;
    *width: 42.8261%; }
  .pure-u-xs-4-7 {
    width: 57.1429%;
    *width: 57.1119%; }
  .pure-u-xs-5-7 {
    width: 71.4286%;
    *width: 71.3976%; }
  .pure-u-xs-6-7 {
    width: 85.7143%;
    *width: 85.6833%; }
  .pure-u-xs-1-24 {
    width: 4.1667%;
    *width: 4.1357%; }
  .pure-u-xs-1-12,
  .pure-u-xs-2-24 {
    width: 8.3333%;
    *width: 8.3023%; }
  .pure-u-xs-1-8,
  .pure-u-xs-3-24 {
    width: 12.5000%;
    *width: 12.4690%; }
  .pure-u-xs-1-6,
  .pure-u-xs-4-24 {
    width: 16.6667%;
    *width: 16.6357%; }
  .pure-u-xs-5-24 {
    width: 20.8333%;
    *width: 20.8023%; }
  .pure-u-xs-1-4,
  .pure-u-xs-6-24 {
    width: 25%;
    *width: 24.9690%; }
  .pure-u-xs-7-24 {
    width: 29.1667%;
    *width: 29.1357%; }
  .pure-u-xs-1-3,
  .pure-u-xs-8-24 {
    width: 33.3333%;
    *width: 33.3023%; }
  .pure-u-xs-3-8,
  .pure-u-xs-9-24 {
    width: 37.5000%;
    *width: 37.4690%; }
  .pure-u-xs-5-12,
  .pure-u-xs-10-24 {
    width: 41.6667%;
    *width: 41.6357%; }
  .pure-u-xs-11-24 {
    width: 45.8333%;
    *width: 45.8023%; }
  .pure-u-xs-1-2,
  .pure-u-xs-12-24 {
    width: 50%;
    *width: 49.9690%; }
  .pure-u-xs-13-24 {
    width: 54.1667%;
    *width: 54.1357%; }
  .pure-u-xs-7-12,
  .pure-u-xs-14-24 {
    width: 58.3333%;
    *width: 58.3023%; }
  .pure-u-xs-5-8,
  .pure-u-xs-15-24 {
    width: 62.5000%;
    *width: 62.4690%; }
  .pure-u-xs-2-3,
  .pure-u-xs-16-24 {
    width: 66.6667%;
    *width: 66.6357%; }
  .pure-u-xs-17-24 {
    width: 70.8333%;
    *width: 70.8023%; }
  .pure-u-xs-3-4,
  .pure-u-xs-18-24 {
    width: 75%;
    *width: 74.9690%; }
  .pure-u-xs-19-24 {
    width: 79.1667%;
    *width: 79.1357%; }
  .pure-u-xs-5-6,
  .pure-u-xs-20-24 {
    width: 83.3333%;
    *width: 83.3023%; }
  .pure-u-xs-7-8,
  .pure-u-xs-21-24 {
    width: 87.5000%;
    *width: 87.4690%; }
  .pure-u-xs-11-12,
  .pure-u-xs-22-24 {
    width: 91.6667%;
    *width: 91.6357%; }
  .pure-u-xs-23-24 {
    width: 95.8333%;
    *width: 95.8023%; }
  .pure-u-xs-1,
  .pure-u-xs-1-1,
  .pure-u-xs-7-7,
  .pure-u-xs-24-24 {
    width: 100%; } }

@media screen and (min-width: 568px) {
  /*
        Pure style do hide element
        @author - Anish Xavier
        */
  .pure-u-sm-0 {
    display: none; }
  .pure-u-sm-1,
  .pure-u-sm-1-1,
  .pure-u-sm-1-2,
  .pure-u-sm-1-3,
  .pure-u-sm-2-3,
  .pure-u-sm-1-4,
  .pure-u-sm-3-4,
  .pure-u-sm-1-5,
  .pure-u-sm-2-5,
  .pure-u-sm-3-5,
  .pure-u-sm-4-5,
  .pure-u-sm-5-5,
  .pure-u-sm-1-6,
  .pure-u-sm-5-6,
  .pure-u-sm-1-8,
  .pure-u-sm-3-8,
  .pure-u-sm-5-8,
  .pure-u-sm-7-8,
  .pure-u-sm-1-12,
  .pure-u-sm-5-12,
  .pure-u-sm-7-12,
  .pure-u-sm-11-12,
  .pure-u-sm-1-24,
  .pure-u-sm-2-24,
  .pure-u-sm-3-24,
  .pure-u-sm-4-24,
  .pure-u-sm-5-24,
  .pure-u-sm-6-24,
  .pure-u-sm-7-24,
  .pure-u-sm-8-24,
  .pure-u-sm-9-24,
  .pure-u-sm-10-24,
  .pure-u-sm-11-24,
  .pure-u-sm-12-24,
  .pure-u-sm-13-24,
  .pure-u-sm-14-24,
  .pure-u-sm-15-24,
  .pure-u-sm-16-24,
  .pure-u-sm-17-24,
  .pure-u-sm-18-24,
  .pure-u-sm-19-24,
  .pure-u-sm-20-24,
  .pure-u-sm-21-24,
  .pure-u-sm-22-24,
  .pure-u-sm-23-24,
  .pure-u-sm-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-sm-1-24 {
    width: 4.1667%;
    *width: 4.1357%; }
  .pure-u-sm-1-12,
  .pure-u-sm-2-24 {
    width: 8.3333%;
    *width: 8.3023%; }
  .pure-u-sm-1-8,
  .pure-u-sm-3-24 {
    width: 12.5000%;
    *width: 12.4690%; }
  .pure-u-sm-1-6,
  .pure-u-sm-4-24 {
    width: 16.6667%;
    *width: 16.6357%; }
  .pure-u-sm-1-5 {
    width: 20%;
    *width: 19.9690%; }
  .pure-u-sm-5-24 {
    width: 20.8333%;
    *width: 20.8023%; }
  .pure-u-sm-1-4,
  .pure-u-sm-6-24 {
    width: 25%;
    *width: 24.9690%; }
  .pure-u-sm-7-24 {
    width: 29.1667%;
    *width: 29.1357%; }
  .pure-u-sm-1-3,
  .pure-u-sm-8-24 {
    width: 33.3333%;
    *width: 33.3023%; }
  .pure-u-sm-3-8,
  .pure-u-sm-9-24 {
    width: 37.5000%;
    *width: 37.4690%; }
  .pure-u-sm-2-5 {
    width: 40%;
    *width: 39.9690%; }
  .pure-u-sm-5-12,
  .pure-u-sm-10-24 {
    width: 41.6667%;
    *width: 41.6357%; }
  .pure-u-sm-11-24 {
    width: 45.8333%;
    *width: 45.8023%; }
  .pure-u-sm-1-2,
  .pure-u-sm-12-24 {
    width: 50%;
    *width: 49.9690%; }
  .pure-u-sm-13-24 {
    width: 54.1667%;
    *width: 54.1357%; }
  .pure-u-sm-7-12,
  .pure-u-sm-14-24 {
    width: 58.3333%;
    *width: 58.3023%; }
  .pure-u-sm-3-5 {
    width: 60%;
    *width: 59.9690%; }
  .pure-u-sm-5-8,
  .pure-u-sm-15-24 {
    width: 62.5000%;
    *width: 62.4690%; }
  .pure-u-sm-2-3,
  .pure-u-sm-16-24 {
    width: 66.6667%;
    *width: 66.6357%; }
  .pure-u-sm-17-24 {
    width: 70.8333%;
    *width: 70.8023%; }
  .pure-u-sm-3-4,
  .pure-u-sm-18-24 {
    width: 75%;
    *width: 74.9690%; }
  .pure-u-sm-19-24 {
    width: 79.1667%;
    *width: 79.1357%; }
  .pure-u-sm-4-5 {
    width: 80%;
    *width: 79.9690%; }
  .pure-u-sm-5-6,
  .pure-u-sm-20-24 {
    width: 83.3333%;
    *width: 83.3023%; }
  .pure-u-sm-7-8,
  .pure-u-sm-21-24 {
    width: 87.5000%;
    *width: 87.4690%; }
  .pure-u-sm-11-12,
  .pure-u-sm-22-24 {
    width: 91.6667%;
    *width: 91.6357%; }
  .pure-u-sm-23-24 {
    width: 95.8333%;
    *width: 95.8023%; }
  .pure-u-sm-1,
  .pure-u-sm-1-1,
  .pure-u-sm-5-5,
  .pure-u-sm-24-24 {
    width: 100%; } }

@media screen and (min-width: 768px) {
  /*
        Pure style do hide element
        @author - Anish Xavier
        */
  .pure-u-md-0 {
    display: none; }
  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-1-2,
  .pure-u-md-1-3,
  .pure-u-md-2-3,
  .pure-u-md-1-4,
  .pure-u-md-3-4,
  .pure-u-md-1-5,
  .pure-u-md-2-5,
  .pure-u-md-3-5,
  .pure-u-md-4-5,
  .pure-u-md-5-5,
  .pure-u-md-1-6,
  .pure-u-md-5-6,
  .pure-u-md-1-8,
  .pure-u-md-3-8,
  .pure-u-md-5-8,
  .pure-u-md-7-8,
  .pure-u-md-1-12,
  .pure-u-md-5-12,
  .pure-u-md-7-12,
  .pure-u-md-11-12,
  .pure-u-md-1-24,
  .pure-u-md-2-24,
  .pure-u-md-3-24,
  .pure-u-md-4-24,
  .pure-u-md-5-24,
  .pure-u-md-6-24,
  .pure-u-md-7-24,
  .pure-u-md-8-24,
  .pure-u-md-9-24,
  .pure-u-md-10-24,
  .pure-u-md-11-24,
  .pure-u-md-12-24,
  .pure-u-md-13-24,
  .pure-u-md-14-24,
  .pure-u-md-15-24,
  .pure-u-md-16-24,
  .pure-u-md-17-24,
  .pure-u-md-18-24,
  .pure-u-md-19-24,
  .pure-u-md-20-24,
  .pure-u-md-21-24,
  .pure-u-md-22-24,
  .pure-u-md-23-24,
  .pure-u-md-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-md-1-24 {
    width: 4.1667%;
    *width: 4.1357%; }
  .pure-u-md-1-12,
  .pure-u-md-2-24 {
    width: 8.3333%;
    *width: 8.3023%; }
  .pure-u-md-1-8,
  .pure-u-md-3-24 {
    width: 12.5000%;
    *width: 12.4690%; }
  .pure-u-md-1-6,
  .pure-u-md-4-24 {
    width: 16.6667%;
    *width: 16.6357%; }
  .pure-u-md-1-5 {
    width: 20%;
    *width: 19.9690%; }
  .pure-u-md-5-24 {
    width: 20.8333%;
    *width: 20.8023%; }
  .pure-u-md-1-4,
  .pure-u-md-6-24 {
    width: 25%;
    *width: 24.9690%; }
  .pure-u-md-7-24 {
    width: 29.1667%;
    *width: 29.1357%; }
  .pure-u-md-1-3,
  .pure-u-md-8-24 {
    width: 33.3333%;
    *width: 33.3023%; }
  .pure-u-md-3-8,
  .pure-u-md-9-24 {
    width: 37.5000%;
    *width: 37.4690%; }
  .pure-u-md-2-5 {
    width: 40%;
    *width: 39.9690%; }
  .pure-u-md-5-12,
  .pure-u-md-10-24 {
    width: 41.6667%;
    *width: 41.6357%; }
  .pure-u-md-11-24 {
    width: 45.8333%;
    *width: 45.8023%; }
  .pure-u-md-1-2,
  .pure-u-md-12-24 {
    width: 50%;
    *width: 49.9690%; }
  .pure-u-md-13-24 {
    width: 54.1667%;
    *width: 54.1357%; }
  .pure-u-md-7-12,
  .pure-u-md-14-24 {
    width: 58.3333%;
    *width: 58.3023%; }
  .pure-u-md-3-5 {
    width: 60%;
    *width: 59.9690%; }
  .pure-u-md-5-8,
  .pure-u-md-15-24 {
    width: 62.5000%;
    *width: 62.4690%; }
  .pure-u-md-2-3,
  .pure-u-md-16-24 {
    width: 66.6667%;
    *width: 66.6357%; }
  .pure-u-md-17-24 {
    width: 70.8333%;
    *width: 70.8023%; }
  .pure-u-md-3-4,
  .pure-u-md-18-24 {
    width: 75%;
    *width: 74.9690%; }
  .pure-u-md-19-24 {
    width: 79.1667%;
    *width: 79.1357%; }
  .pure-u-md-4-5 {
    width: 80%;
    *width: 79.9690%; }
  .pure-u-md-5-6,
  .pure-u-md-20-24 {
    width: 83.3333%;
    *width: 83.3023%; }
  .pure-u-md-7-8,
  .pure-u-md-21-24 {
    width: 87.5000%;
    *width: 87.4690%; }
  .pure-u-md-11-12,
  .pure-u-md-22-24 {
    width: 91.6667%;
    *width: 91.6357%; }
  .pure-u-md-23-24 {
    width: 95.8333%;
    *width: 95.8023%; }
  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-5-5,
  .pure-u-md-24-24 {
    width: 100%; } }

@media screen and (min-width: 1024px) {
  /*
        Pure style do hide element
        @author - Anish Xavier
        */
  .pure-u-lg-0 {
    display: none; }
  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-1-2,
  .pure-u-lg-1-3,
  .pure-u-lg-2-3,
  .pure-u-lg-1-4,
  .pure-u-lg-3-4,
  .pure-u-lg-1-5,
  .pure-u-lg-2-5,
  .pure-u-lg-3-5,
  .pure-u-lg-4-5,
  .pure-u-lg-5-5,
  .pure-u-lg-1-6,
  .pure-u-lg-5-6,
  .pure-u-lg-1-8,
  .pure-u-lg-3-8,
  .pure-u-lg-5-8,
  .pure-u-lg-7-8,
  .pure-u-lg-1-12,
  .pure-u-lg-5-12,
  .pure-u-lg-7-12,
  .pure-u-lg-11-12,
  .pure-u-lg-1-24,
  .pure-u-lg-2-24,
  .pure-u-lg-3-24,
  .pure-u-lg-4-24,
  .pure-u-lg-5-24,
  .pure-u-lg-6-24,
  .pure-u-lg-7-24,
  .pure-u-lg-8-24,
  .pure-u-lg-9-24,
  .pure-u-lg-10-24,
  .pure-u-lg-11-24,
  .pure-u-lg-12-24,
  .pure-u-lg-13-24,
  .pure-u-lg-14-24,
  .pure-u-lg-15-24,
  .pure-u-lg-16-24,
  .pure-u-lg-17-24,
  .pure-u-lg-18-24,
  .pure-u-lg-19-24,
  .pure-u-lg-20-24,
  .pure-u-lg-21-24,
  .pure-u-lg-22-24,
  .pure-u-lg-23-24,
  .pure-u-lg-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-lg-1-24 {
    width: 4.1667%;
    *width: 4.1357%; }
  .pure-u-lg-1-12,
  .pure-u-lg-2-24 {
    width: 8.3333%;
    *width: 8.3023%; }
  .pure-u-lg-1-8,
  .pure-u-lg-3-24 {
    width: 12.5000%;
    *width: 12.4690%; }
  .pure-u-lg-1-6,
  .pure-u-lg-4-24 {
    width: 16.6667%;
    *width: 16.6357%; }
  .pure-u-lg-1-5 {
    width: 20%;
    *width: 19.9690%; }
  .pure-u-lg-5-24 {
    width: 20.8333%;
    *width: 20.8023%; }
  .pure-u-lg-1-4,
  .pure-u-lg-6-24 {
    width: 25%;
    *width: 24.9690%; }
  .pure-u-lg-7-24 {
    width: 29.1667%;
    *width: 29.1357%; }
  .pure-u-lg-1-3,
  .pure-u-lg-8-24 {
    width: 33.3333%;
    *width: 33.3023%; }
  .pure-u-lg-3-8,
  .pure-u-lg-9-24 {
    width: 37.5000%;
    *width: 37.4690%; }
  .pure-u-lg-2-5 {
    width: 40%;
    *width: 39.9690%; }
  .pure-u-lg-5-12,
  .pure-u-lg-10-24 {
    width: 41.6667%;
    *width: 41.6357%; }
  .pure-u-lg-11-24 {
    width: 45.8333%;
    *width: 45.8023%; }
  .pure-u-lg-1-2,
  .pure-u-lg-12-24 {
    width: 50%;
    *width: 49.9690%; }
  .pure-u-lg-13-24 {
    width: 54.1667%;
    *width: 54.1357%; }
  .pure-u-lg-7-12,
  .pure-u-lg-14-24 {
    width: 58.3333%;
    *width: 58.3023%; }
  .pure-u-lg-3-5 {
    width: 60%;
    *width: 59.9690%; }
  .pure-u-lg-5-8,
  .pure-u-lg-15-24 {
    width: 62.5000%;
    *width: 62.4690%; }
  .pure-u-lg-2-3,
  .pure-u-lg-16-24 {
    width: 66.6667%;
    *width: 66.6357%; }
  .pure-u-lg-17-24 {
    width: 70.8333%;
    *width: 70.8023%; }
  .pure-u-lg-3-4,
  .pure-u-lg-18-24 {
    width: 75%;
    *width: 74.9690%; }
  .pure-u-lg-19-24 {
    width: 79.1667%;
    *width: 79.1357%; }
  .pure-u-lg-4-5 {
    width: 80%;
    *width: 79.9690%; }
  .pure-u-lg-5-6,
  .pure-u-lg-20-24 {
    width: 83.3333%;
    *width: 83.3023%; }
  .pure-u-lg-7-8,
  .pure-u-lg-21-24 {
    width: 87.5000%;
    *width: 87.4690%; }
  .pure-u-lg-11-12,
  .pure-u-lg-22-24 {
    width: 91.6667%;
    *width: 91.6357%; }
  .pure-u-lg-23-24 {
    width: 95.8333%;
    *width: 95.8023%; }
  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-5-5,
  .pure-u-lg-24-24 {
    width: 100%; } }

@media screen and (min-width: 1280px) {
  /*
        Pure style do hide element
        @author - Anish Xavier
        */
  .pure-u-xl-0 {
    display: none; }
  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-1-2,
  .pure-u-xl-1-3,
  .pure-u-xl-2-3,
  .pure-u-xl-1-4,
  .pure-u-xl-3-4,
  .pure-u-xl-1-5,
  .pure-u-xl-2-5,
  .pure-u-xl-3-5,
  .pure-u-xl-4-5,
  .pure-u-xl-5-5,
  .pure-u-xl-1-6,
  .pure-u-xl-5-6,
  .pure-u-xl-1-8,
  .pure-u-xl-3-8,
  .pure-u-xl-5-8,
  .pure-u-xl-7-8,
  .pure-u-xl-1-12,
  .pure-u-xl-5-12,
  .pure-u-xl-7-12,
  .pure-u-xl-11-12,
  .pure-u-xl-1-24,
  .pure-u-xl-2-24,
  .pure-u-xl-3-24,
  .pure-u-xl-4-24,
  .pure-u-xl-5-24,
  .pure-u-xl-6-24,
  .pure-u-xl-7-24,
  .pure-u-xl-8-24,
  .pure-u-xl-9-24,
  .pure-u-xl-10-24,
  .pure-u-xl-11-24,
  .pure-u-xl-12-24,
  .pure-u-xl-13-24,
  .pure-u-xl-14-24,
  .pure-u-xl-15-24,
  .pure-u-xl-16-24,
  .pure-u-xl-17-24,
  .pure-u-xl-18-24,
  .pure-u-xl-19-24,
  .pure-u-xl-20-24,
  .pure-u-xl-21-24,
  .pure-u-xl-22-24,
  .pure-u-xl-23-24,
  .pure-u-xl-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .pure-u-xl-1-24 {
    width: 4.1667%;
    *width: 4.1357%; }
  .pure-u-xl-1-12,
  .pure-u-xl-2-24 {
    width: 8.3333%;
    *width: 8.3023%; }
  .pure-u-xl-1-8,
  .pure-u-xl-3-24 {
    width: 12.5000%;
    *width: 12.4690%; }
  .pure-u-xl-1-6,
  .pure-u-xl-4-24 {
    width: 16.6667%;
    *width: 16.6357%; }
  .pure-u-xl-1-5 {
    width: 20%;
    *width: 19.9690%; }
  .pure-u-xl-5-24 {
    width: 20.8333%;
    *width: 20.8023%; }
  .pure-u-xl-1-4,
  .pure-u-xl-6-24 {
    width: 25%;
    *width: 24.9690%; }
  .pure-u-xl-7-24 {
    width: 29.1667%;
    *width: 29.1357%; }
  .pure-u-xl-1-3,
  .pure-u-xl-8-24 {
    width: 33.3333%;
    *width: 33.3023%; }
  .pure-u-xl-3-8,
  .pure-u-xl-9-24 {
    width: 37.5000%;
    *width: 37.4690%; }
  .pure-u-xl-2-5 {
    width: 40%;
    *width: 39.9690%; }
  .pure-u-xl-5-12,
  .pure-u-xl-10-24 {
    width: 41.6667%;
    *width: 41.6357%; }
  .pure-u-xl-11-24 {
    width: 45.8333%;
    *width: 45.8023%; }
  .pure-u-xl-1-2,
  .pure-u-xl-12-24 {
    width: 50%;
    *width: 49.9690%; }
  .pure-u-xl-13-24 {
    width: 54.1667%;
    *width: 54.1357%; }
  .pure-u-xl-7-12,
  .pure-u-xl-14-24 {
    width: 58.3333%;
    *width: 58.3023%; }
  .pure-u-xl-3-5 {
    width: 60%;
    *width: 59.9690%; }
  .pure-u-xl-5-8,
  .pure-u-xl-15-24 {
    width: 62.5000%;
    *width: 62.4690%; }
  .pure-u-xl-2-3,
  .pure-u-xl-16-24 {
    width: 66.6667%;
    *width: 66.6357%; }
  .pure-u-xl-17-24 {
    width: 70.8333%;
    *width: 70.8023%; }
  .pure-u-xl-3-4,
  .pure-u-xl-18-24 {
    width: 75%;
    *width: 74.9690%; }
  .pure-u-xl-19-24 {
    width: 79.1667%;
    *width: 79.1357%; }
  .pure-u-xl-4-5 {
    width: 80%;
    *width: 79.9690%; }
  .pure-u-xl-5-6,
  .pure-u-xl-20-24 {
    width: 83.3333%;
    *width: 83.3023%; }
  .pure-u-xl-7-8,
  .pure-u-xl-21-24 {
    width: 87.5000%;
    *width: 87.4690%; }
  .pure-u-xl-11-12,
  .pure-u-xl-22-24 {
    width: 91.6667%;
    *width: 91.6357%; }
  .pure-u-xl-23-24 {
    width: 95.8333%;
    *width: 95.8023%; }
  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-5-5,
  .pure-u-xl-24-24 {
    width: 100%; } }

/* Bootstrap */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease; }

.tooltip {
  position: absolute;
  z-index: 22;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0); }

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90); }

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0; }

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px; }

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0; }

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000; }

.nav-tabs,
.nav-pills {
  *zoom: 1; }

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  line-height: 0;
  content: ""; }

.nav-tabs:after,
.nav-pills:after {
  clear: both; }

.nav-tabs > li,
.nav-pills > li {
  float: left; }

.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }

.nav-tabs > li {
  margin-bottom: -1px; }

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd; }

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent; }

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc; }

.nav-stacked > li {
  float: none; }

.nav-stacked > li > a {
  margin-right: 0; }

.nav-tabs.nav-stacked {
  border-bottom: 0; }

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px; }

.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px; }

.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  z-index: 2;
  border-color: #ddd; }

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px; }

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px; }

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; }

.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.nav .dropdown-toggle .caret {
  margin-top: 6px;
  border-top-color: #0088cc;
  border-bottom-color: #0088cc; }

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580; }

/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px; }

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff; }

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555; }

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer; }

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999; }

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100); }

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999; }

.tabbable {
  *zoom: 1; }

.tabbable:before,
.tabbable:after {
  display: table;
  line-height: 0;
  content: ""; }

.tabbable:after {
  clear: both; }

.tab-content {
  overflow: auto; }

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0; }

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none; }

.tab-content > .active,
.pill-content > .active {
  display: block; }

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd; }

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0; }

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent; }

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd; }

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none; }

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px; }

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd; }

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; }

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee; }

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff; }

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd; }

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd; }

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff; }

/* YUI, Purecss, Bootstrap, Normalize, Other */
/* ===================================
FancyBox
v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license
=================================== */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/fancybox_sprite.png); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/fancybox_loading.gif) center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/blank.gif);
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: visible !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/fancybox_overlay.png); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/fancybox_sprite@2x.png);
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div {
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/fancybox_loading@2x.gif);
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }

/* FancyBox v2.1.5 */
/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
.bg-carousel {
  background-color: #fff; }

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0, 0); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: #000; }

/* mouse grab icon */
.grabbing {
  cursor: url("../../../includes/js/lib/owl-carousel/grabbing.png") 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/* Core Owl Carousel CSS File v1.3.3 */
/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.owl-theme .owl-controls {
  margin-top: 50px;
  text-align: center; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #000; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url("/trucks/includes/js/lib/owl-carousel/AjaxLoader.gif") no-repeat center center; }

/* Owl Carousel Owl Demo Theme v1.3.3 */
/*! jQuery UI - v1.11.2 - 2014-10-19
* https://jqueryui.com
* Includes: core.css, button.css, datepicker.css, slider.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

.ui-state-disabled {
  cursor: default !important; }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible; }

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none; }

.ui-button-icon-only {
  width: 2.2em; }

button.ui-button-icon-only {
  width: 2.4em; }

.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

.ui-button .ui-button-text {
  display: block;
  line-height: normal; }

.ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

input.ui-button {
  padding: .4em 1em; }

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em; }

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

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

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

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

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

body .ui-tooltip {
  border-width: 2px; }

.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #aaa;
  background: #fff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #222; }

.ui-widget-content a {
  color: #222; }

.ui-widget-header {
  border: 1px solid #aaa;
  background: #ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("/trucks/images/slider_button.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999;
  background: #dadada url("/trucks/images/slider_button.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #212121;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaa;
  background: #fff url("/trucks/images/slider_button.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); }

.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_888888_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_454545_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_454545_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_2e83ff_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cd0a0a_256x240.png"); }

.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

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

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

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

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

.ui-widget-overlay {
  background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30); }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  border-radius: 8px; }

/* jQuery UI v1.11.2 */
/* Load plugin related styles */
/* Custom */
body {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  margin-top: 50px; }
  @media screen and (min-width: 880px) {
    body {
      margin-top: 0; } }
  body.body-calculator {
    margin-top: 0; }

.pure-g [class*="pure-u-"] {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal; }

html,
button,
input,
select,
textarea,
html {
  -webkit-tap-highlight-color: #000; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  line-height: 1.1;
  color: inherit;
  margin-top: 20px;
  margin-bottom: 10px; }

h1 {
  font-size: 36px; }

h2 {
  font-size: 30px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

p,
li {
  line-height: 1.4rem; }

p,
ul {
  margin: 0 0 10px; }

ul {
  padding-left: 18px; }

a {
  color: #00336F;
  text-decoration: none;
  outline: none; }

a:hover,
a:focus {
  color: #00336F;
  text-decoration: none; }

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

b,
strong {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: auto; }

abbr[title],
abbr[data-original-title] {
  color: #e9322d;
  cursor: help; }

cite {
  font-style: normal; }

.page-heading,
.stock .page-head {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 40px;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-bottom: 0;
  margin: 40px 0; }

.page-sub-head {
  font-size: 24px;
  color: #000;
  border-bottom: 2px solid #cccccc;
  padding-bottom: 8px; }

.weighted {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  color: #000; }

.semi-weighted {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  color: #000; }

.red {
  color: #000; }

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

.txt-colour-white {
  color: #fff; }

.txt-colour-black {
  color: #000; }

.txt-colour-primary {
  color: #000; }

.txt-colour-secondary {
  color: #00336F; }

.txt-uppercase {
  text-transform: uppercase; }

.stock-list .page-heading,
.stock-list .page-head {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #000;
  margin: 26px 0; }
  @media screen and (min-width: 1024px) {
    .stock-list .page-heading,
    .stock-list .page-head {
      margin: 30px 0; } }

.stock-detail .heading-text-wrapper {
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px; }

/* Forms */
.csstransitions .toolbox-forms-wrapper .form-panels .close a {
  -webkit-transition: color 100ms ease-in;
  -moz-transition: color 100ms ease-in;
  -ms-transition: color 100ms ease-in;
  -o-transition: color 100ms ease-in;
  transition: color 100ms ease-in; }

.csstransitions .toolbox-forms-wrapper .form-panels .close a span {
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  -ms-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in; }

.csstransitions .mobile-enquiry-nav-wrapper .mobile-enquiry-nav {
  -webkit-transition: opacity 250ms ease-in;
  -moz-transition: opacity 250ms ease-in;
  -ms-transition: opacity 250ms ease-in;
  -o-transition: opacity 250ms ease-in;
  transition: opacity 250ms ease-in; }

.boxshadow .mobile-enquiry-nav-wrapper.float .mobile-enquiry-nav {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); }

label {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  display: inline-block;
  margin: 0.5em 0 0.2em; }
  .vehicle-list label {
    margin: 0; }

select {
  height: 40px; }

textarea {
  width: 100%; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea {
  font: normal 14px "Helvetica Neue", Arial, sans-serif;
  color: #777;
  display: inline-block;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  width: 100%;
  -webkit-box-shadow: inset 0 1px 3px #dcddde;
  -moz-box-shadow: inset 0 1px 3px #dcddde;
  box-shadow: inset 0 1px 3px #dcddde; }
  .csstransitions input[type="text"], .csstransitions
  input[type="password"], .csstransitions
  input[type="email"], .csstransitions
  input[type="url"], .csstransitions
  input[type="date"], .csstransitions
  input[type="month"], .csstransitions
  input[type="time"], .csstransitions
  input[type="datetime"], .csstransitions
  input[type="datetime-local"], .csstransitions
  input[type="week"], .csstransitions
  input[type="number"], .csstransitions
  input[type="search"], .csstransitions
  input[type="tel"], .csstransitions
  input[type="color"], .csstransitions
  select, .csstransitions
  textarea {
    -webkit-transition: .3s linear border;
    -moz-transition: .3s linear border;
    -ms-transition: .3s linear border;
    -o-transition: .3s linear border;
    transition: .3s linear border; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
  padding: 0.8em 0.6em; }

select {
  padding: 0;
  padding-left: 0.6em; }

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
input:not([type]) {
  padding: 0.5em 0.6em;
  display: inline-block;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
/* May be able to remove this tweak as color inputs become more standardized across browsers. */
input[type="color"] {
  padding: 0.2em 0.5em; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
  color: #333;
  border: 1px solid #000;
  outline: 0 none;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  outline: -webkit-focus-ring-color auto 0; }

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
input:not([type]):focus {
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  border-color: #129FEA; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 1px auto #129FEA; }

.pure-checkbox,
.pure-radio {
  margin: 0.5em 0;
  display: block; }

input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
select[disabled],
textarea[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3; }

.bg-page .pure-form,
.bg-page .pure-form-aligned {
  font-size: 14px; }

.pure-form-aligned .pure-controls {
  margin: 1.5em 0 0 11em; }

@media only screen and (max-width: 640px) {
  /* 640px */
  .pure-form-aligned .pure-control-group label {
    text-align: left; }
  .pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 0em; } }

.pure-form-aligned .pure-control-group label {
  text-align: left; }

.form-note {
  font-size: 12px; }

.required {
  color: #e9322d; }

/* */
/* Need to separate out the :not() selector from the rest of the CSS 2.1 selectors */
/* since IE8 won't execute CSS that contains a CSS3 selector. */
/**/
input:not([type]):focus {
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  border-color: #000; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 1px auto #000; }

.pure-checkbox,
.pure-radio {
  margin: 0.5em 0;
  display: block; }

.form-buttons .pure-button {
  margin-top: 15px;
  padding: 14px;
  min-width: 100px; }

.form-buttons p {
  text-align: center;
  margin-top: 6px; }

.fake-form-label {
  margin: 0.5em 0 0.2em; }

select {
  border: 1px solid #cccccc;
  background-color: white; }

select[multiple] {
  height: auto; }

fieldset {
  margin: 0;
  padding: 0.35em 0 0.75em;
  border: 0; }

legend {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  color: #000; }

aside .form.onload {
  background: #f2f2f2;
  padding: 15px;
  border: 1px solid #e5e5e5; }

.form.onload {
  padding: 15px; }

.form > h2 {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: #000;
  border-bottom-color: #d2d2d2;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 18px;
  margin-top: 0; }

.form .pure-button {
  margin-top: 0; }

.form .information {
  font-size: 12px;
  line-height: 16px;
  margin: 3px 0;
  background-color: #f7f7f7;
  padding: 9px;
  border: 1px solid #dcddde; }

.form .error {
  color: #c71444;
  border-left: 4px #c71444 solid;
  padding-left: 5px; }

.form .slider-wrapper {
  margin-bottom: 20px; }

.form .ticks {
  position: relative; }
  .form .ticks .row-1 .tick-1,
  .form .ticks .row-1 .tick-2,
  .form .ticks .row-1 .tick-3,
  .form .ticks .row-1 .tick-4 {
    width: 25%; }
  .form .ticks .row-1 .tick-5 {
    width: 0%; }
  .form .ticks .row-2 {
    height: 20px;
    position: relative;
    display: block;
    width: 404%; }
    .form .ticks .row-2 > * {
      position: absolute; }
    .form .ticks .row-2 .tick-1 {
      left: 0%; }
    .form .ticks .row-2 .tick-3 {
      left: 50%;
      width: 100px;
      margin-left: -50px;
      text-align: center; }
    .form .ticks .row-2 .tick-5 {
      right: -3px; }

.form .handle-wrapper {
  height: 23px; }

.form .ui-slider {
  position: relative;
  height: 23px; }
  .form .ui-slider .ui-slider-handle {
    display: block;
    position: absolute;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/slider_button.png") no-repeat;
    height: 25px;
    width: 18px;
    top: -3px;
    border: 0;
    margin-left: -10px; }
    .form .ui-slider .ui-slider-handle:focus {
      outline: none; }

.form .ui-slider-range {
  height: 21px; }

.form #recaptcha_Help > a,
.form #recaptcha_Audio > a,
.form #recaptcha_Image > a,
.form #recaptcha_Reload > a {
  display: block;
  width: 20px;
  height: 16px;
  height: 16px;
  text-indent: -999em;
  float: right;
  margin-top: 5px; }

.form #recaptcha_Help > a {
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/recaptcha_sprite.gif") no-repeat -2px -46px; }

.form #recaptcha_Audio > a {
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/recaptcha_sprite.gif") no-repeat -2px -16px; }

.form #recaptcha_Image > a {
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/recaptcha_sprite.gif") no-repeat -2px -31px; }

.form #recaptcha_Reload > a {
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/recaptcha_sprite.gif") no-repeat -2px 0; }

.form .pure-u-2-24.pure-u-sm-1-24.pure-u-md-2-24.pure-u-lg-1-24 {
  padding-top: 3px; }
  @media screen and (min-width: 1024px) {
    .form .pure-u-2-24.pure-u-sm-1-24.pure-u-md-2-24.pure-u-lg-1-24 {
      padding-top: 8px; } }

.form .onload .success a {
  color: #000;
  padding: 0;
  background-color: inherit;
  border: none; }

.toolbox-forms-wrapper .form-panels .panel {
  margin-bottom: 0; }

.toolbox-forms-wrapper .form-panels .panel-body {
  position: relative; }

.toolbox-forms-wrapper .form-panels .panel-collapse {
  width: 100%; }

.toolbox-forms-wrapper .form-panels .form > h2 {
  padding-right: 30px; }
  @media screen and (min-width: 768px) {
    .toolbox-forms-wrapper .form-panels .form > h2 {
      padding-right: 0; } }

.toolbox-forms-wrapper .form-panels .close {
  position: absolute;
  top: 15px;
  right: 15px; }
  .toolbox-forms-wrapper .form-panels .close a {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    color: #000;
    position: relative; }
    .toolbox-forms-wrapper .form-panels .close a span {
      font-family: Arial, sans-serif;
      font-weight: normal;
      font-size: 14px;
      line-height: 26px;
      text-align: center;
      color: #fff;
      background-color: #a7a9ac;
      border-radius: 100%;
      width: 25px;
      height: 25px;
      display: inline-block;
      margin-left: 5px; }
    .toolbox-forms-wrapper .form-panels .close a:hover span {
      color: #fff;
      background-color: #4d4d4d; }

.form-panels .panel-body a {
  padding: 0;
  background-color: initial;
  border: none; }

.form-panels .form .box-form-last-wrapper {
  padding: 0.25em 0 0.25em 0; }
  @media screen and (min-width: 768px) {
    .form-panels .form .box-form-last-wrapper {
      padding: 0.3em 0 0.3em 1em; } }
  @media screen and (min-width: 1024px) {
    .form-panels .form .box-form-last-wrapper {
      padding: 0.3em 0 0.3em  1.5em; } }

.panel-body .success a,
.panel-body .privacy a {
  background: none;
  border: none;
  margin: 10px 0;
  padding: 0; }

.submit-wrapper .privacy {
  margin: 10px 0; }

/* Callout Form Buttons for Pages */
.mobile-enquiry-nav-wrapper {
  position: relative;
  z-index: 1; }
  .mobile-enquiry-nav-wrapper .mobile-enquiry-nav {
    font-size: 14px;
    line-height: 40px;
    font-family: 'Roboto Bold', Arial, sans-serif;
    font-weight: normal;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    width: 100%;
    cursor: pointer;
    background-color: #00336F;
    -webkit-overflow-scrolling: touch; }
    @media screen and (min-width: 768px) {
      .mobile-enquiry-nav-wrapper .mobile-enquiry-nav {
        display: none; } }
    .mobile-enquiry-nav-wrapper .mobile-enquiry-nav span {
      background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") 50% -6884px no-repeat;
      padding: 10px 40px; }
  .mobile-enquiry-nav-wrapper.float {
    padding-top: 0; }
    .mobile-enquiry-nav-wrapper.float .mobile-enquiry-nav {
      top: 0;
      position: fixed;
      -webkit-overflow-scrolling: touch; }

.cash-for-your-bike #trade_in_enquiry_form .box-form-first-wrapper {
  padding-right: 0; }
  @media screen and (min-width: 768px) {
    .cash-for-your-bike #trade_in_enquiry_form .box-form-first-wrapper {
      padding-right: 20px; } }

#trade_in_enquiry_header.form .ui-slider {
  height: 9px; }

#trade_in_enquiry_header.form .ui-slider-range {
  height: 7px; }

#trade_in_enquiry_header.form .ui-slider .ui-slider-handle {
  top: -10px; }

#trade_in_enquiry_header .ui-widget-header {
  background: #00336F; }

.vehicle-modelStockEnquiry-sec .label_model_selected {
  font-size: 22px;
  color: #00336F;
  line-height: 34px; }

@supports (display: flex) {
  .im-col-g {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@supports not (display: flex) {
  .im-col-g {
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-rendering: optimizespeed;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .im-col {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; } }

.container {
  margin: 0 auto;
  max-width: 1170px; }

.pure-table {
  width: 100%;
  border: 1px solid #dddddd; }

.pure-table thead {
  background: transparent; }

.pure-table th {
  border-left: 1px solid #dddddd; }

.pure-table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #dddddd; }

.pure-table > thead > tr > th,
.pure-table > tbody > tr > th,
.pure-table > tfoot > tr > th,
.pure-table > thead > tr > td,
.pure-table > tbody > tr > td,
.pure-table > tfoot > tr > td {
  font-size: 13px;
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: bottom; }

.pure-table > tbody > tr > th,
.pure-table > tfoot > tr > th,
.pure-table > thead > tr > td,
.pure-table > tbody > tr > td,
.pure-table > tfoot > tr > td {
  color: #595959;
  border-top: 1px solid #dddddd; }

.pure-table > tbody > tr > td.tick {
  font-size: 24px;
  color: #000;
  padding: 0;
  text-align: center; }

.th-centre {
  text-align: center; }

.table-borderless td {
  border-left: none;
  border-width: 0;
  margin: 0;
  padding: 0 .5em; }

.pure-table > tbody > tr > td.weighted {
  color: #000; }

.pure-table > tbody > tr > td.semi-weighted {
  color: #000; }

.pure-button {
  /* Structure */
  display: inline-block;
  *display: inline;
  /*IE 6/7*/
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pure-button,
.pure-button a,
a.pure-button,
button.pure-button,
button[type=submit].pure-button,
input[type=submit].pure-button {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  *font-size: 12px;
  /*IE 6/7 - To reduce IE's oversized button text*/
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  background-color: #00336F;
  padding: 14px 50px;
  border: 0;
  *overflow: visible;
  /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in; }
  .pure-button:focus, .pure-button:hover,
  .pure-button a:focus,
  .pure-button a:hover,
  a.pure-button:focus,
  a.pure-button:hover,
  button.pure-button:focus,
  button.pure-button:hover,
  button[type=submit].pure-button:focus,
  button[type=submit].pure-button:hover,
  input[type=submit].pure-button:focus,
  input[type=submit].pure-button:hover {
    background-color: #002756;
    text-decoration: none; }
  .pure-button ::-moz-focus-inner,
  .pure-button a ::-moz-focus-inner,
  a.pure-button ::-moz-focus-inner,
  button.pure-button ::-moz-focus-inner,
  button[type=submit].pure-button ::-moz-focus-inner,
  input[type=submit].pure-button ::-moz-focus-inner {
    /* Firefox: Get rid of the inner focus border */
    padding: 0;
    border: 0; }

.pure-button:focus {
  outline: 0; }

.pure-button:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset; }

.stock-page .pure-button.stock__subnav-search-result-name:focus,
.stock-page .pure-button.stock__subnav-search-result-name:hover {
  background-color: transparent;
  color: #000; }

.map-framed .pure-button {
  margin-top: 5px; }

.quicksearch .pure-button,
.budgetsearch .pure-button, .quicksearch
.pure-button a,
.budgetsearch
.pure-button a, .quicksearch
a.pure-button,
.budgetsearch
a.pure-button, .quicksearch
button.pure-button,
.budgetsearch
button.pure-button, .quicksearch
button[type=submit].pure-button,
.budgetsearch
button[type=submit].pure-button, .quicksearch
input[type=submit].pure-button,
.budgetsearch
input[type=submit].pure-button {
  margin-top: 0; }

button[type=submit].toolbox-button.pure-button {
  margin: 0;
  padding: 10px 26px; }

.stock .view-result .pure-button,
.stock .view-result .pure-button a,
.stock .view-result a.pure-button,
.stock .view-result button.pure-button,
.stock .view-result button[type=submit].pure-button,
.stock .view-result input[type=submit].pure-button,
.home .quicksearch .pure-button,
.home .quicksearch .pure-button a,
.home .quicksearch a.pure-button,
.home .quicksearch button.pure-button,
.home .quicksearch button[type=submit].pure-button,
.home .quicksearch input[type=submit].pure-button,
.home .budgetsearch .pure-button,
.home .budgetsearch .pure-button a,
.home .budgetsearch a.pure-button,
.home .budgetsearch button.pure-button,
.home .budgetsearch button[type=submit].pure-button,
.home .budgetsearch input[type=submit].pure-button,
.form .pure-button,
.form .pure-button a,
.form a.pure-button,
.form button.pure-button,
.form button[type=submit].pure-button,
.form input[type=submit].pure-button {
  padding: 14px 0;
  width: 100%; }

@media screen and (min-width: 1024px) {
  .form-panels .pure-button,
  .form-panels .pure-button a,
  .form-panels a.pure-button,
  .form-panels button.pure-button,
  .form-panels button[type=submit].pure-button,
  .form-panels input[type=submit].pure-button {
    padding: 14px 50px;
    width: auto; } }

.home .quicksearch .pure-button,
.home .quicksearch .pure-button a,
.home .quicksearch a.pure-button,
.home .quicksearch button.pure-button,
.home .quicksearch button[type=submit].pure-button,
.home .quicksearch input[type=submit].pure-button,
.home .budgetsearch .pure-button,
.home .budgetsearch .pure-button a,
.home .budgetsearch a.pure-button,
.home .budgetsearch button.pure-button,
.home .budgetsearch button[type=submit].pure-button,
.home .budgetsearch input[type=submit].pure-button {
  margin-bottom: 0; }

.pure-button.button-brand.budget-submit,
.pure-button.button-brand.search-submit {
  height: 44px;
  font-size: 14px;
  margin-top: 18px;
  padding: 0.5em;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .pure-button.button-brand.budget-submit,
    .pure-button.button-brand.search-submit {
      width: 160px; } }

.box-main {
  padding: 1rem; }
  @media screen and (min-width: 768px) {
    .box-main {
      padding: 1.5rem; } }

.box-rbl {
  padding: 1rem; }
  @media screen and (min-width: 768px) {
    .box-rbl {
      padding: 1.5rem; } }

.box-nesw {
  padding: 1rem; }
  @media screen and (min-width: 768px) {
    .box-nesw {
      padding: 1.5rem; } }

.box-lr {
  padding: 0 1rem; }
  @media screen and (min-width: 768px) {
    .box-lr {
      padding: 0 1.5rem; } }

.box-rl {
  padding: 0 1rem; }
  @media screen and (min-width: 768px) {
    .box-rl {
      padding: 0 1.5rem; } }

.box-tb {
  padding: 1rem 0; }
  @media screen and (min-width: 768px) {
    .box-tb {
      padding: 1.5rem 0; } }

.box-header {
  padding: 0 1rem; }
  @media screen and (min-width: 768px) {
    .box-header {
      padding: 0 1.5rem; } }

.box-footer {
  padding: 1rem 1rem 2rem 1rem; }
  @media screen and (min-width: 768px) {
    .box-footer {
      padding: 1.5rem 1.5rem 2.5rem 1.5rem; } }

.box-nav {
  padding: 0; }
  @media screen and (min-width: 880px) {
    .box-nav {
      padding: 0 1.5rem; } }

.box-page-heading {
  padding: 0 1rem; }
  @media screen and (min-width: 768px) {
    .box-page-heading {
      padding: 0 1.5rem; } }

.box-promo {
  padding: .5rem; }
  @media screen and (min-width: 768px) {
    .box-promo {
      padding: 1rem; } }

.box-first {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .box-first {
      padding: 0 0.75rem 0 0; } }

.box-last {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .box-last {
      padding: 0 0 0 0.75rem; } }

.box-first-sm {
  padding: 0; }
  @media screen and (min-width: 568px) {
    .box-first-sm {
      padding: 0 0.75rem 0 0; } }

.box-last-sm {
  padding: 0; }
  @media screen and (min-width: 568px) {
    .box-last-sm {
      padding: 0 0 0 0.75rem; } }

.box-first-lg {
  padding: 0; }
  @media screen and (min-width: 1024px) {
    .box-first-lg {
      padding: 0 1rem 0 0; } }

.box-last-lg {
  padding: 0; }
  @media screen and (min-width: 1024px) {
    .box-last-lg {
      padding: 0 0 0 1rem; } }

.box-img-last {
  padding-left: 4px; }

.box-img-tl {
  padding: 0 2px 2px 0; }

.box-img-tr {
  padding: 0 0 2px 2px; }

.box-img-bl {
  padding: 2px 2px 0 0; }

.box-img-br {
  padding: 2px 0 0 2px; }

.box-col-multi {
  padding: 0; }
  @media screen and (min-width: 568px) {
    .box-col-multi {
      padding: 0 1rem 0 0; } }

.box-first-multi {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .box-first-multi {
      padding: 0 1rem 0 0; } }

.box-mid-multi {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .box-mid-multi {
      padding: 0 0.5rem 0 0.5rem; } }

.box-last-multi {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .box-last-multi {
      padding: 0 0 0 1rem; } }

.box-first-multi-sm {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .box-first-multi-sm {
      padding: 0 .5rem 0 0; } }

.box-mid-multi-sm {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .box-mid-multi-sm {
      padding: 0 0.25rem 0 0.25rem; } }

.box-last-multi-sm {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .box-last-multi-sm {
      padding: 0 0 0 .5rem; } }

.box-ab {
  padding: 0.5rem; }
  @media screen and (min-width: 768px) {
    .box-ab {
      padding: 0.75rem; } }

.box-ab-sm {
  padding: 0.5rem; }
  @media screen and (min-width: 768px) {
    .box-ab-sm {
      padding: 0.4rem; } }

.box-sm-main {
  padding: 0.3rem; }
  @media screen and (min-width: 768px) {
    .box-sm-main {
      padding: 0.5rem; } }

.box-md-main {
  padding: 0.5rem 0.5rem; }
  @media screen and (min-width: 768px) {
    .box-md-main {
      padding: 0.9rem 1.5rem; } }

.box-form-first {
  padding: .25rem 0 .25rem 0; }
  @media screen and (min-width: 568px) {
    .box-form-first {
      padding: .3rem 1rem .3rem  0; } }

.box-form-last {
  padding: .25rem 0 .25rem 0; }
  @media screen and (min-width: 568px) {
    .box-form-last {
      padding: .3rem 0 .3rem  1rem; } }

.box-form-first-sm {
  padding: 0; }
  @media screen and (min-width: 1024px) {
    .box-form-first-sm {
      padding: .3rem .5rem .3rem  0; } }

.box-form-last-sm {
  padding: 0; }
  @media screen and (min-width: 1024px) {
    .box-form-last-sm {
      padding: .3rem 0 .3rem  .5rem; } }

.box-form-first-wrapper {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .box-form-first-wrapper {
      padding: 0 0.5rem 0 0; } }
  @media screen and (min-width: 1024px) {
    .box-form-first-wrapper {
      padding: 0; } }

.box-form-last-wrapper {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .box-form-last-wrapper {
      padding: 0 0 0 0.5rem; } }
  @media screen and (min-width: 1024px) {
    .box-form-last-wrapper {
      padding: 0; } }

.box-sm {
  padding: .5rem; }

.aside-last {
  padding-top: 0; }
  @media screen and (min-width: 768px) {
    .aside-last.box-mid-multi, .aside-last.box-last-multi {
      padding-top: 1em; } }
  @media screen and (min-width: 1024px) {
    .aside-last.box-mid-multi, .aside-last.box-last-multi {
      padding-top: 0; } }

.lt-ie9 .box-ab {
  padding: 0.5em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-ab {
      padding: 0.75em; } }

.lt-ie9 .box-ab-sm {
  padding: 0.5em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-ab-sm {
      padding: 0.4em; } }

.lt-ie9 .box-main {
  padding: 1em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-main {
      padding: 1.5em; } }

.lt-ie9 .box-rbl {
  padding: 1em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-rbl {
      padding: 1.5em; } }

.lt-ie9 .box-nesw {
  padding: 1em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-nesw {
      padding: 1.5em; } }

.lt-ie9 .box-lr {
  padding: 0 1em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-lr {
      padding: 0 1.5em; } }

.lt-ie9 .box-header {
  padding: 0 1em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-header {
      padding: 0 1.5em; } }

.lt-ie9 .box-footer {
  padding: 1em 1em 2em 1em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-footer {
      padding: 1.5em 1.5em 2.5em 1.5em; } }

.lt-ie9 .box-nav {
  padding: 0; }
  @media screen and (min-width: 880px) {
    .lt-ie9 .box-nav {
      padding: 0 1.5em; } }

.lt-ie9 .box-page-heading {
  padding: 0 1em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-page-heading {
      padding: 0 1.5em; } }

.lt-ie9 .box-promo {
  padding: .5em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-promo {
      padding: 1em; } }

.lt-ie9 .box-first {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-first {
      padding: 0 16px 0 0; } }

.lt-ie9 .box-last {
  padding: 0; }
  @media screen and (min-width: 568px) {
    .lt-ie9 .box-last {
      padding: 0 0 0 0.75em; } }

.lt-ie9 .box-col-multi {
  padding: 0; }
  @media screen and (min-width: 568px) {
    .lt-ie9 .box-col-multi {
      padding: 0 1em 0 0; } }

.lt-ie9 .box-first-multi {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-first-multi {
      padding: 0 1em 0 0; } }

.lt-ie9 .box-mid-multi {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-mid-multi {
      padding: 0 0.5em 0 0.5em; } }

.lt-ie9 .box-last-multi {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-last-multi {
      padding: 0 0 0 1em; } }

.lt-ie9 .box-first-multi-sm {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-first-multi-sm {
      padding: 0 .5em 0 0; } }

.lt-ie9 .box-mid-multi-sm {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-mid-multi-sm {
      padding: 0 0.25em 0 0.25em; } }

.lt-ie9 .box-last-multi-sm {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-last-multi-sm {
      padding: 0 0 0 .5em; } }

.lt-ie9 .box-sm-main {
  padding: 0.3em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-sm-main {
      padding: 0.5em; } }

.lt-ie9 .box-md-main {
  padding: 0.5em 0.5em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-md-main {
      padding: 0.9em 1.5em; } }

.lt-ie9 .box-form-first {
  padding: .25em 0 .25em 0; }
  @media screen and (min-width: 568px) {
    .lt-ie9 .box-form-first {
      padding: .3em 1em .3em  0; } }

.lt-ie9 .box-form-last {
  padding: .25em 0 .25em 0; }
  @media screen and (min-width: 568px) {
    .lt-ie9 .box-form-last {
      padding: .3em 0 .3em  1em; } }

.lt-ie9 .box-form-first-sm {
  padding: 0; }
  @media screen and (min-width: 1024px) {
    .lt-ie9 .box-form-first-sm {
      padding: .3em .5em .3em  0; } }

.lt-ie9 .box-form-last-sm {
  padding: 0; }
  @media screen and (min-width: 1024px) {
    .lt-ie9 .box-form-last-sm {
      padding: .3em 0 .3em  .5em; } }

.lt-ie9 .box-form-first-wrapper {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-form-first-wrapper {
      padding: 0 0.5em 0 0; } }
  @media screen and (min-width: 1024px) {
    .lt-ie9 .box-form-first-wrapper {
      padding: 0; } }

.lt-ie9 .box-form-last-wrapper {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .box-form-last-wrapper {
      padding: 0 0 0 0.5em; } }
  @media screen and (min-width: 1024px) {
    .lt-ie9 .box-form-last-wrapper {
      padding: 0; } }

.lt-ie9 .box-sm {
  padding: .5em; }

@media screen and (min-width: 768px) {
  .stock-page .box-form-first-wrapper {
    padding: .3em 1em .3em 0; } }

@media screen and (min-width: 768px) {
  .stock-page .box-form-last-wrapper {
    padding: .3em 0 .3em .2em; } }

.box-rl {
  padding: 0 1rem; }
  @media screen and (min-width: 768px) {
    .box-rl {
      padding: 0 1.5rem; } }

.box-rbl {
  padding: 0 1rem 1rem 1rem; }
  @media screen and (min-width: 768px) {
    .box-rbl {
      padding: 0 1.5rem 1.5rem 1.5rem; } }

/*
This is sets of scss rules for module page service
*/
.mobileNavigationButton {
  display: block;
  width: 100%;
  height: 48px;
  background-color: #bcbec1;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#bcbec1));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #fdfdfd, #bcbec1);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #fdfdfd, #bcbec1);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #fdfdfd, #bcbec1);
  /* IE10 */
  background-image: -o-linear-gradient(top, #fdfdfd, #bcbec1);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #fdfdfd, #bcbec1);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fdfdfd', EndColorStr='#bcbec1'); }
  @media screen and (min-width: 768px) {
    .mobileNavigationButton {
      display: none; } }

.iveco .pure-button:focus, .iveco .pure-button:hover,
.iveco .pure-button a:focus,
.iveco .pure-button a:hover,
.iveco a.pure-button:focus,
.iveco a.pure-button:hover,
.iveco button.pure-button:focus,
.iveco button.pure-button:hover,
.iveco button[type=submit].pure-button:focus,
.iveco button[type=submit].pure-button:hover,
.iveco input[type=submit].pure-button:focus,
.iveco input[type=submit].pure-button:hover {
  background-color: #004aa2; }

.iveco main {
  max-width: 1440px;
  margin: auto;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3);
  background-color: #ededed; }

.iveco.stock-page .heading-wrapper {
  max-width: 1440px;
  margin: auto;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  background-color: #ededed;
  padding-bottom: 10px; }
  @media screen and (min-width: 568px) {
    .iveco.stock-page .heading-wrapper {
      padding-bottom: 0; } }

.iveco.stock-page main {
  -webkit-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.3); }

.iveco.series-page .page-heading {
  font-size: 36px;
  height: 36px;
  margin: 30px 0 2px 0; }

.iveco .page-heading,
.iveco .stock .page-head {
  font-family: 'Roboto Black', Arial, sans-serif;
  font-weight: normal;
  font-size: 30px;
  text-transform: uppercase;
  color: #4d4d4d;
  margin: 0;
  padding: 30px 0; }

.iveco h1, .iveco h2, .iveco h3, .iveco h4, .iveco h5, .iveco h6 {
  color: #4d4d4d; }

.iveco .ph-callout {
  color: #a7a9ac; }

.iveco.stock-detail .page-heading {
  margin-left: 15px;
  padding: 10px 0; }

.iveco .form.onload {
  background-color: #fff; }

.iveco .toolbox-forms-wrapper {
  background-color: #f7f7f7; }

.iveco aside .form.onload {
  background-color: #fff; }

.iveco .form > h2 {
  font-family: 'Roboto Black', Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  color: #4d4d4d;
  border: 0;
  padding-bottom: 0; }
  @media screen and (min-width: 568px) {
    .iveco .form > h2 {
      font-size: 18px; } }

.iveco legend {
  font-size: 14px;
  color: #4d4d4d; }

.iveco .box-main {
  padding: 0 1rem 1rem 1rem; }
  @media screen and (min-width: 768px) {
    .iveco .box-main {
      padding: 0 1.5rem 1.5rem 1.5rem; } }

.iveco .box-rbl {
  padding: 0 1rem 1rem 1rem; }
  @media screen and (min-width: 768px) {
    .iveco .box-rbl {
      padding: 0 1.5rem 1.5rem 1.5rem; } }

.header {
  position: relative;
  z-index: 2; }

.header-wrapper {
  background-color: #fff;
  margin-top: 0; }
  @media screen and (min-width: 880px) {
    .header-wrapper {
      margin-top: 69px; } }
  @media screen and (min-width: 1024px) {
    .header-wrapper {
      margin-top: 53px; } }
  @media screen and (min-width: 1280px) {
    .header-wrapper {
      margin-top: 0; } }
  .home .header-wrapper {
    margin-top: 0; }

.logo-wrapper {
  position: relative; }
  @media screen and (min-width: 1024px) {
    .logo-wrapper {
      float: left; } }

.logo-hero {
  margin-top: 0;
  margin-bottom: 0; }
  @media screen and (min-width: 1024px) {
    .logo-hero {
      margin-top: 0;
      margin-bottom: 0; } }

.logo-hero-link {
  display: block; }

.dealer-name-wrapper {
  text-align: center; }

.dealer-name {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  color: #000;
  text-align: center;
  margin: 4px 0 10px 0; }
  @media screen and (min-width: 768px) {
    .dealer-name {
      font-size: 26px;
      margin: 0 0 10px 0; } }
  @media screen and (min-width: 1024px) {
    .dealer-name {
      font-size: 32px;
      text-align: right;
      margin: 25px 0 0 0; } }

.address-bar-wrapper {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  background-color: #ededed;
  padding: 4px 0;
  display: none; }
  @media screen and (min-width: 880px) {
    .address-bar-wrapper {
      display: block; } }
  @media screen and (min-width: 1024px) {
    .address-bar-wrapper {
      font-size: 13px; } }

.social-wrapper {
  float: left;
  margin: 0; }
  .social-wrapper li {
    list-style: none;
    float: left; }

.address-bar {
  display: none; }
  @media screen and (min-width: 768px) {
    .address-bar {
      display: block;
      float: right; } }

.address-bar-dealer-information {
  display: none; }
  @media screen and (min-width: 768px) {
    .address-bar-dealer-information {
      display: block;
      float: left; } }

.address-bar-text-wrapper span,
.address-bar-text a {
  color: #000;
  height: 25px;
  line-height: 25px; }

.address-bar-text {
  margin-right: 8px; }

.dealer-information {
  float: left;
  margin: 0; }

.address-bar-pipe {
  line-height: 21px;
  font-size: 20px;
  float: left;
  color: #808080;
  display: block;
  height: 25px;
  padding-left: 14px; }
  @media screen and (min-width: 768px) {
    .address-bar-pipe {
      padding-left: 5px;
      padding-right: 5px; } }
  @media screen and (min-width: 1024px) {
    .address-bar-pipe {
      padding-left: 14px;
      padding-right: 0; } }

.company-logo-container {
  width: 100%;
  height: 30px;
  margin: 12px 0 12px 0; }
  @media screen and (min-width: 568px) {
    .company-logo-container {
      width: 73%;
      margin-left: 52px; } }
  @media screen and (min-width: 1024px) {
    .company-logo-container {
      float: right;
      margin-top: 23px;
      margin-bottom: 10px;
      height: 39px; } }

.company-logo-container img {
  float: right;
  max-width: 100%;
  padding-bottom: 20px; }
  @media screen and (min-width: 1024px) {
    .company-logo-container img {
      padding-bottom: 0; } }

@media screen and (min-width: 768px) {
  .series-page .header-wrapper {
    margin-top: 0; } }

@media screen and (min-width: 880px) {
  .series-page .header-wrapper {
    margin-top: 24px; } }

@media screen and (min-width: 1024px) {
  .series-page .header-wrapper {
    margin-top: 8px; } }

@media screen and (min-width: 1280px) {
  .series-page .header-wrapper {
    margin-top: 0; } }

.fusoportmelbourne .logo-hero-link {
  display: inline-block; }

.fusoportmelbourne .logo-hero-link-2 {
  display: inline-block;
  float: right; }

.csstransitions .footer .nav-secondary > li > a {
  -webkit-transition: color 150ms ease-in;
  -moz-transition: color 150ms ease-in;
  -ms-transition: color 150ms ease-in;
  -o-transition: color 150ms ease-in;
  transition: color 150ms ease-in; }

.footer {
  background-color: #00336F;
  z-index: 1; }
  .footer nav {
    display: none; }
    @media screen and (min-width: 768px) {
      .footer nav {
        display: block; } }

.copyright-wrapper {
  background-color: #b2b2b2;
  border-top: 1px solid #e5e5e5;
  padding: 16px 0 6px 0; }

.copyright-header {
  margin: 5px 0 0 0; }

.copyright-header,
.copyright-content,
.copyright {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  color: #fff; }

.back-top-wrapper {
  font-size: 14px;
  text-align: center;
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  background-color: #00336F;
  width: 100%;
  padding: 0 0;
  display: block; }
  @media screen and (min-width: 768px) {
    .back-top-wrapper {
      display: none; } }
  .back-top-wrapper .back_top {
    display: inline-block;
    color: #fff;
    line-height: 40px;
    margin: 0 auto; }
  .back-top-wrapper .back-top-arrow {
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") 50% -6784px no-repeat;
    padding: 10px 40px; }

.powered-by-link {
  margin-top: 16px;
  display: block; }
  .powered-by-link .powered-by-text {
    display: none; }
  .powered-by-link .icon-svg-powered-by {
    fill: #808080;
    color: #808080;
    width: 154px;
    height: 11px; }
  .powered-by-link:hover .icon-svg-powered-by {
    fill: #539ec8;
    color: #808080; }

.i-motor-logo-link {
  display: block; }
  .i-motor-logo-link.collapsed .icon-svg-logo-i-motor {
    color: #808080; }
  .i-motor-logo-link .icon-svg-logo-i-motor,
  .i-motor-logo-link.collapsed:hover .icon-svg-logo-i-motor {
    color: #539ec8; }
  .i-motor-logo-link:focus {
    outline: 0; }

.powered-by-content.panel-collapse {
  border: 0; }

.i-motor-cms-link {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  display: inline-block; }
  .i-motor-cms-link:hover, .i-motor-cms-link:focus, .i-motor-cms-link:active {
    color: #fff;
    text-decoration: underline;
    outline: 0; }

.footer-pipe {
  width: 1px;
  background-color: #a7a9ac;
  height: 12px;
  display: inline-block;
  margin: 0 8px;
  position: relative;
  top: 2px; }

.logo-accordion-wrapper {
  margin-top: 15px; }

.csstransitions .sliderOuterWrapper .owl-controls .owl-pagination .owl-page span {
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in; }

.sliderOuterWrapper {
  width: 100%;
  background-color: #b2b2b2; }
  .sliderOuterWrapper .loading.slider-g {
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 400px;
    background-color: #eaeaea; }
    .sliderOuterWrapper .loading.slider-g > * {
      display: none; }
  .sliderOuterWrapper .sliderWrapper {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0; }
    .sliderOuterWrapper .sliderWrapper .owl-item {
      position: relative;
      z-index: 0; }
    .sliderOuterWrapper .sliderWrapper .owl-item.active {
      z-index: 1; }
    .sliderOuterWrapper .sliderWrapper .slider-u {
      overflow: hidden; }
    .sliderOuterWrapper .sliderWrapper .imageWrapper {
      margin: auto;
      position: relative;
      width: 100%;
      margin-left: -50%;
      left: 50%; }
  .sliderOuterWrapper .slider-caption {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    position: absolute;
    top: 10%;
    width: auto;
    left: 0;
    margin-left: 10px; }
    .sliderOuterWrapper .slider-caption p {
      font-family: Arial;
      font-size: 12px;
      text-transform: uppercase;
      color: #000;
      line-height: 0.8em; }
      @media screen and (min-width: 568px) {
        .sliderOuterWrapper .slider-caption p {
          font-size: 15px; } }
      @media screen and (min-width: 768px) {
        .sliderOuterWrapper .slider-caption p {
          font-size: 18px; } }
      @media screen and (min-width: 1024px) {
        .sliderOuterWrapper .slider-caption p {
          font-size: 21px; } }
    .sliderOuterWrapper .slider-caption h1 {
      font-size: 26px;
      line-height: 24px;
      text-transform: uppercase;
      color: black;
      margin: 0; }
      @media screen and (min-width: 568px) {
        .sliderOuterWrapper .slider-caption h1 {
          font-size: 38px;
          line-height: 34px; } }
      @media screen and (min-width: 768px) {
        .sliderOuterWrapper .slider-caption h1 {
          font-size: 50px;
          line-height: 45px; } }
      @media screen and (min-width: 1024px) {
        .sliderOuterWrapper .slider-caption h1 {
          font-size: 62px;
          line-height: 56px; } }
    @media screen and (min-width: 1170px) {
      .sliderOuterWrapper .slider-caption {
        left: 50%;
        margin-left: -585px;
        width: 1170px; } }
  .sliderOuterWrapper .owl-controls .owl-buttons {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: 1;
    margin: 0 auto; }
    @media screen and (min-width: 1280px) {
      .sliderOuterWrapper .owl-controls .owl-buttons {
        max-width: 1437px; } }
    .sliderOuterWrapper .owl-controls .owl-buttons > div {
      display: none; }
      @media screen and (min-width: 568px) {
        .sliderOuterWrapper .owl-controls .owl-buttons > div {
          line-height: 0;
          border-radius: 3px;
          background: #000;
          display: block;
          position: absolute; } }
    .sliderOuterWrapper .owl-controls .owl-buttons .owl-prev {
      left: 0; }
    .sliderOuterWrapper .owl-controls .owl-buttons .owl-next {
      right: 0; }
  .sliderOuterWrapper .owl-theme .owl-controls .owl-page span {
    background: #c1c1c1; }
  .sliderOuterWrapper .owl-theme .owl-controls .owl-page.active span {
    background: #000; }
  .sliderOuterWrapper .owl-controls {
    margin-top: 0; }
    .sliderOuterWrapper .owl-controls .owl-pagination {
      position: absolute;
      left: 50%;
      bottom: 10%;
      z-index: 1;
      width: 100%;
      margin-left: -50%; }

.promo-g {
  max-width: 1170px;
  margin: 0 auto; }
  .promo-g.loading {
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 300px; }
    .promo-g.loading > * {
      display: none; }
  .promo-g .owl-buttons {
    position: absolute;
    width: 100%;
    top: 44%;
    left: 0;
    z-index: 1; }
    .promo-g .owl-buttons .owl-prev, .promo-g .owl-buttons .owl-next {
      position: absolute; }
    .promo-g .owl-buttons .owl-prev {
      left: 20px; }
    .promo-g .owl-buttons .owl-next {
      right: 20px; }
  .promo-g .owl-controls .owl-page span {
    background: #c1c1c1; }
  .promo-g .owl-controls .owl-page.active span {
    background: #000; }
  .promo-g.owl-theme .owl-controls {
    margin-top: 15px; }

.hp-image {
  background: #fff;
  width: 100%; }

.promo-u {
  padding: 0 .5em; }

.model-page .loading,
.category-page .loading {
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/loading.gif");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 400px; }
  .model-page .loading > *,
  .category-page .loading > * {
    display: none; }

.banner-sm-wrapper {
  display: none;
  margin-bottom: 15px; }
  @media screen and (min-width: 768px) {
    .banner-sm-wrapper {
      display: block; } }
  .banner-sm-wrapper .bs-image {
    width: auto;
    max-height: 660px; }

.series-page .banner-sm-outer .page-heading {
  color: #fff;
  text-align: center;
  padding: 35px 5px 10px; }

.aside-first ul li {
  list-style: none; }

.csstransitions .quicklinks li,
.csstransitions .quicklinks li a {
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in; }

.csstransitions .quicklinks .ql-text {
  -webkit-transition: color 150ms ease-in;
  -moz-transition: color 150ms ease-in;
  -ms-transition: color 150ms ease-in;
  -o-transition: color 150ms ease-in;
  transition: color 150ms ease-in; }

.quicklinks .quicklinks-list {
  padding: 0;
  margin: 0;
  border: 1px solid #e5e5e5; }

.quicklinks .ql-item {
  background-color: #f7f7f7; }
  .quicklinks .ql-item:hover {
    background-color: #ebebec; }
    .quicklinks .ql-item:hover .ql-text {
      color: #00336F; }
  .quicklinks .ql-item.first .ql-text,
  .quicklinks .ql-item.first .ql-icon-wrapper {
    border: none; }

.quicklinks .ql-link {
  text-decoration: none;
  display: block;
  position: relative; }

.quicklinks .ql-text {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #000;
  border-top: 1px solid #e5e5e5;
  height: 50px;
  padding: 15px 0 0 10px;
  margin-left: 50px; }
  @media screen and (min-width: 880px) {
    .quicklinks .ql-text {
      font-size: 13px; } }

.quicklinks .ql-icon-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  border-top: 1px solid #0056bc;
  width: 50px;
  height: 50px;
  padding: 5px;
  background: #00336F; }

.quicklinks-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #00336F;
  padding: 0 21px;
  margin-bottom: 10px;
  display: none; }
  .special .quicklinks-bar {
    display: block;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      .special .quicklinks-bar.desktop {
        display: none; } }
    @media screen and (min-width: 1280px) {
      .special .quicklinks-bar.desktop {
        display: block; } }
  @media screen and (min-width: 1280px) {
    .quicklinks-bar {
      padding: 0; } }
  .quicklinks-bar a {
    color: #000;
    background-color: #fff;
    margin: 16px 0 16px 0;
    padding: 6px 16px;
    font-size: 16px; }
    @media screen and (min-width: 768px) {
      .quicklinks-bar a {
        font-size: 20px;
        padding: 4px 16px;
        margin-left: 20px; } }
  .quicklinks-bar span {
    margin: 16px 0 16px; }
  .quicklinks-bar span,
  .quicklinks-bar a {
    display: block;
    float: left;
    line-height: normal; }
  .quicklinks-bar .icon {
    min-width: 35px;
    min-height: 35px;
    width: 35px;
    height: 35px;
    float: left;
    background-color: transparent; }
    .quicklinks-bar .icon.search {
      background-position: 50% -897px; }
    .quicklinks-bar .icon.hours {
      background-position: -33px -5200px; }
    .quicklinks-bar .icon.enquiry {
      background-position: 50% -11498px; }
    .quicklinks-bar .icon.contact {
      background-position: -33px -5400px; }
  .quicklinks-bar.stuck {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 21; }
  .quicklinks-bar .quicklinks-bar-wrapper {
    font-family: 'Roboto Bold', Arial, sans-serif;
    font-weight: normal;
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 65px;
    text-transform: uppercase;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .quicklinks-bar .quicklinks-bar-wrapper {
        font-size: 28px; } }
    @media screen and (min-width: 1280px) {
      .quicklinks-bar .quicklinks-bar-wrapper {
        width: 1127px; } }
    .quicklinks-bar .quicklinks-bar-wrapper .text {
      font-family: Arial, sans-serif;
      font-weight: normal;
      line-height: 35px;
      padding-left: 40px; }

.inside-quick-forms {
  border-bottom: 2px solid #e3e3e3;
  margin-bottom: 24px; }
  .inside-quick-forms .quick-link {
    display: block;
    float: right; }
  .inside-quick-forms .inside-quick-forms-container {
    font-family: Arial, sans-serif;
    font-weight: normal;
    border-radius: 3px;
    overflow: hidden;
    width: 180px;
    float: right;
    margin-bottom: 10px;
    margin-right: 18px;
    background-color: #a7a9ac;
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-size: 14px; }
  .inside-quick-forms .still-looking-image {
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") no-repeat;
    display: block;
    height: 32px;
    width: 30px;
    background-color: #00336F;
    float: left;
    margin-right: 8px; }
    .inside-quick-forms .still-looking-image.still-looking-image {
      background-position: 50% -5294px; }
    .inside-quick-forms .still-looking-image.make-enquiry-image {
      background-position: 50% -4392px; }
    .inside-quick-forms .still-looking-image.trade-in-image {
      background-position: 50% -9796px; }

.panel {
  margin-bottom: 20px; }

.panel-body {
  padding: 0; }

.panel-body:before, .panel-body:after {
  content: " ";
  display: table; }

.panel-body:after {
  clear: both; }

.panel-heading {
  padding: 0;
  border-bottom: 1px solid transparent; }
  .panel-heading a:hover {
    color: #0d0d0d; }

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
  display: block;
  position: relative; }
  .panel-title:hover {
    text-decoration: none; }

.panel-title > a {
  color: inherit; }

.panel-group {
  margin-bottom: 0; }

.panel-group .panel {
  margin-bottom: 0; }

.panel-group .panel + .panel {
  margin-top: 0; }

.panel-group .panel-heading {
  border-bottom: 0; }

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid red; }

.panel-default > .panel-heading {
  color: #0f0f0f;
  background-color: #00336F;
  border-bottom: 1px solid #c1c1c1;
  position: relative; }

.sl-ab-form .panel-body {
  margin-bottom: 20px;
  margin-top: 10px; }
  @media screen and (min-width: 768px) {
    .sl-ab-form .panel-body {
      margin-top: 0; } }

.panel-group .sl-ab-form .collapse.in {
  margin-bottom: 20px; }

.panel-group .sl-ab-form {
  margin: 0; }

.ab-heading-wrapper {
  border-bottom: 1px solid #fff; }

.ab-heading {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  padding: 13px 10px;
  max-width: 90%;
  margin: 0; }

.ab-trigger-link {
  position: relative;
  display: block;
  background-color: #dcddde; }

.ab-trigger-icon {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='1.1,9 1.1,11 9.8,11 18.9,11 18.9,9 9.8,9' fill='%23262626'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .collapsed .ab-trigger-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='18.9,9 11,9 11,1.1 9,1.1 9,9 1.1,9 1.1,11 9,11 9,18.9 11,18.9 11,11 18.9,11' fill='%23262626' /%3E%3C/svg%3E"); }

.address-g,
.email-g,
.hours-g {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px; }

.email-u-1,
.address-u-1,
.hours-u-1 {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  padding-left: 5px; }

.address-box-wrapper .component-email-heading {
  border: none;
  color: #000;
  display: block;
  position: relative;
  text-transform: none;
  padding: 0; }

.address-box-wrapper .mobile_directions {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-transform: none;
  display: block;
  padding: 10px;
  max-width: 150px;
  border-radius: 5px;
  margin-top: 10px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border: transparent;
  float: left; }

.address-box-wrapper .desktop_directions {
  margin: 20px 20px 20px 0; }

.mobile.address-box-wrapper,
.mobile.operating-hours-wrapper {
  position: relative; }
  @media screen and (min-width: 768px) {
    .mobile.address-box-wrapper,
    .mobile.operating-hours-wrapper {
      display: none; } }

.mobile.address-box-wrapper .mobile-contacts-panel-body {
  background-color: #4d4d4d; }

.desktop.address-box-wrapper,
.desktop.operating-hours-wrapper {
  display: none; }
  @media screen and (min-width: 768px) {
    .desktop.address-box-wrapper,
    .desktop.operating-hours-wrapper {
      display: block;
      background: #fff; } }

.component-fax .address-u-2 a {
  border-bottom: none; }

.address-box-wrapper.panel-group,
.operating-hours-wrapper.panel-group {
  margin-bottom: 0; }

.address-box-wrapper .panel-default > .panel-heading,
.operating-hours-wrapper .panel-default > .panel-heading {
  border-bottom: 1px solid #fff; }

.address-box-wrapper .panel-collapse,
.operating-hours-wrapper .panel-collapse {
  border: none; }

.operating-hours-wrapper.panel-group {
  margin-bottom: 1.5em; }

.operating-hours-wrapper.mobile.panel-group {
  margin-bottom: 0; }

.EBG13 {
  visibility: hidden; }
  .EBG13.ROT13 {
    visibility: visible; }

.address-box-wrapper .panel {
  background-color: #fff; }

.address-box-wrapper .mobile-icon-wrapper {
  padding-top: 10px;
  border-bottom: none; }

.address-box-wrapper .mobile-contacts-panel-body p {
  color: #fff; }

.address-box-wrapper .mobile-contacts-panel-body .mobile-suburb-name {
  margin: 17px 0 0 15px;
  min-height: 0;
  text-align: left;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: .2px; }

.address-box-wrapper .mobile-contacts-panel-body .dealer-border {
  border: 1px solid #7f7f7f; }

.address-box-wrapper .mobile-contacts-panel-body .mobile-contacts-icon-u {
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png");
  background-repeat: no-repeat;
  height: 40px;
  float: left;
  padding-bottom: 10px;
  margin-left: 6px; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
    .address-box-wrapper .mobile-contacts-panel-body .mobile-contacts-icon-u {
      float: none;
      height: 28px;
      margin-left: 0;
      padding-bottom: 0; } }

.address-box-wrapper .mobile-contacts-panel-body .mobile-contacts-icon-phone {
  background-position: 50% -11199px;
  min-width: 20px; }

.address-box-wrapper .mobile-contacts-panel-body .mobile-contacts-icon-location {
  background-position: 50% -11297px;
  min-width: 22px; }

.address-box-wrapper .mobile-contacts-panel-body .mobile-contacts-icon-hours {
  background-position: 50% -11397px;
  min-width: 30px; }

.address-box-wrapper .mobile-contacts-panel-body .mobile-contacts-text-u {
  margin: 5px 0 2px 0;
  min-height: 0;
  text-align: left;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: .2px;
  color: #fff; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
    .address-box-wrapper .mobile-contacts-panel-body .mobile-contacts-text-u {
      float: none;
      text-align: center; } }

.new-vehicles .range-item-series {
  margin-bottom: 20px; }

.new-vehicles .range-link-series {
  display: block;
  padding: 4px 10px 10px 10px;
  -webkit-transition: box-shadow 150ms ease-in;
  -moz-transition: box-shadow 150ms ease-in;
  -ms-transition: box-shadow 150ms ease-in;
  -o-transition: box-shadow 150ms ease-in;
  transition: box-shadow 150ms ease-in; }
  .new-vehicles .range-link-series:hover {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); }

.new-vehicles .range-heading-series {
  text-align: center;
  text-transform: uppercase; }

.csstransitions ul#gawmodellist li a:hover {
  -webkit-transition: background-color 250ms ease-in,  color 250ms ease-in;
  -moz-transition: background-color 250ms ease-in,  color 250ms ease-in;
  -ms-transition: background-color 250ms ease-in,  color 250ms ease-in;
  -o-transition: background-color 250ms ease-in,  color 250ms ease-in;
  transition: background-color 250ms ease-in,  color 250ms ease-in; }

.csstransitions #listing .navitem {
  -webkit-transition: background 200ms ease-in;
  -moz-transition: background 200ms ease-in;
  -ms-transition: background 200ms ease-in;
  -o-transition: background 200ms ease-in;
  transition: background 200ms ease-in; }

#gawmakelist li,
#gawmodellist li {
  list-style: none; }
  #gawmakelist li a,
  #gawmodellist li a {
    display: block;
    text-align: left;
    padding: 10px;
    margin: 5px;
    border-radius: 3px; }

#gawmakelist {
  padding: 0; }
  #gawmakelist a {
    background-color: #000;
    color: #f7f7f7; }

/* Model News List */
ul#gawmodellist {
  padding-left: 0; }
  ul#gawmodellist li {
    width: auto;
    float: left; }
    @media screen and (min-width: 768px) {
      ul#gawmodellist li {
        width: 100%;
        float: right; } }
    ul#gawmodellist li a {
      background-color: #f7f7f7;
      color: #000; }
      ul#gawmodellist li a:hover {
        color: #f7f7f7;
        background-color: #000; }

/* All Articles */
#listing {
  margin-top: 2em; }
  @media screen and (min-width: 768px) {
    #listing {
      margin-top: 0; } }
  #listing .navitem {
    margin-bottom: 10px;
    padding: 0.4em; }
    #listing .navitem:hover h3.navitemtitle {
      color: #f7f7f7;
      cursor: pointer; }
    @media screen and (min-width: 568px) {
      #listing .navitem {
        width: 45%;
        float: left;
        margin-right: 3%;
        margin-bottom: 0;
        height: 130px;
        overflow: auto; } }
    @media screen and (min-width: 768px) {
      #listing .navitem {
        height: 145px;
        overflow: auto; } }
    @media screen and (min-width: 1024px) {
      #listing .navitem {
        height: 115px;
        overflow: auto; } }
    #listing .navitem img {
      float: left;
      margin-right: 5px;
      margin-bottom: 5px; }
      @media screen and (min-width: 568px) {
        #listing .navitem img {
          float: left;
          margin-right: 5px; } }
    #listing .navitem .navitemtitle {
      margin-top: 0;
      font-size: 14px; }
      @media screen and (min-width: 768px) {
        #listing .navitem .navitemtitle {
          font-size: 17px; } }
      @media screen and (min-width: 1024px) {
        #listing .navitem .navitemtitle {
          font-size: 18px; } }
    .home-news #listing .navitem {
      height: 100%;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .home-news #listing .navitem {
          width: 47%;
          margin-right: 3%; } }
      @media screen and (min-width: 1024px) {
        .home-news #listing .navitem {
          width: 31%;
          margin-right: 2%; } }
      .home-news #listing .navitem img {
        padding-right: 5px; }
      .home-news #listing .navitem .navitemtitle {
        font-size: 14px; }
  #listing #paging {
    margin-top: 30px;
    font-size: 12px;
    float: left; }
    #listing #paging li {
      float: left;
      padding-left: 6px;
      list-style: none; }
      #listing #paging li a {
        font-size: 13px; }
        #listing #paging li a.active {
          font-size: 14px;
          color: #000; }

/* Story */
#gawstory h1 {
  margin-top: 0;
  font-size: 24px;
  border-bottom: 2px solid #d1d3d4;
  margin-bottom: 0.8em; }

#gawstory h2 {
  font-size: 20px; }

/* Home Page News */
.home-news h2 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.12em; }

.home-news .navitemprecede {
  font-size: 13px; }

.home-news .more-news {
  display: block;
  clear: both;
  padding-top: 10px; }

.add-this-container {
  position: relative;
  min-height: 25px;
  min-width: 25px;
  float: left; }
  .add-this-container .add-this-main {
    position: absolute;
    top: 0;
    right: 0;
    color: #000; }
    .add-this-container .add-this-main .button-share {
      display: block; }
  .add-this-container .add-this {
    display: none; }

/* Separated because this section pop-ups under fancybox-inner class */
.add-this {
  border: 1px solid #aaa; }
  .add-this .share-title {
    padding: 1px 10px;
    background: #222;
    border-bottom: 1px solid #aaa;
    color: #fff; }
    .add-this .share-title h5 {
      color: #fff; }
  .add-this .share-social-icons-wrapper {
    padding: 10px 5px;
    background: #f2f2f2; }
    .add-this .share-social-icons-wrapper .share-social-icon {
      padding: 10px 0; }
      .add-this .share-social-icons-wrapper .share-social-icon a {
        display: block;
        width: 100%;
        text-align: center;
        height: 32px;
        margin: 0 auto; }
    .add-this .share-social-icons-wrapper span {
      margin: 0 auto; }
  .add-this .at4-icon {
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/add-this_icons.png"); }
    .add-this .at4-icon.aticon-facebook {
      background-position: 6px 6px; }
    .add-this .at4-icon.aticon-twitter {
      background-position: 2px -194px; }
    .add-this .at4-icon.aticon-pinterest_share {
      background-position: 0 -395px; }
    .add-this .at4-icon.aticon-tumblr {
      background-position: 0 -596px; }
    .add-this .at4-icon.aticon-stumbleupon {
      background-position: 0 -792px; }
    .add-this .at4-icon.aticon-linkedin {
      background-position: 0 -996px; }
    .add-this .at4-icon.aticon-google_plusone_share {
      background-position: 0 -1192px; }
    .add-this .at4-icon.aticon-email {
      background-position: 0 -1392px; }
    .add-this .at4-icon.aticon-compact {
      background-position: 0 -1594px; }

.csstransitions .toolbox-wrapper {
  -webkit-transition: background 250ms ease-in;
  -moz-transition: background 250ms ease-in;
  -ms-transition: background 250ms ease-in;
  -o-transition: background 250ms ease-in;
  transition: background 250ms ease-in; }

@media screen and (min-width: 1280px) {
  .csstransitions .toolbox-wrapper.desktop {
    -webkit-transition: top 250ms ease-in, right 250ms ease-in;
    -moz-transition: top 250ms ease-in, right 250ms ease-in;
    -ms-transition: top 250ms ease-in, right 250ms ease-in;
    -o-transition: top 250ms ease-in, right 250ms ease-in;
    transition: top 250ms ease-in, right 250ms ease-in; } }

.csstransitions .toolbox > div .text {
  -webkit-transition: background-color 100ms ease-in;
  -moz-transition: background-color 100ms ease-in;
  -ms-transition: background-color 100ms ease-in;
  -o-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in; }

.boxshadow .toolbox-wrapper.sticky {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); }

.csstransitions .toolbox a {
  -webkit-transition: background-color 250ms ease-in;
  -moz-transition: background-color 250ms ease-in;
  -ms-transition: background-color 250ms ease-in;
  -o-transition: background-color 250ms ease-in;
  transition: background-color 250ms ease-in; }

.toolbox-wrapper {
  display: none;
  width: 100%;
  background-color: #00336F;
  z-index: 15;
  border-top: 1px solid #0056bc; }
  @media screen and (min-width: 1280px) {
    .toolbox-wrapper {
      border-bottom: 0;
      border-top: 0; } }
  .toolbox-wrapper .quick-button {
    display: none; }

.toolbox-wrapper.tablet-mobile {
  display: none; }
  .toolbox-wrapper.tablet-mobile.on {
    display: block; }
    @media screen and (min-width: 1280px) {
      .toolbox-wrapper.tablet-mobile.on {
        display: none; } }
  @media screen and (min-width: 880px) {
    .toolbox-wrapper.tablet-mobile {
      display: block;
      position: fixed;
      top: 0; } }
  @media screen and (min-width: 1280px) {
    .toolbox-wrapper.tablet-mobile {
      display: none; } }

.home .toolbox-wrapper.tablet-mobile {
  display: none; }

.no-boxshadow .toolbox-wrapper.desktop {
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2; }

.toolbox-wrapper.desktop {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  display: none; }
  @media screen and (min-width: 1280px) {
    .toolbox-wrapper.desktop {
      display: block;
      position: fixed;
      width: 322px;
      left: inherit;
      right: -252px;
      top: 190px; }
      .home .toolbox-wrapper.desktop {
        display: block; }
      .toolbox-wrapper.desktop.hover {
        right: 0; } }

.toolbox-wrapper.vehicle-tablet-mobile {
  display: block; }
  @media screen and (min-width: 880px) {
    .toolbox-wrapper.vehicle-tablet-mobile {
      top: 0;
      position: fixed; } }

.lt-ie9 .toolbox-wrapper.vehicle-tablet-mobile, .ie9 .toolbox-wrapper.vehicle-tablet-mobile {
  width: 1170px; }

.tool-u-quicksearch {
  position: relative; }
  .tool-u-quicksearch.arrow .text {
    background: #fff url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/left_arrow.png") no-repeat 95% 15px; }
    .show_quicksearch .tool-u-quicksearch.arrow .text {
      background: #fff url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/right_arrow.png") no-repeat 95% 15px; }

.quickSearchWrapper {
  display: none;
  position: absolute;
  top: 82px;
  width: 314px;
  height: 320px;
  background: #ededed;
  z-index: 1;
  right: 0;
  padding: 10px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25); }
  .show_quicksearch .quickSearchWrapper {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5); }
  @media screen and (min-width: 1280px) {
    .quickSearchWrapper {
      display: block; } }

.toolbox-wrapper.desktop .toolbox a {
  border-left: none; }

.toolbox {
  padding: 0;
  margin: 0; }
  @media screen and (min-width: 1280px) {
    .toolbox {
      position: absolute;
      z-index: 2;
      -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
      box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25); } }
  .show_quicksearch .toolbox {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5); }
  .toolbox .icon-text {
    font-family: 'Roboto Bold', Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    color: #fff;
    font-size: 12px;
    padding-bottom: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media screen and (min-width: 1024px) {
      .toolbox .icon-text {
        float: left;
        height: 52px;
        line-height: 52px;
        padding-bottom: 0; } }
    .toolbox-wrapper.desktop .toolbox .icon-text {
      margin: 0 auto;
      float: none;
      line-height: normal;
      height: auto; }
  .toolbox .tool-u-1 a,
  .toolbox .tool-u-2 a,
  .toolbox .tool-u-3 a {
    border-bottom: 1px solid #0056bc; }
    @media screen and (min-width: 568px) {
      .toolbox .tool-u-1 a,
      .toolbox .tool-u-2 a,
      .toolbox .tool-u-3 a {
        border-bottom: 0; } }
  .toolbox .tool-u-1 a,
  .toolbox .tool-u-4 a {
    border-left: 0; }
    @media screen and (min-width: 568px) {
      .toolbox .tool-u-1 a,
      .toolbox .tool-u-4 a {
        border-left: 1px solid #0056bc; } }
  .toolbox a {
    display: block;
    text-align: center;
    text-decoration: none;
    background: #00336F;
    border-left: 1px solid #0056bc; }
    @media screen and (min-width: 568px) {
      .toolbox a {
        border: 0;
        border-left: 1px solid #0056bc; } }
    @media screen and (min-width: 1280px) {
      .toolbox a {
        color: #666666;
        line-height: 66px; } }
    .toolbox a:hover {
      text-decoration: none;
      background: #003f89;
      color: #fff; }

.toolbox > div {
  border: 0; }
  @media screen and (min-width: 1280px) {
    .toolbox > div .icon-wrapper {
      float: left;
      background-color: #00336F;
      height: 67px; } }
  .toolbox-wrapper.desktop .toolbox > div .icon-wrapper {
    border-bottom: 1px solid #0056bc; }
  .toolbox-wrapper.desktop .toolbox > div.arrow .icon-wrapper {
    border-bottom: none; }
  .toolbox > div .text {
    display: none; }
    @media screen and (min-width: 1280px) {
      .toolbox > div .text {
        font-family: 'Roboto Regular', Arial, sans-serif;
        font-weight: normal;
        float: left;
        display: block;
        text-align: left;
        padding-left: 10px;
        font-size: 13px;
        width: 252px;
        background-color: #fff;
        border-bottom: 1px solid #e5e5e5; } }
  .toolbox > div a:hover .text {
    background-color: #f7f7f7;
    color: #00336F; }

.toolbox .icon {
  width: 52px;
  height: 42px;
  margin: 0 auto; }
  @media screen and (min-width: 1024px) {
    .toolbox .icon {
      float: left;
      margin: 6px 0 0 25px; } }
  @media screen and (min-width: 1280px) {
    .toolbox .icon {
      float: none;
      margin: 0; } }

.toolbox-wrapper.desktop .icon {
  width: 70px; }

.stockQuickSearch {
  font-size: 14px; }
  .stockQuickSearch form {
    width: 100%; }
  .stockQuickSearch button {
    margin-left: 6px;
    border: none;
    outline: 0;
    width: auto;
    cursor: pointer;
    padding-left: 26px;
    padding-right: 26px; }
  .stockQuickSearch label {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    font-weight: 100;
    *display: inline;
    display: inline-block; }
  .stockQuickSearch fieldset {
    width: 100%;
    border: 0;
    padding: 0 0 0.5em; }
  .stockQuickSearch select {
    border: 1px solid #ababab; }

.stockQuickSearch__left {
  width: 29%;
  float: left;
  text-align: center; }

.stockQuickSearch__right {
  width: 70%;
  float: left; }

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

.stockQuickSearch__wrapper.state-count-1 {
  width: 98.9%; }

.stockQuickSearch__wrapper.state-count-2 {
  width: 48.9%; }

.stockQuickSearch__wrapper.state-count-3 {
  width: 28.9%; }

.stockQuickSearch__select-year-from {
  width: 48.5%;
  margin-right: 1%; }

.stockQuickSearch__select-year-to {
  width: 48.5%;
  margin-left: 1%;
  float: right; }

.stockQuickSearch__input-text-price-from,
.stockQuickSearch__input-text-price-to {
  width: 47.5%;
  padding: 0.25%;
  border-radius: 5px;
  border: 1px solid #ababab; }

.stockQuickSearch__input-text-price-from {
  margin-right: 1%;
  padding-right: 7px;
  padding-left: 7px; }

.stockQuickSearch__input-text-price-to {
  margin-left: 1%;
  float: right;
  padding-right: 7px;
  padding-left: 7px; }

/*
Tool box - vehicle pages
*/
@media screen and (min-width: 768px) {
  .boxshadow .toolbox-wrapper.vehicle-tablet-mobile.sticky {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); } }

.boxshadow .toolbox-wrapper.vehicle-tablet-mobile.sticky .quick-button {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); }

@media screen and (max-width: 880px) {
  .boxshadow .toolbox-wrapper.vehicle-tablet-mobile.sticky .toolbox {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); } }

.vehicle-tablet-mobile.sticky .toolbox a {
  background-color: #0d0d0d; }

.vehicle-tablet-mobile.sticky .toolbox a:hover {
  background-color: #000; }

@media screen and (max-width: 568px) {
  .toolbox-wrapper.vehicle-tablet-mobile {
    background-color: #000; } }

@media screen and (min-width: 568px) {
  .toolbox-wrapper.vehicle-tablet-mobile {
    background-color: #000; }
    .toolbox-wrapper.vehicle-tablet-mobile.sticky {
      background-color: #0d0d0d; } }

.toolbox-wrapper.vehicle-tablet-mobile.sticky .quick-button {
  display: block;
  width: 30%;
  margin: 0 auto;
  min-height: 45px;
  line-height: 45px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
  cursor: pointer; }
  @media screen and (min-width: 568px) {
    .toolbox-wrapper.vehicle-tablet-mobile.sticky .quick-button {
      display: none; } }

@media screen and (max-width: 568px) {
  .toolbox-wrapper.vehicle-tablet-mobile .toolbox {
    background-color: #000; } }

.toolbox-wrapper.vehicle-tablet-mobile .toolbox .tool-u-1 a {
  border-left: 1px solid #1a1a1a; }

@media screen and (min-width: 1280px) {
  .toolbox-wrapper.vehicle-tablet-mobile .toolbox {
    max-width: 1150px;
    margin: 0 auto; }
    .toolbox-wrapper.vehicle-tablet-mobile .toolbox a {
      min-height: 60px;
      border: none;
      border-right: 1px solid #1a1a1a;
      text-align: center; }
    .toolbox-wrapper.vehicle-tablet-mobile .toolbox .icon-wrapper {
      padding-top: 5px;
      border-bottom: none;
      float: none;
      background-color: transparent; }
    .toolbox-wrapper.vehicle-tablet-mobile .toolbox .icon {
      width: 50px;
      height: 47px;
      float: left;
      padding-bottom: 10px;
      margin-left: 25px; }
    .toolbox-wrapper.vehicle-tablet-mobile .toolbox .text {
      display: none; }
    .toolbox-wrapper.vehicle-tablet-mobile .toolbox .icon-text {
      display: block; } }

@media screen and (max-width: 880px) {
  .toolbox-wrapper.vehicle-tablet-mobile.sticky .toolbox {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    position: relative; } }

.toolbox-mini-wrapper {
  display: none; }
  @media screen and (min-width: 568px) {
    .toolbox-mini-wrapper {
      display: inline-block;
      margin-top: 0; } }
  @media screen and (min-width: 768px) {
    .toolbox-mini-wrapper {
      margin-top: 23px;
      height: 40px;
      border-bottom: 1px solid #000; } }
  .toolbox-mini-wrapper .tool-u {
    display: block;
    position: relative;
    border: none;
    border-radius: 3px;
    background: #4d4d4d;
    margin-bottom: 10px;
    cursor: pointer; }
    @media screen and (min-width: 568px) {
      .toolbox-mini-wrapper .tool-u {
        margin-right: 5%; } }
    @media screen and (min-width: 768px) {
      .toolbox-mini-wrapper .tool-u {
        margin-right: 0;
        margin-left: 5%; } }
    .toolbox-mini-wrapper .tool-u .icon-u {
      background-color: #b83734;
      float: left;
      width: 40px;
      height: 40px;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
      @media screen and (min-width: 768px) {
        .toolbox-mini-wrapper .tool-u .icon-u {
          width: 30px;
          height: 30px; } }
    .toolbox-mini-wrapper .tool-u .icon-u-1 {
      background: #00336F url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -30px -5292px no-repeat; }
      @media screen and (min-width: 768px) {
        .toolbox-mini-wrapper .tool-u .icon-u-1 {
          background: #00336F url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -35px -5296px no-repeat; } }
    .toolbox-mini-wrapper .tool-u .icon-u-2 {
      background: #00336F url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -30px -5392px no-repeat; }
      @media screen and (min-width: 768px) {
        .toolbox-mini-wrapper .tool-u .icon-u-2 {
          background: #00336F url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -34px -5396px no-repeat; } }
    .toolbox-mini-wrapper .tool-u .icon-u-3 {
      background: #00336F url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -30px -5492px no-repeat; }
      @media screen and (min-width: 768px) {
        .toolbox-mini-wrapper .tool-u .icon-u-3 {
          background: #00336F url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -35px -5496px no-repeat; } }
    .toolbox-mini-wrapper .tool-u .tool-text-u {
      color: #fff;
      margin-left: 6px;
      line-height: 40px;
      font-size: 12px; }
      @media screen and (min-width: 768px) {
        .toolbox-mini-wrapper .tool-u .tool-text-u {
          line-height: 30px; } }

.mobile-call-us-button {
  text-align: center;
  background: #00336F;
  color: #fff;
  font-size: 17px;
  padding: 10px 0;
  height: 45px;
  line-height: 25px;
  border-bottom: 1px solid #0056bc;
  border-top: 1px solid #0056bc; }
  .mobile-call-us-button a {
    color: #fff; }

.mobile-address {
  text-align: center;
  padding: 10px 0;
  height: 45px;
  line-height: 25px;
  color: #fff;
  font-size: 13px;
  background-color: #00336F;
  margin-top: 0; }
  @media screen and (min-width: 880px) {
    .mobile-address {
      display: none; } }

.mobile-utility-wrapper {
  background-color: #c1c1c1; }
  @media screen and (min-width: 1280px) {
    .mobile-utility-wrapper {
      display: none;
      height: 0; } }

@media only screen and (min-width: 568px) {
  .sticky-wrapper .mobile-address {
    margin-top: 70px; } }

@media only screen and (min-width: 768px) {
  .sticky-wrapper .mobile-address {
    margin-top: 115px; } }

@media screen and (min-width: 1280px) {
  .sticky-wrapper .mobile-address {
    display: none; } }

#mobile-home-tool-container {
  width: 100%;
  background-color: #00336F; }
  @media screen and (min-width: 1280px) {
    #mobile-home-tool-container {
      display: none; } }

@media screen and (min-width: 768px) {
  .home #mobile-home-tool-container {
    display: block; } }

@media screen and (min-width: 1280px) {
  .home #mobile-home-tool-container {
    display: none; } }

.home #mobile-home-tool-container .icon-wrapper {
  padding: 5px 0; }

.home .toolbox > div .text {
  display: none; }
  @media screen and (min-width: 1280px) {
    .home .toolbox > div .text {
      display: block; } }

@media screen and (min-width: 1280px) {
  .home .toolbox .icon-text {
    float: left;
    line-height: 36px;
    font-size: 11px;
    letter-spacing: 0; } }

svg {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transition: fill 150ms ease-in;
  -moz-transition: fill 150ms ease-in;
  -ms-transition: fill 150ms ease-in;
  -o-transition: fill 150ms ease-in;
  transition: fill 150ms ease-in;
  pointer-events: none; }
  svg img {
    display: inline; }

.icon-svg {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transition: fill 150ms ease-in;
  -moz-transition: fill 150ms ease-in;
  -ms-transition: fill 150ms ease-in;
  -o-transition: fill 150ms ease-in;
  transition: fill 150ms ease-in;
  pointer-events: none; }
  .icon-svg img {
    display: inline; }

.lt-ie9 .icon-svg img {
  display: inline;
  vertical-align: top; }

.lt-ie9 .address-bar-text-wrapper svg,
.lt-ie9 .dealer-information svg {
  display: inline-block; }

.icon-svg-text {
  position: relative; }

.icon-svg-arrow-left {
  fill: #b2b2b2;
  width: 10px;
  height: 16px;
  top: 3px;
  margin-right: 8px;
  margin-left: 0;
  -webkit-transition: fill 250ms ease-in;
  -moz-transition: fill 250ms ease-in;
  -ms-transition: fill 250ms ease-in;
  -o-transition: fill 250ms ease-in;
  transition: fill 250ms ease-in; }
  .nesw-backlink:hover .icon-svg-arrow-left,
  .nesw-backlink:active .icon-svg-arrow-left,
  .nesw-backlink:focus .icon-svg-arrow-left {
    fill: #fff; }

.icon-svg-arrow-left-double {
  fill: #b2b2b2;
  width: 17px;
  height: 16px;
  top: 3px;
  margin-right: 8px;
  margin-left: 0;
  -webkit-transition: fill 250ms ease-in;
  -moz-transition: fill 250ms ease-in;
  -ms-transition: fill 250ms ease-in;
  -o-transition: fill 250ms ease-in;
  transition: fill 250ms ease-in; }
  .nesw-backlink:hover .icon-svg-arrow-left-double,
  .nesw-backlink:active .icon-svg-arrow-left-double,
  .nesw-backlink:focus .icon-svg-arrow-left-double {
    fill: #fff; }

.icon-svg-arrow-down {
  width: 12px;
  height: 6px;
  fill: #808080;
  margin-left: 5px; }

.icon-svg-close {
  width: 18px;
  height: 18px;
  fill: #a7a9ac; }

.icon-svg-arrow-right-circle {
  width: 16px;
  height: 16px;
  fill: #fff;
  margin-left: 8px;
  top: 3px;
  float: left; }

.icon-svg-page-head {
  fill: #00336F;
  width: 17px;
  height: 24px;
  top: 3px;
  margin-right: 3px;
  position: relative; }

.icon-svg-specification {
  width: 13px;
  top: 4px;
  height: 17px;
  margin-right: 6px; }

.icon-svg-social,
.icon-svg-share {
  fill: #fff;
  background: #00336F;
  width: 24px;
  height: 24px;
  display: block; }

.icon-svg-quote,
.icon-svg-brochures,
.icon-svg-service,
.icon-svg-specials,
.icon-svg-test-drive,
.icon-svg-search {
  fill: #fff;
  width: 40px;
  height: 40px; }

.icon-svg-calculator {
  fill: #fff;
  width: 23px;
  height: 24px; }

.icon-svg-finance {
  fill: #fff;
  width: 35px;
  height: 35px; }

.home .quick-search-form .icon-svg-calculator {
  top: 8px;
  left: 8px; }

.home .search-form .icon .icon-svg-test-drive,
.home .search-form .icon .icon-svg-search {
  fill: #ffffff; }

.home .search-form .icon .icon-svg-test-drive {
  margin: 8px 0 0 10px; }

.home .search-form .icon.icon-search {
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") no-repeat;
  background-position: 50% -4493px;
  width: 42px;
  height: 42px; }

.icon-svg-share {
  margin-left: 10px; }

.icon-svg-social {
  margin-right: 9px; }

.icon-svg-social-text {
  font-size: 0;
  text-indent: -9999px;
  display: inline-block;
  float: left; }

.icon-svg-social.last {
  margin-right: 0; }

.icon-svg-phone {
  fill: #00336F;
  width: 12px;
  height: 12px;
  top: 2px;
  margin-right: 4px;
  margin-left: 11px; }

.icon-svg-location {
  fill: #00336F;
  width: 12px;
  height: 16px;
  top: 2px;
  margin-right: 4px;
  margin-left: 11px; }

.triangle-wrapper {
  background: #00336F;
  width: 17px;
  height: 24px;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 3px; }

.icon-svg-arrow-down-large {
  fill: #00336F;
  width: 27px;
  height: 27px;
  top: 25%;
  left: 25%; }

.left-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 6px 0 0;
  border-color: #fff  transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0; }

.right-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 24px 6px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: 0;
  right: 0; }

.icon-Lplate {
  width: 26px;
  height: 26px;
  fill: #FF0;
  color: #000;
  top: -19px;
  left: 21px; }

.icon-svg-close {
  width: 15px;
  height: 15px;
  fill: #fff;
  float: right;
  top: 15px;
  display: none; }
  @media screen and (min-width: 880px) {
    .icon-svg-close {
      display: block; } }

.icon-svg-arrow-right {
  width: 7.2px;
  height: 11.4px;
  fill: #00336F;
  margin-right: 4px; }

.icon-svg-logo-i-motor {
  width: 154px;
  height: 11px;
  fill: #808080; }

.cta-list {
  padding: 0;
  margin: 0; }

.cta-item {
  list-style: none;
  margin-bottom: 6px; }
  .cta-item:last-child {
    margin-bottom: 0; }

.cta-item .cta-link {
  text-decoration: none;
  height: 40px;
  display: block;
  position: relative;
  background: #fff;
  -webkit-transition: background 150ms ease-in;
  -moz-transition: background 150ms ease-in;
  -ms-transition: background 150ms ease-in;
  -o-transition: background 150ms ease-in;
  transition: background 150ms ease-in; }
  .cta-item .cta-link:hover {
    background: #ebebec; }
    .cta-item .cta-link:hover .cta-text {
      color: #00336F; }

.cta-icon-wrapper {
  background: #00336F;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0; }
  .cta-icon-wrapper .icon-cta,
  .cta-icon-wrapper .icon-svg-quote,
  .cta-icon-wrapper .icon-svg-brochures,
  .cta-icon-wrapper .icon-svg-service,
  .cta-icon-wrapper .icon-svg-specials,
  .cta-icon-wrapper .icon-svg-test-drive,
  .cta-icon-wrapper .icon-svg-search {
    fill: #fff;
    width: 40px;
    height: 40px; }

.cta-text {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  color: #595959;
  margin-left: 40px;
  padding: 12px 6px; }

.home .box-main-qs {
  padding: 0 12px; }

.home .qs-icon-text-heading.qs-heading-hero {
  font-size: 14px;
  line-height: 16px;
  font-style: italic;
  padding: 10px 0.3em 10px 0; }
  @media screen and (min-width: 1280px) {
    .home .qs-icon-text-heading.qs-heading-hero {
      font-size: 16px; } }

.home .qs-icon-text-heading {
  line-height: 41px; }

.home .qs-heading-hero,
.home .qs-icon-text-heading {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  margin: 0;
  padding: 0; }

.home .quicksearch .qs-type {
  background: none; }

.home .budgetsearch .slider-u-label-left {
  color: #fff; }

.home .budgetsearch {
  margin-top: 14px; }

.home .quicksearch,
.home .budgetsearch {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75em;
  border: 0;
  padding: 0; }
  .home .quicksearch .icon-wrapper-hero,
  .home .budgetsearch .icon-wrapper-hero {
    margin-bottom: 6px; }
  .home .quicksearch .icon-wrapper .icon,
  .home .budgetsearch .icon-wrapper .icon {
    height: 40px; }
  .home .quicksearch label,
  .home .budgetsearch label {
    font-size: 12px;
    color: #fff; }
  .home .quicksearch .submit-container,
  .home .quicksearch .qs-submit,
  .home .budgetsearch .submit-container,
  .home .budgetsearch .qs-submit {
    width: 100%; }

.home .quicksearch input[type="text"],
.home .quicksearch select,
.home .budgetsearch select {
  height: 26px;
  padding: 0; }

.meet-team-wrapper {
  margin-bottom: 2rem; }
  @media screen and (min-width: 1024px) {
    .meet-team-wrapper {
      margin: 0; } }

.mt-tab-wrapper {
  margin-bottom: 5px; }

.mt-tab-list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.mt-tab-item {
  list-style-type: none;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  @media screen and (min-width: 1024px) {
    .mt-tab-item {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0; } }

.no-flexbox .mt-tab-list:before, .no-flexbox .mt-tab-list:after {
  content: " ";
  display: table; }

.no-flexbox .mt-tab-list:after {
  clear: both; }

.no-flexbox .mt-tab-item {
  float: left; }

.mt-tab-item .mt-tab-link {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  white-space: nowrap;
  color: #fff;
  background-color: #000;
  padding: 15px;
  display: block;
  border: 1px solid transparent;
  border-bottom-color: #cccccc;
  border-radius: 3px;
  -webkit-transition: background-color 200ms ease-in, color 200ms ease-in, border-color 200ms ease-in;
  -moz-transition: background-color 200ms ease-in, color 200ms ease-in, border-color 200ms ease-in;
  -ms-transition: background-color 200ms ease-in, color 200ms ease-in, border-color 200ms ease-in;
  -o-transition: background-color 200ms ease-in, color 200ms ease-in, border-color 200ms ease-in;
  transition: background-color 200ms ease-in, color 200ms ease-in, border-color 200ms ease-in; }

.active .mt-tab-link,
.mt-tab-link:hover {
  background-color: #00336F;
  color: #fff;
  border-color: #002c60;
  border-bottom-color: #002046; }

.flexbox .mt-grid-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flexbox .mt-col-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (min-width: 568px) {
    .flexbox .mt-col-group {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; } }

@supports (display: grid) {
  .mt-pane-wrapper .mt-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px; }
  .mt-grid-wrapper .mt-grid-item {
    margin: 0;
    width: auto; }
    @media screen and (min-width: 568px) {
      .mt-grid-wrapper .mt-grid-item {
        margin: 0; } } }

.mt-grid-item {
  padding: 10px;
  margin-bottom: 15px;
  background-color: #f7f7f7;
  border: 1px solid #e5e5e5;
  border-bottom-color: #cccccc;
  width: 100%; }

.mt-col-1 {
  width: 55%;
  max-width: 170px;
  margin-bottom: 15px; }
  @media screen and (min-width: 568px) {
    .mt-col-1 {
      width: 30%;
      max-width: 100%;
      padding-right: 15px;
      margin-bottom: 0; } }

.mt-col-2 {
  width: 100%; }
  @media screen and (min-width: 568px) {
    .mt-col-2 {
      width: 70%; } }

.mt-text-group-1,
.mt-text-group-2 {
  margin-bottom: 5px; }

.mt-text-group-3 {
  margin-top: 8px; }

.mt-text {
  font-size: 13px;
  margin: 0; }
  .mt-text.mt-text-name {
    text-transform: uppercase; }
  .mt-text .mt-link-phone,
  .mt-text .mt-link-email {
    color: #00336F;
    padding: 5px 0;
    display: inline-block; }
    @media screen and (min-width: 768px) {
      .mt-text .mt-link-phone,
      .mt-text .mt-link-email {
        color: #000;
        display: inline;
        padding: 0; } }
  .mt-text .mt-link-email {
    color: #00336F; }
    .mt-text .mt-link-email:hover {
      text-decoration: underline; }

.tab-content .mt-text-link-toggle {
  font-size: 13px;
  line-height: 13px;
  white-space: nowrap;
  color: #fff;
  background-color: #00336F;
  padding: 5px 8px;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
  display: inline-block; }
  .tab-content .mt-text-link-toggle:hover {
    background-color: #004aa2; }

.no-flexbox .mt-grid-wrapper:before, .no-flexbox .mt-grid-wrapper:after {
  content: " ";
  display: table; }

.no-flexbox .mt-grid-wrapper:after {
  clear: both; }

.no-flexbox .mt-grid-item {
  float: left; }
  .no-flexbox .mt-grid-item:before, .no-flexbox .mt-grid-item:after {
    content: " ";
    display: table; }
  .no-flexbox .mt-grid-item:after {
    clear: both; }

.no-flexbox .mt-col-group:before, .no-flexbox .mt-col-group:after {
  content: " ";
  display: table; }

.no-flexbox .mt-col-group:after {
  clear: both; }

.no-flexbox .mt-col-1 {
  float: left;
  width: 33%;
  padding-right: 15px; }

.no-flexbox .mt-col-2 {
  float: left;
  width: 66%; }

.hm-important-pane-wrapper {
  background-color: #f2f2f2;
  border-bottom: 1px solid #cccccc;
  height: 100%; }

.hm-important-pane-text-wrapper {
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
  padding: 15px; }
  @media screen and (min-width: 1024px) {
    .hm-important-pane-text-wrapper {
      max-width: 900px;
      margin: auto; } }

.lbModalButtonCloseWrapperStyles {
  font-family: Arial;
  color: #fff;
  position: absolute;
  z-index: 2;
  background-color: #00336F;
  border: 0;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  padding: 4px;
  cursor: pointer;
  transition: background-color 150ms ease-in-out; }
  .lbModalButtonCloseWrapperStyles:hover {
    background-color: #000; }

.home.message-important-active .fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 30 30'%3E%3Cpolygon points='24.2,7 22.4,5.3 15,13.2 7.6,5.3 5.8,7 13.3,15 5.8,23 7.6,24.7 15,16.8 22.4,24.7 24.2,23 16.7,15' fill='urlFriendlyColour(#fff)'/%3E%3C/svg%3E");
  background-color: #00336F;
  background-size: 26px;
  background-position: center;
  transition: background-color 150ms ease-in-out; }
  .home.message-important-active .fancybox-close:hover {
    background-color: #00336F; }

.hm-important-trigger-wrapper {
  background-color: #00336F; }

.hm-important-trigger-link-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 10px 0; }
  @media screen and (min-width: 568px) {
    .hm-important-trigger-link-wrapper {
      flex-wrap: nowrap;
      padding: 15px 0; } }
  .hm-important-trigger-link-wrapper.collapsed:hover .hm-important-trigger-btn-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='18.9,9 11,9 11,1.1 9,1.1 9,9 1.1,9 1.1,11 9,11 9,18.9 11,18.9 11,11 18.9,11' fill='%23f7f7f7' /%3E%3C/svg%3E"); }
  .hm-important-trigger-link-wrapper:hover .hm-important-trigger-btn-wrapper {
    background-color: #000; }
  .hm-important-trigger-link-wrapper:hover .hm-important-trigger-btn-text {
    color: #f7f7f7; }
  .hm-important-trigger-link-wrapper:hover .hm-important-trigger-btn-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='1.1,9 1.1,11 9.8,11 18.9,11 18.9,9 9.8,9' fill='%23f7f7f7'/%3E%3C/svg%3E"); }

.hm-important-trigger-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 60 60'%3E%3Cpath fill='%23f7f7f7' d='M60,30c0,16.57-13.43,30-30,30S0,46.57,0,30S13.43,0,30,0S60,13.43,60,30z M31.62,31.54h-3.19v-6.37h3.19V31.54L31.62,31.54z M31.62,37.84h-3.19v-3.19h3.19V37.84L31.62,37.84z M12.66,42.58H47.4L30.07,12.57L12.66,42.58L12.66,42.58z'/%3E%3C/svg%3E");
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px;
  flex-shrink: 0; }

.hm-important-trigger-heading {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #f7f7f7;
  margin: 7px 15px; }
  @media screen and (min-width: 568px) {
    .hm-important-trigger-heading {
      flex: 1; } }
  @media screen and (min-width: 880px) {
    .hm-important-trigger-heading {
      flex: none;
      max-width: 70%; } }

.hm-important-trigger-btn-wrapper {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  justify-content: center;
  display: flex;
  background-color: #f7f7f7;
  padding: 10px;
  width: 150px;
  font-size: 13px;
  flex-shrink: 0;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in; }
  @media screen and (min-width: 880px) {
    .hm-important-trigger-btn-wrapper {
      padding: 15px 10px; } }

.hm-important-trigger-btn-icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  transition: background-image 150ms ease-in-out, fill 150ms ease-in-out;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='1.1,9 1.1,11 9.8,11 18.9,11 18.9,9 9.8,9' fill='%2300336F'/%3E%3C/svg%3E"); }
  .collapsed .hm-important-trigger-btn-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='18.9,9 11,9 11,1.1 9,1.1 9,9 1.1,9 1.1,11 9,11 9,18.9 11,18.9 11,11 18.9,11' fill='%2300336F' /%3E%3C/svg%3E"); }

.hm-important-trigger-btn-text {
  color: #00336F;
  margin: 0;
  -webkit-transition: color 150ms ease-in;
  -moz-transition: color 150ms ease-in;
  -ms-transition: color 150ms ease-in;
  -o-transition: color 150ms ease-in;
  transition: color 150ms ease-in; }

/* Unminified from https://api.mapbox.com/mapbox-gl-js/v1.9.1/mapbox-gl.css */
.mapboxgl-map {
  font: 12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mapboxgl-canvas {
  position: absolute;
  left: 0;
  top: 0; }

.mapboxgl-map:-webkit-full-screen {
  width: 100%;
  height: 100%; }

.mapboxgl-canary {
  background-color: salmon; }

.mapboxgl-canvas-container.mapboxgl-interactive, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer; }

.mapboxgl-canvas-container.mapboxgl-interactive:active, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y; }

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom; }

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none; }

.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right, .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-right {
  position: absolute;
  pointer-events: none;
  z-index: 2; }

.mapboxgl-ctrl-top-left {
  top: 0;
  left: 0; }

.mapboxgl-ctrl-top-right {
  top: 0;
  right: 0; }

.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0; }

.mapboxgl-ctrl-bottom-right {
  right: 0;
  bottom: 0; }

.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0); }

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: 10px 0 0 10px;
  float: left; }

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  margin: 10px 10px 0 0;
  float: right; }

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
  margin: 0 0 10px 10px;
  float: left; }

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
  margin: 0 10px 10px 0;
  float: right; }

.mapboxgl-ctrl-group {
  border-radius: 4px;
  background: #fff; }

.mapboxgl-ctrl-group:not(:empty) {
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); }

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText; } }

.mapboxgl-ctrl-group button {
  width: 29px;
  height: 29px;
  display: block;
  padding: 0;
  outline: none;
  border: 0;
  box-sizing: border-box;
  background-color: transparent;
  cursor: pointer; }

.mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ddd; }

.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%; }

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-icon {
    background-color: transparent; }
  .mapboxgl-ctrl-group button + button {
    border-top: 1px solid ButtonText; } }

.mapboxgl-ctrl button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff; }

.mapboxgl-ctrl button:disabled {
  cursor: not-allowed; }

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: .25; }

.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: rgba(0, 0, 0, 0.05); }

.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff; }

.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none; }

.mapboxgl-ctrl-group button:focus:first-child {
  border-radius: 4px 4px 0 0; }

.mapboxgl-ctrl-group button:focus:last-child {
  border-radius: 0 0 4px 4px; }

.mapboxgl-ctrl-group button:focus:only-child {
  border-radius: inherit; }

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E"); }

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E"); }

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E"); }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E"); } }

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E"); }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E"); } }

.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E"); }

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E"); }

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E"); }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E"); } }

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E"); }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E"); } }

.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E"); }

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E"); } }

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E"); } }

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); }

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E"); }

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); }

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); }

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E"); }

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E"); }

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
  -webkit-animation: mapboxgl-spin 2s linear infinite;
  -moz-animation: mapboxgl-spin 2s infinite linear;
  -o-animation: mapboxgl-spin 2s infinite linear;
  -ms-animation: mapboxgl-spin 2s infinite linear;
  animation: mapboxgl-spin 2s linear infinite; }

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E"); }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E"); }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E"); } }

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E"); } }

@-webkit-keyframes mapboxgl-spin {
  0% {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(1turn); } }

@-moz-keyframes mapboxgl-spin {
  0% {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(1turn); } }

@-o-keyframes mapboxgl-spin {
  0% {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(1turn); } }

@-ms-keyframes mapboxgl-spin {
  0% {
    -ms-transform: rotate(0deg); }
  to {
    -ms-transform: rotate(1turn); } }

@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0deg); }
  to {
    transform: rotate(1turn); } }

a.mapboxgl-ctrl-logo {
  width: 88px;
  height: 23px;
  margin: 0 0 -4px -4px;
  display: block;
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E"); }

a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px; }

@media (-ms-high-contrast: active) {
  a.mapboxgl-ctrl-logo {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E"); } }

@media (-ms-high-contrast: black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E"); } }

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  padding: 0 5px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0; }

@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    min-height: 20px;
    padding: 0;
    margin: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 3px 12px 12px 3px; }
  .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
    padding: 2px 24px 2px 4px;
    visibility: visible;
    margin-top: 6px; }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover, .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
    padding: 2px 4px 2px 24px;
    border-radius: 12px 3px 3px 12px; }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none; }
  .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner {
    display: block; }
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    content: "";
    cursor: pointer;
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");
    background-color: rgba(255, 255, 255, 0.5);
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 12px; }
  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0; }
  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    right: 0; }
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    left: 0; }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    left: 0; } }

@media screen and (-ms-high-contrast: active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E"); } }

@media screen and (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E"); } }

.mapboxgl-ctrl-attrib a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none; }

.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline; }

.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: 700;
  margin-left: 2px; }

.mapboxgl-attrib-empty {
  display: none; }

.mapboxgl-ctrl-scale {
  background-color: rgba(255, 255, 255, 0.75);
  font-size: 10px;
  border: 2px solid #333;
  border-top: #333;
  padding: 0 5px;
  color: #333;
  box-sizing: border-box; }

.mapboxgl-popup {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  will-change: transform;
  pointer-events: none; }

.mapboxgl-popup-anchor-top, .mapboxgl-popup-anchor-top-left, .mapboxgl-popup-anchor-top-right {
  -webkit-flex-direction: column;
  flex-direction: column; }

.mapboxgl-popup-anchor-bottom, .mapboxgl-popup-anchor-bottom-left, .mapboxgl-popup-anchor-bottom-right {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.mapboxgl-popup-anchor-left {
  -webkit-flex-direction: row;
  flex-direction: row; }

.mapboxgl-popup-anchor-right {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.mapboxgl-popup-tip {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  z-index: 1; }

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-top: none;
  border-bottom-color: #fff; }

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  border-top: none;
  border-left: none;
  border-bottom-color: #fff; }

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  border-top: none;
  border-right: none;
  border-bottom-color: #fff; }

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-bottom: none;
  border-top-color: #fff; }

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff; }

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff; }

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-left: none;
  border-right-color: #fff; }

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-right: none;
  border-left-color: #fff; }

.mapboxgl-popup-close-button {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  background-color: transparent; }

.mapboxgl-popup-close-button:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.mapboxgl-popup-content {
  position: relative;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 15px;
  pointer-events: auto; }

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0; }

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0; }

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0; }

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0; }

.mapboxgl-popup-track-pointer {
  display: none; }

.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  user-select: none; }

.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex; }

.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none; }

.mapboxgl-marker {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform; }

.mapboxgl-user-location-dot, .mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  width: 15px;
  height: 15px;
  border-radius: 50%; }

.mapboxgl-user-location-dot:before {
  content: "";
  position: absolute;
  -webkit-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  -moz-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  -ms-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  animation: mapboxgl-user-location-dot-pulse 2s infinite; }

.mapboxgl-user-location-dot:after {
  border-radius: 50%;
  border: 2px solid #fff;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
  box-sizing: border-box;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35); }

@-webkit-keyframes mapboxgl-user-location-dot-pulse {
  0% {
    -webkit-transform: scale(1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(3);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
    opacity: 0; } }

@-ms-keyframes mapboxgl-user-location-dot-pulse {
  0% {
    -ms-transform: scale(1);
    opacity: 1; }
  70% {
    -ms-transform: scale(3);
    opacity: 0; }
  to {
    -ms-transform: scale(1);
    opacity: 0; } }

@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    transform: scale(1);
    opacity: 1; }
  70% {
    transform: scale(3);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 0; } }

.mapboxgl-user-location-dot-stale {
  background-color: #aaa; }

.mapboxgl-user-location-dot-stale:after {
  display: none; }

.mapboxgl-user-location-accuracy-circle {
  background-color: rgba(29, 161, 242, 0.2);
  width: 1px;
  height: 1px;
  border-radius: 100%; }

.mapboxgl-crosshair, .mapboxgl-crosshair .mapboxgl-interactive, .mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair; }

.mapboxgl-boxzoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: #fff;
  border: 2px dotted #202020;
  opacity: .5; }

@media print {
  .mapbox-improve-map {
    display: none; } }

.mapboxgl-marker {
  background-image: url("/trucks/brand/iveco/images/map-marker.png");
  background-size: contain;
  width: 75px;
  height: 52px;
  top: -22px;
  cursor: pointer; }

.address-box-wrapper .collapse {
  display: block;
  height: 0;
  visibility: hidden;
  overflow: hidden; }

.address-box-wrapper .collapse.in,
.address-box-wrapper .collapsing {
  visibility: visible;
  height: auto;
  overflow: hidden; }

.mapboxgl-popup {
  min-width: 200px;
  padding: 6px; }
  .mapboxgl-popup .map-info-name {
    margin-bottom: 4px;
    color: #000; }
  .mapboxgl-popup .mapboxgl-popup-tip {
    position: relative;
    top: -12px; }

.mapboxgl-popup-content {
  line-height: 16px;
  padding: 8px;
  top: -12px;
  box-shadow: 1px -1px 8px rgba(0, 0, 0, 0.3); }

.mapbox-wrapper {
  position: relative; }

.mapbox-view-all-button {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
  color: #fff;
  z-index: 1;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 2px; }

.fs-heading {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  margin-top: 0;
  color: #000; }

.fs-item {
  margin-top: 15px; }

.feature-stacked-wrapper img[src$=".gif"] {
  width: auto;
  margin: 0 auto; }

.fs-image {
  width: 100%;
  margin-bottom: 15px; }
  @media screen and (min-width: 768px) {
    .fs-image {
      float: right;
      width: 35%;
      padding-left: 15px; } }

@media screen and (min-width: 768px) {
  .fs-text-wrapper {
    width: 65%; } }

@media screen and (min-width: 768px) {
  .fs-text {
    padding-right: 15px; } }

.fc-content-wrapper {
  display: none; }
  .fc-content-wrapper.active {
    display: block; }

@media screen and (min-width: 768px) {
  .feature-selector {
    float: left;
    padding-right: 20px;
    width: 30%; } }

@media screen and (min-width: 1024px) {
  .feature-selector {
    width: 20%; } }

.feature-type {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  cursor: pointer;
  padding: 10px 25px;
  border-radius: 6px;
  margin-bottom: 10px;
  -webkit-transition: background 150ms ease-in;
  -moz-transition: background 150ms ease-in;
  -ms-transition: background 150ms ease-in;
  -o-transition: background 150ms ease-in;
  transition: background 150ms ease-in; }
  .feature-type.active {
    background: #e5e5e5; }
  .feature-type:hover {
    background: #e5e5e5; }

.model-feature-section .owl-carousel {
  min-height: 300px;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .model-feature-section .owl-carousel {
      max-width: 70%; } }
  @media screen and (min-width: 1024px) {
    .model-feature-section .owl-carousel {
      max-width: 80%; } }

.model-feature-section.no-feature-selector .owl-carousel {
  max-width: 100%; }

@media screen and (min-width: 1024px) {
  .fc-text-wrapper {
    padding-left: 1rem; } }

.fc-heading {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  margin: 1em 0 .5em 0; }
  @media screen and (min-width: 1024px) {
    .fc-heading {
      margin: 0 0 .5em 0; } }

.fc-image-wrapper {
  padding-right: 1rem; }

.fc-image {
  width: 100%; }

.gallery-banner {
  cursor: pointer; }

.gallery-images-wrapper {
  display: none; }

#gallery_videos video {
  width: 100%; }

#videolink img {
  display: block !important; }

.jump-menu-wrapper {
  background-color: #00336F; }
  .jump-menu-wrapper .box-lr {
    padding: 0; }
    @media screen and (min-width: 768px) {
      .jump-menu-wrapper .box-lr {
        padding: 0 1.5rem; } }

.jm-link {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  display: block;
  float: left;
  width: 25%;
  padding: 10px 0;
  border-left: 1px solid #0056bc; }
  @media screen and (min-width: 768px) {
    .jm-link {
      text-align: left;
      width: auto;
      padding: 10px 40px 10px 0;
      border: 0; } }
  .jm-link:first-child {
    border-left: 0; }
  .jm-link:hover, .jm-link:active, .jm-link:focus {
    color: #fff;
    text-decoration: none; }

.on-page-search table {
  min-height: 200px; }

.search-filter-heading {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  color: #4d4d4d;
  margin: 0 0 7px 0; }

.sf-option-wrapper {
  padding: 5px 0; }
  @media screen and (min-width: 768px) {
    .sf-option-wrapper {
      padding: 0; } }

.ts-heading {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 22px;
  color: #000;
  margin-top: 0; }

td.no-result {
  text-align: center;
  font-size: 16px; }

@media screen and (min-width: 768px) {
  .ts-overview {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px; } }

.variant-list-wrapper {
  position: relative; }
  .on-page-search .variant-list-wrapper {
    margin-top: 20px; }
  .variant-list-wrapper .vl-table {
    width: 100%;
    text-align: center;
    position: relative; }
  .variant-list-wrapper .vl-thead {
    background: #000;
    color: #fff; }
  .variant-list-wrapper th, .variant-list-wrapper td {
    padding: 10px; }
  .variant-list-wrapper .compress {
    width: 18%; }
  .variant-list-wrapper .vl-tbody {
    font-size: 12px; }
    .variant-list-wrapper .vl-tbody tr {
      background: #ebebec; }
      .variant-list-wrapper .vl-tbody tr:nth-child(odd) {
        background: #cccccc; }
  .variant-list-wrapper .loading td {
    width: 100%;
    height: 200px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/loading.gif") no-repeat center; }
  @media screen and (max-width: 768px) {
    .variant-list-wrapper .vl-table .hide {
      display: none; } }

.ba-heading {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f2f2f2;
  color: #000;
  padding: 8px;
  margin: 15px 0; }
  .ba-heading:first-child {
    margin-top: 0; }

.ba-list {
  padding: 0;
  margin: 0; }

.ba-item {
  list-style: none;
  margin-bottom: 8px; }
  .ba-item.ba-item:last-child {
    margin-bottom: 0; }
  .ba-item:before, .ba-item:after {
    content: " ";
    display: table; }
  .ba-item:after {
    clear: both; }
  .ba-item .clearfix {
    *zoom: 1; }

.ba-thumb {
  display: none; }
  @media screen and (min-width: 1024px) {
    .ba-thumb {
      display: block;
      margin: 0 10px 0 0;
      width: 20%;
      float: left; } }

@media screen and (min-width: 1024px) {
  .ba-text-wrapper {
    width: 70%;
    float: left; } }

@media screen and (min-width: 1024px) {
  .ba-link,
  .ba-pagination-link {
    font-size: 12px;
    line-height: 15px; } }

.ba-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .ba-link:hover .ba-text {
    text-decoration: underline;
    text-decoration-skip: ink; }

.ba-text,
.ba-text-date {
  display: block; }

.ba-link .ba-text {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  color: #000; }

.ba-text-date {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  color: #000;
  font-size: 11px; }
  @media screen and (min-width: 1024px) {
    .ba-text-date {
      font-size: 9px; } }

.ba-pagination-link {
  display: inline-block;
  padding: 6px 12px 4px 12px;
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #000;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
  border-radius: 3px; }
  .ba-pagination-link.current {
    cursor: default;
    background-color: #000;
    border-color: #000; }
  .ba-pagination-link:hover {
    background-color: #000;
    border-color: #000; }
  .ba-pagination-link.current .ba-pagination-text,
  .ba-pagination-link:hover .ba-pagination-text {
    color: #fff; }
  .ba-pagination-link .ba-pagination-text {
    text-decoration: none;
    font-family: 'Roboto Bold', Arial, sans-serif;
    font-weight: normal;
    color: #000; }

.ba-tag-wrapper .ba-tag-link {
  color: #fff;
  background-color: #808080;
  padding: 6px 12px;
  border-radius: 3px;
  display: inline-block;
  margin: 0 3px 5px 0;
  -webkit-transition: background-color 250ms ease-in;
  -moz-transition: background-color 250ms ease-in;
  -ms-transition: background-color 250ms ease-in;
  -o-transition: background-color 250ms ease-in;
  transition: background-color 250ms ease-in; }
  .ba-tag-wrapper .ba-tag-link:hover {
    color: #fff;
    background-color: #333333; }

.blog-main-col-1 {
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .blog-main-col-1 {
      width: 70%;
      padding-right: 1.5rem; } }

.blog-main-col-2 {
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .blog-main-col-2 {
      width: 30%; } }

.blog-col-1 {
  width: 100%; }
  @media screen and (min-width: 568px) {
    .blog-col-1 {
      width: 30%;
      padding-right: 1.5rem; } }

.blog-col-2 {
  width: 100%;
  margin-top: 1rem; }
  @media screen and (min-width: 568px) {
    .blog-col-2 {
      width: 70%;
      margin-top: 0; } }

.blog-listing-wrapper {
  margin-bottom: 2rem;
  border-bottom: 2px solid #ebebec;
  padding-bottom: 2rem; }
  .blog-listing-wrapper:last-child {
    border-bottom: 0;
    margin-bottom: 0; }

.bl-image-link {
  display: block; }

.bl-image-small {
  margin: 0; }

.bl-heading {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  margin: 0 0 .5rem 0; }

.bl-heading-link {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  text-decoration: none;
  color: #000; }
  .bl-heading-link:hover {
    text-decoration: underline;
    text-decoration-skip: ink;
    color: #000; }

.bl-date {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #000;
  margin: 0; }

.blog-listing-wrapper .bl-btn {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-transform: capitalize;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  background: #00336F;
  padding: 8px 12px;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in; }
  .blog-listing-wrapper .bl-btn:hover {
    color: #fff;
    background: #002756; }

.bl-pagination-wrapper {
  width: auto;
  background: #dcddde;
  margin: 0 auto;
  padding: 4px 4px 4px 14px;
  border-radius: 10px; }

.bl-pagination-link {
  text-decoration: none;
  display: inline-block;
  background: #a7a9ac;
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin-right: 10px;
  text-align: center;
  font-size: 14px;
  line-height: 24px; }
  .bl-pagination-link:hover, .bl-pagination-link.current {
    background: #00336F;
    color: #fff; }

.bp-image-large {
  padding-bottom: 1.5rem; }

.bp-heading {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 26px;
  margin: 0 0 .5rem 0; }

.ph-auxiliary {
  font-size: 70%;
  text-transform: uppercase; }

.bp-date {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #00336F;
  margin: 0 0 15px; }

.byline-wrapper {
  font-size: 13px; }

.bp-byline-author,
.bp-byline-date {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  color: #000;
  margin-right: 10px; }

.bp-byline-text {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  color: #000;
  margin-right: 5px; }

.bp-byline-tag-link {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  text-decoration: none;
  color: #000;
  margin-right: 5px; }
  .bp-byline-tag-link:hover {
    color: #000;
    text-decoration: underline;
    text-decoration-skip: ink;
    cursor: pointer; }

.bp-text-wrapper {
  margin-bottom: 1.5rem; }
  .bp-text-wrapper h2 {
    font-size: 18px; }
  .bp-text-wrapper h3, .bp-text-wrapper h4, .bp-text-wrapper h5 {
    font-size: 16px; }

.blog-post .bp-back-link {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  color: #fff;
  padding: 0 10px 0 7px;
  margin: 0 0 10px 15px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  background-color: #00336F;
  position: relative;
  display: inline-block;
  border-radius: 2px;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in; }
  .blog-post .bp-back-link:before {
    position: absolute;
    left: -10px;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 15px 0;
    border-color: transparent #00336F transparent transparent;
    -webkit-transition: border-color 150ms ease-in;
    -moz-transition: border-color 150ms ease-in;
    -ms-transition: border-color 150ms ease-in;
    -o-transition: border-color 150ms ease-in;
    transition: border-color 150ms ease-in; }
  .blog-post .bp-back-link:hover {
    color: #fff;
    background: #002756; }
    .blog-post .bp-back-link:hover:before {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 10px 15px 0;
      border-color: transparent #002756 transparent transparent; }

.pdf-link {
  display: inline-block;
  background: #f2f2f2;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  padding: 10px;
  float: left;
  margin: 0 15px 10px 0;
  position: relative; }
  .pdf-link:hover {
    border: 1px solid #00336F; }
  .pdf-link.pdf-link-sm {
    -webkit-transition: border 150ms ease-in;
    -moz-transition: border 150ms ease-in;
    -ms-transition: border 150ms ease-in;
    -o-transition: border 150ms ease-in;
    transition: border 150ms ease-in;
    padding: 6px 6px;
    margin: 0 10px 0 0; }

.blog-post .pdf-link-text {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  margin: 0;
  position: absolute;
  top: 43%;
  left: 0;
  right: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0; }

.pdf-image-sm {
  width: 38px; }

.flexbox .im-col-g {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.no-flexbox .im-col-g {
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
  text-rendering: optimizespeed;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.no-flexbox .im-col {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

@media screen and (min-width: 880px) {
  .nav-mobile-bar,
  .nav-mobile-wrapper {
    display: none;
    height: 0; } }

.home #mobile-tool-btn {
  display: none; }

.nav-mobile-bar {
  height: 50px;
  background-color: #191919;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99; }
  .nav-mobile-bar a {
    display: block;
    text-align: center;
    line-height: 50px; }
  .nav-mobile-bar .nm-trigger-link {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 25px;
    text-decoration: none;
    text-indent: -17px;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased;
    color: #000;
    width: 80px;
    padding: 3px;
    margin: 10px auto;
    border: transparent;
    border-radius: 3px;
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all.png");
    background-color: #808080;
    background-repeat: no-repeat;
    background-position: 20px -6988px;
    width: 86px;
    text-indent: 2px;
    text-align: left; }
    .nav-mobile-bar .nm-trigger-link:hover {
      text-decoration: none; }
    .nav-mobile-bar .nm-trigger-link.collapsed {
      background-position: 20px -7088px; }

.nm-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .nm-list .nm-item-level-1,
  .nm-list .nm-item-level-2 {
    margin: 0; }
  .nm-list .nm-link-level-1,
  .nm-list .nm-link-level-2 {
    font-size: 13px;
    letter-spacing: .5px;
    line-height: initial;
    text-transform: uppercase;
    color: #fff;
    display: block; }
  .nm-list .nm-item-level-1 {
    background: #262626;
    border-bottom: 1px solid #4d4d4d; }
  .nm-list .nm-item-level-2 {
    background: #333333;
    border-bottom: 1px solid #4d4d4d; }
    .nm-list .nm-item-level-2:last-child {
      border: 0; }
    .nm-list .nm-item-level-2.nm-vehicle-item {
      background: #fff;
      width: 50%;
      float: left;
      border-bottom: 1px solid #dcddde; }
  .nm-list .nm-link-level-1 {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    padding: 12px;
    position: relative; }
    .nm-list .nm-link-level-1 .link-arrow {
      display: block;
      position: absolute;
      right: 10px;
      top: 10px;
      width: 20px;
      height: 20px;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 20 20' preserveAspectRatio='xMidYMid meet'><polygon points='1.1,9 1.1,11 9.8,11 18.9,11 18.9,9 9.8,9' fill='%23808080'/></svg>");
      background-repeat: no-repeat;
      background-position: 50% 50%; }
    .nm-list .nm-link-level-1.collapsed .link-arrow {
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 20 20' preserveAspectRatio='xMidYMid meet'><polygon points='18.9,9 11,9 11,1.1 9,1.1 9,9 1.1,9 1.1,11 9,11 9,18.9 11,18.9 11,11 18.9,11' fill='%23808080'/></svg>"); }
    .nm-list .nm-link-level-1.single .link-arrow {
      background: none; }
  .nm-list .nm-link-level-2 {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    padding: 12px 12px 12px 30px; }
  .nm-list .model-image {
    display: block;
    padding-bottom: 10px;
    text-decoration: none; }
  .nm-list .model-name {
    font-size: 12px;
    text-transform: uppercase;
    color: #0f0f0f;
    text-align: center;
    margin-bottom: 0.40em; }

.nav-mobile-icon-home,
.nav-mobile-icon-phone,
.nav-mobile-icon-linkedin,
.nav-mobile-icon-facebook {
  height: 50px;
  font-size: 0;
  text-indent: -10000px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all.png") no-repeat;
  margin: 0 auto; }

.nav-mobile-icon-home {
  background-position: -30px 11px;
  width: 40px; }

.nav-mobile-icon-phone {
  background-position: -30px -91px;
  width: 40px; }

.flexbox .np-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.flexbox .np-item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.flexbox .np-link {
  padding: 15px 0; }

.nav-primary-wrapper {
  display: none; }
  @media screen and (min-width: 880px) {
    .nav-primary-wrapper {
      display: block;
      position: relative;
      background-color: #191919; } }

.np-list {
  list-style: none;
  padding: 0;
  margin: 0; }

.np-item {
  position: relative;
  border-right: 1px solid #4c4c4c; }
  .np-item:hover, .np-item.selected {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 12.4 6.3' preserveAspectRatio='xMidYMid meet'><polygon points='0,6.3 6.3,0 12.4,6.3' fill='%23ffffff'/></svg>");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 13px; }

.np-item-1 {
  border-left: 1px solid #4c4c4c; }

.np-link {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #a7a9ac;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  position: relative;
  display: block;
  text-align: center; }
  .np-link:visited {
    color: #a7a9ac; }
  .np-link:hover, .np-link.selected {
    color: #fff; }

.no-flexbox .np-item {
  float: left; }

.no-flexbox .menu-10 .np-item {
  width: 10%; }

.no-flexbox .menu-9 .np-item {
  width: 11.1111111111%; }

.no-flexbox .menu-8 .np-item {
  width: 12.5%; }

.no-flexbox .menu-7 .np-item {
  width: 14.2857142857%; }

.no-flexbox .menu-6 .np-item {
  width: 16.6666666667%; }

.no-flexbox .menu-5 .np-item {
  width: 20%; }

.no-flexbox .menu-4 .np-item {
  width: 25%; }

.no-flexbox .menu-3 .np-item {
  width: 33.3333333333%; }

.no-flexbox .menu-2 .np-item {
  width: 50%; }

.no-flexbox .np-link {
  padding: 15px 10px; }

.boxshadow .nav-secondary-list {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); }

.no-boxshadow .nav-secondary-list {
  border: 1px solid #a7a9ac; }

.nav-secondary-list {
  list-style: none;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  background: #fff;
  -webkit-transition: opacity 150ms ease-in;
  -moz-transition: opacity 150ms ease-in;
  -ms-transition: opacity 150ms ease-in;
  -o-transition: opacity 150ms ease-in;
  transition: opacity 150ms ease-in;
  top: 100%;
  width: 220px;
  margin: 0;
  z-index: 1; }

.np-item:nth-last-child(2) .nav-secondary-list {
  left: -20px; }

.np-item.last .nav-secondary-list {
  right: 0; }

.np-item:hover .nav-secondary-list {
  visibility: visible;
  opacity: 1; }

.ns-link-level-2 {
  font-size: 14px;
  line-height: 18px;
  color: #000;
  display: block;
  padding: 14px 15px;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
  border-top: 1px solid #e5e5e5; }
  .ns-link-level-2:hover {
    color: #00336F;
    background-color: #f2f2f2; }
  .ns-link-level-2.ns-link-1 {
    border-top: 0; }

.nav-vehicle-list {
  list-style: none;
  position: absolute;
  padding: 0;
  background: #fff;
  top: 100%;
  width: 100%;
  margin: 0;
  z-index: 1;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  display: none;
  -webkit-transition: opacity 150ms ease-in;
  -moz-transition: opacity 150ms ease-in;
  -ms-transition: opacity 150ms ease-in;
  -o-transition: opacity 150ms ease-in;
  transition: opacity 150ms ease-in;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); }
  .no-boxshadow .nav-vehicle-list {
    border: 1px solid #dcddde; }
  @media screen and (min-width: 768px) {
    .nav-vehicle-list {
      right: 5px;
      left: 0;
      width: 600px; } }
  @media screen and (min-width: 880px) {
    .nav-vehicle-list {
      left: -60px;
      width: 800px; } }
  @media screen and (min-width: 1024px) {
    .nav-vehicle-list {
      right: -50px;
      width: 900px; } }

.np-item.np-item-2.hover .nav-vehicle-list {
  visibility: visible;
  opacity: 1;
  display: block; }

.nv-ql-item {
  position: relative; }
  .nv-ql-item .ql-icon-wrapper {
    position: absolute;
    left: 0;
    top: 1px;
    width: 50px;
    height: 50px;
    padding: 5px;
    background: #00336F; }

.nv-link-level-2,
.nv-ql-link,
.nv-quick-links {
  width: 200px; }

.nv-link-level-2,
.nv-ql-link {
  line-height: 50px;
  display: block;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in; }

.nv-item-level-2.nv-item-2.hover {
  color: #00336F;
  background-color: #fff; }

.nv-link-level-2 {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  background-color: #e5e5e5;
  padding-left: 15px;
  border-top: 1px solid #fff; }
  .nv-link-level-2:hover {
    color: #00336F;
    background-color: #fff; }

.nv-ql-link {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFF;
  background-color: #a6a6a6;
  padding-left: 65px;
  border-top: 1px solid #cccccc; }
  .nv-ql-link:hover {
    color: #00336F;
    background-color: #e5e5e5; }

.nv-wrapper-level-3 {
  position: absolute;
  top: 18px;
  left: 26%;
  width: 630px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 150ms ease-in;
  -moz-transition: opacity 150ms ease-in;
  -ms-transition: opacity 150ms ease-in;
  -o-transition: opacity 150ms ease-in;
  transition: opacity 150ms ease-in; }
  .nv-item-level-2.hover .nv-wrapper-level-3 {
    opacity: 1;
    visibility: visible; }

.nv-link-level-3 {
  display: block;
  padding: 10px 5px;
  -webkit-transition: box-shadow 150ms ease-in;
  -moz-transition: box-shadow 150ms ease-in;
  -ms-transition: box-shadow 150ms ease-in;
  -o-transition: box-shadow 150ms ease-in;
  transition: box-shadow 150ms ease-in; }
  .nv-link-level-3:hover {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); }
    .nv-link-level-3:hover .nv-heading-level-3 {
      color: #00336F; }

.nv-heading-level-3 {
  color: #000;
  text-align: center; }

.nav-footer-wrapper {
  display: none; }
  @media screen and (min-width: 768px) {
    .nav-footer-wrapper {
      display: block;
      height: auto; } }
  .nav-footer-wrapper .nav-u-1,
  .nav-footer-wrapper .nav-u-2,
  .nav-footer-wrapper .nav-u-3 {
    display: none; }
    @media screen and (min-width: 768px) {
      .nav-footer-wrapper .nav-u-1,
      .nav-footer-wrapper .nav-u-2,
      .nav-footer-wrapper .nav-u-3 {
        display: inline-block;
        *display: inline;
        zoom: 1; } }

.nf-heading {
  text-transform: uppercase;
  margin-bottom: 0; }

.nf-heading,
.nf-link {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff; }

.nf-list {
  list-style: none;
  padding-left: 0;
  margin: 0 0 20px 0; }

.nf-link {
  text-decoration: none;
  -webkit-transition: color 150ms ease-in;
  -moz-transition: color 150ms ease-in;
  -ms-transition: color 150ms ease-in;
  -o-transition: color 150ms ease-in;
  transition: color 150ms ease-in;
  display: block; }
  .nf-link:hover, .nf-link:focus {
    text-decoration: none;
    color: #a7a9ac; }
  .nf-link > img {
    max-width: none; }

.social-wrapper {
  padding: 0; }

.na-list {
  background: #fff;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  border: 1px solid #e5e5e5; }

.na-link {
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  color: #000;
  display: block;
  padding: 14px 15px;
  border-top: 1px solid #e5e5e5;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in; }
  .na-link:hover {
    color: #00336F;
    background-color: #f7f7f7; }
  .na-link.na-link-1 {
    border-top: 0; }
  .current .na-link {
    background: #000;
    color: #fff; }

.qs-submit {
  padding: 0.75em; }

.quick-search-container {
  position: relative;
  z-index: 1; }
  .quick-search-container .quick-search-form {
    padding: 16px;
    background: #000;
    background: rgba(0, 0, 0, 0.4);
    margin-top: 18px; }
  @media screen and (min-width: 1024px) {
    .quick-search-container .search-form {
      position: absolute;
      z-index: 20;
      top: 100%; } }

.quicksearch {
  border-radius: 3px;
  border: 1px solid #dcddde; }
  .quicksearch input[type="text"],
  .quicksearch input[type="tel"],
  .quicksearch input[type="email"],
  .quicksearch input[type="reset"],
  .quicksearch select {
    width: 100%; }
  .quicksearch .qs-heading {
    border-radius: 3px 3px 0 0; }
  .quicksearch .qs-type {
    background-color: #e5e5e5; }
  .quicksearch .qs-submit {
    padding-top: 1em; }
  .quicksearch .tag-checkbox-text {
    text-indent: -10000px;
    overflow: hidden; }

/* .squaredThree (customised tickbox) */
.squaredThree {
  width: 16px;
  position: relative;
  margin-left: 6px; }
  .squaredThree .ie-label {
    display: none; }
    .lt-ie9 .squaredThree .ie-label {
      cursor: pointer;
      display: block;
      position: absolute;
      top: 5px;
      left: 17px; }
  .squaredThree label {
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.4); }
    .lt-ie9 .squaredThree label {
      display: none;
      visibility: hidden;
      opacity: 0; }
    .squaredThree label span {
      margin-left: 20px;
      margin-top: -2px;
      display: block; }
    .squaredThree label:after {
      content: '';
      width: 9px;
      height: 5px;
      position: absolute;
      top: 4px;
      left: 3px;
      border: 3px solid #000;
      border-top: none;
      border-right: none;
      background: transparent;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
      .lt-ie9 .squaredThree label:after {
        filter: initial; }
  .squaredThree input[type=checkbox] {
    visibility: hidden;
    height: 23px; }
    @media screen and (min-width: 768px) {
      .squaredThree input[type=checkbox] {
        height: 28px; } }
    .lt-ie9 .squaredThree input[type=checkbox] {
      visibility: visible; }
    .squaredThree input[type=checkbox]:checked + label:after {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
      .lt-ie9 .squaredThree input[type=checkbox]:checked + label:after {
        filter: initial; }

/* end .squaredThree */
.budgetsearch {
  margin-top: 14px;
  border-radius: 3px;
  border: 1px solid #dcddde; }
  .budgetsearch .bs-heading {
    border-radius: 3px 3px 0 0;
    margin-bottom: 10px; }
  .budgetsearch .slider-u-label-left {
    margin: 0;
    line-height: 30px; }
  .budgetsearch .budget-amount {
    width: 50px;
    font-size: 18px;
    color: black; }
  .budgetsearch .terms {
    background-color: #fff; }
  .budgetsearch .terms-budget {
    font-size: 12px; }

.qs-wrapper {
  margin: 25px auto;
  padding: 0 .5em; }

.qs-tab-list {
  background-color: #404040;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0 auto; }

.qs-tab-item {
  list-style: none;
  width: 50%;
  float: left;
  background-color: #262626; }
  @media screen and (min-width: 640px) {
    .qs-tab-item {
      width: auto; } }
  .qs-tab-item.active {
    background: #e5e5e5; }
    .qs-tab-item.active .icon-svg {
      fill: #000; }
    .qs-tab-item.active .qs-text {
      color: #000; }

.qs-tab-link {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  display: block;
  padding: 0 12px;
  color: #fff; }
  @media screen and (min-width: 359px) {
    .qs-tab-link {
      padding: 0 30px; } }
  .qs-tab-link:hover, .qs-tab-link:focus {
    color: #fff; }
  .qs-tab-link .icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 0; }

.qs-icon .icon-svg {
  fill: #f2f2f2;
  width: 27px;
  height: 27px;
  display: block; }

.lt-ie9 .qs-icon,
.ie9 .qs-icon {
  float: left; }

.qs-text {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 13px;
  color: #fff;
  margin-left: 3px; }
  @media screen and (min-width: 568px) {
    .qs-text {
      font-size: 14px;
      line-height: 14px;
      margin-left: 6px; } }
  .lt-ie9 .qs-text,
  .ie9 .qs-text {
    padding-top: 7px; }

.qs-tab-content {
  border-top: 0;
  min-height: 115px;
  padding-top: 20px;
  background: #e5e5e5; }

@media screen and (min-width: 768px) {
  .qs-type {
    margin-top: 27px; } }

.qs-dealer-location {
  margin-top: 10px; }
  @media screen and (min-width: 768px) {
    .qs-dealer-location {
      margin-left: 10px;
      margin-bottom: 20px; } }

.budgetPeriod {
  margin-left: 5px;
  width: auto; }

.qs-budget-wrapper.stock .budget-label,
.qs-budget-wrapper.stock .deposit-label {
  font-size: 12px;
  line-height: 15px;
  display: inline; }
  @media screen and (min-width: 1024px) {
    .qs-budget-wrapper.stock .budget-label,
    .qs-budget-wrapper.stock .deposit-label {
      font-size: 14px; } }

.qs-budget-wrapper.stock .stock__budget-amount {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  color: #000; }

.qs-budget-wrapper.stock .stock__slider-u-slider {
  border-radius: 0;
  height: 10px;
  background: #cccccc;
  display: inline;
  float: right;
  width: 100%; }
  @media screen and (min-width: 568px) {
    .qs-budget-wrapper.stock .stock__slider-u-slider {
      width: 50%; } }
  @media screen and (min-width: 768px) {
    .qs-budget-wrapper.stock .stock__slider-u-slider {
      width: 100%; } }
  @media screen and (min-width: 880px) {
    .qs-budget-wrapper.stock .stock__slider-u-slider {
      width: 30%; } }
  @media screen and (min-width: 1024px) {
    .qs-budget-wrapper.stock .stock__slider-u-slider {
      width: 37%; } }
  @media screen and (min-width: 1170px) {
    .qs-budget-wrapper.stock .stock__slider-u-slider {
      width: 40%; } }

.qs-budget-wrapper.stock .ui-widget-header {
  border-radius: 0; }

.qs-budget-wrapper.stock .stock__slider-u-slider .ui-slider-handle {
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/mitsubishi/images/slider-button-round.png") 50% 50% no-repeat;
  border: 0;
  width: 26px;
  height: 26px;
  margin: -2px 0 0 -13px;
  cursor: pointer; }
  .qs-budget-wrapper.stock .stock__slider-u-slider .ui-slider-handle:focus {
    outline: none; }

.qs-budget-wrapper.stock .stock__terms-budget {
  color: #000;
  font-size: 9.5px;
  padding-top: 0;
  padding-bottom: 5px; }

.bs-pricing-slider {
  padding-top: 20px; }

.squaredThree {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  width: 20px;
  position: relative;
  margin-left: 10px;
  color: #000; }
  .squaredThree .ie-label {
    display: none; }
    .lt-ie9 .squaredThree .ie-label {
      cursor: pointer;
      display: block;
      position: absolute;
      top: 5px;
      left: 17px; }
  .squaredThree label {
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.4); }
    .lt-ie9 .squaredThree label {
      display: none;
      visibility: hidden;
      opacity: 0; }
    .squaredThree label span {
      margin-left: 20px;
      margin-top: -2px;
      display: block; }
    .squaredThree label:after {
      content: '';
      width: 9px;
      height: 5px;
      position: absolute;
      top: 4px;
      left: 3px;
      border: 3px solid #000;
      border-top: none;
      border-right: none;
      background: transparent;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
      .lt-ie9 .squaredThree label:after {
        filter: initial; }
  .squaredThree input[type=checkbox] {
    visibility: hidden;
    height: 23px; }
    @media screen and (min-width: 768px) {
      .squaredThree input[type=checkbox] {
        height: 28px; } }
    .lt-ie9 .squaredThree input[type=checkbox] {
      visibility: visible; }
    .squaredThree input[type=checkbox]:checked + label:after {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
      .lt-ie9 .squaredThree input[type=checkbox]:checked + label:after {
        filter: initial; }

.csstransitions .stock__search-accordion-inner .panel-default > .panel-heading {
  -webkit-transition: background 0.5sms ease-in;
  -moz-transition: background 0.5sms ease-in;
  -ms-transition: background 0.5sms ease-in;
  -o-transition: background 0.5sms ease-in;
  transition: background 0.5sms ease-in; }

.csstransitions .stock__search-accordion-inner .panel-heading a {
  -webkit-transition: color 250ms ease-in;
  -moz-transition: color 250ms ease-in;
  -ms-transition: color 250ms ease-in;
  -o-transition: color 250ms ease-in;
  transition: color 250ms ease-in; }

.stock__results-summary {
  background-color: #f2f2f2;
  border: 1px solid #dcddde; }
  .stock__results-summary h2 {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    background-color: #e5e5e5;
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: 0.3em; }
    @media screen and (min-width: 768px) {
      .stock__results-summary h2 {
        padding: 0.5em; } }
  .stock__results-summary .resultNumber {
    font-family: 'Roboto Bold', Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #000;
    margin-bottom: 0;
    padding: 0.3em; }
    @media screen and (min-width: 768px) {
      .stock__results-summary .resultNumber {
        padding: 0.5em; } }
  .stock__results-summary .pure-table {
    border: transparent; }
  .stock__results-summary .pure-table > tbody > tr > td {
    vertical-align: baseline;
    border: transparent;
    padding-top: 0;
    padding-bottom: 5px; }

.stock__form-refine-button-clear {
  padding: 0;
  border: none;
  background-color: transparent;
  outline: 0;
  filter: none;
  background: none;
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png");
  background-position: -40.6px -5998px;
  position: relative;
  *display: inline;
  display: inline-block;
  height: 19px;
  width: 19px;
  float: right;
  top: 6px; }
  .stock__form-refine-button-clear:hover, .stock__form-refine-button-clear:focus {
    filter: none;
    background-image: none;
    background-color: transparent; }
  .stock__form-refine-button-clear:hover, .stock__form-refine-button-clear:focus {
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png"); }

.stock__search-refine {
  margin-bottom: 0; }

.stock__search-refine .stock__panel-collapse {
  border: transparent; }

.stock__search-refine {
  font-size: 14px; }
  .stock__search-refine span, .stock__search-refine label, .stock__search-refine .stock__slider-u-label-left {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    font-size: 14px; }
  .stock__search-refine .stock__slider-u-label-left {
    color: #000; }

.stock .refine-submit.fixed {
  position: fixed;
  bottom: 0;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/top-shadow.png") repeat-x;
  padding-top: 12px;
  z-index: 2; }

.stock__search-refine-btn-wrapper {
  background-color: #f2f2f2;
  border: 1px solid #dcddde;
  border-top: transparent;
  padding: 20px; }
  .stock__search-refine-btn-wrapper input {
    margin-top: 0;
    width: 100%; }

.stock__form-search-vehicles .stock__search-refine-toggle {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  margin-top: 10px; }
  .stock__form-search-vehicles .stock__search-refine-toggle a {
    font-size: 18px;
    color: #00336F; }
  .stock__form-search-vehicles .stock__search-refine-toggle span {
    font-size: 12px;
    width: 15px;
    margin: 1px 0 0 0;
    float: left; }
  .stock__form-search-vehicles .stock__search-refine-toggle .stock__search-refine-button-reset {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    background-color: transparent;
    float: right;
    color: #00336F;
    font-size: 14px;
    width: auto;
    cursor: pointer;
    border: none; }
    .stock__form-search-vehicles .stock__search-refine-toggle .stock__search-refine-button-reset:hover {
      text-decoration: underline; }
  .stock__form-search-vehicles .stock__search-refine-toggle .expanded-arrow-sm {
    display: block; }
  .stock__form-search-vehicles .stock__search-refine-toggle .collapsed-arrow-sm {
    display: none; }
  .stock__form-search-vehicles .stock__search-refine-toggle .collapsed .expanded-arrow-sm {
    display: none; }
  .stock__form-search-vehicles .stock__search-refine-toggle .collapsed .collapsed-arrow-sm {
    display: block; }

.stock__search-accordion-outer .panel-body {
  padding: 0; }

.panel-body .stock__search-accordion-inner a {
  border-top: transparent;
  border-bottom: transparent; }

.panel-group.stock__search-accordion-inner {
  margin-bottom: 0; }

.stock__search-accordion-inner .panel-body {
  padding: 10px; }

.stock__search-accordion-inner .panel-default > .panel-heading {
  background: #666666;
  border-bottom: 1px solid #fff; }
  .stock__search-accordion-inner .panel-default > .panel-heading:hover {
    background: #4d4d4d; }

.stock__search-refine.stock__panel-collapse {
  border: transparent; }

.stock__search-accordion-inner.panel-group .panel {
  border-radius: 0; }

.stock__search-accordion-inner.panel-group .panel + .panel {
  margin-top: 0; }

.stock__search-accordion-inner.panel-group .panel-heading + .stock__panel-collapse > .panel-body {
  border-top: transparent; }

.stock__search-accordion-inner .stock__panel-collapse {
  border-left: 1px #cccccc solid;
  border-right: 1px #cccccc solid; }

.stock__search-accordion-inner .panel-heading a {
  color: #fff; }

.stock__search-accordion-inner .panel-heading a:hover {
  text-decoration: none;
  color: #fff; }

.stock__search-accordion-inner a {
  display: block;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -38px -2880px no-repeat; }
  @media screen and (min-width: 768px) {
    .stock__search-accordion-inner a {
      background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -38px -2886px no-repeat; } }

.stock__search-accordion-inner .collapsed {
  display: block;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -38px -2781px no-repeat; }
  @media screen and (min-width: 768px) {
    .stock__search-accordion-inner .collapsed {
      background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -38px -2787px no-repeat; } }

.stock__search-accordion-inner .panel-title {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  padding: 14px 0 14px 22px; }
  @media screen and (min-width: 768px) {
    .stock__search-accordion-inner .panel-title {
      padding: 10px 0 10px 22px; } }
  .stock__search-accordion-inner .panel-title a {
    text-transform: none; }
  .stock__search-accordion-inner .panel-title span {
    font-size: 10px;
    width: 15px;
    height: 10px;
    margin-top: 3px;
    float: left; }

/* Form UI - Widget */
.stock .ui-widget-header {
  position: absolute;
  background: #00336F; }
  .stock .ui-widget-header.ui-slider-range {
    height: 100%; }

.stock__pricings-slider .stock__slider-u-2 {
  margin-top: 15px; }
  .stock__pricings-slider .stock__slider-u-2 .stock__slider-u-label-left {
    line-height: 24px; }
    .stock__pricings-slider .stock__slider-u-2 .stock__slider-u-label-left .stock__budget-amount {
      font-size: 18px;
      color: #00336F; }
  .stock__pricings-slider .stock__slider-u-2 .stock__slider-u-slider {
    margin-top: 15px; }

.stock__terms-budget,
#budgetDisclaimerCalculatorLink {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  padding-top: 10px;
  margin-bottom: 0; }
  .stock__terms-budget #budgetDisclaimerCalculatorLink,
  #budgetDisclaimerCalculatorLink #budgetDisclaimerCalculatorLink {
    color: #00336F !important; }

.stock__age-odometre-slider .stock__slider-u-2 {
  margin-bottom: 20px; }

.stock__slider-u .stock__slider-u-label-right {
  float: right; }

.stock .stock__slider-u-slider {
  background: #c0c0c0;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(top, #c0c0c0 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0c0c0), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #c0c0c0 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #c0c0c0 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #c0c0c0 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #c0c0c0 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#f5f5f5',GradientType=0 );
  margin-top: 16px;
  margin-bottom: 10px;
  border: none;
  height: 8px;
  width: 100%; }
  .stock .stock__slider-u-slider .ui-slider-handle {
    height: 26px;
    margin-top: -5px;
    margin-left: -8px; }

.stock__body-type-slider .stock__slider-u-2 {
  margin-bottom: 20px; }

.panel-slider {
  display: none;
  margin-bottom: 10px; }

.stock__panel-slider-sliders {
  position: relative;
  overflow: hidden;
  height: 0;
  border: 0 solid #fff;
  -webkit-transition: height 1.25s ease, border 1.25s ease;
  -moz-transition: height 1.25s ease, border 1.25s ease;
  -ms-transition: height 1.25s ease, border 1.25s ease;
  -o-transition: height 1.25s ease, border 1.25s ease;
  transition: height 1.25s ease, border 1.25s ease; }
  .stock__panel-slider-sliders .panel-slider {
    display: block;
    position: absolute;
    left: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease, left 0.5s ease;
    -moz-transition: opacity 0.5s ease, left 0.5s ease;
    -ms-transition: opacity 0.5s ease, left 0.5s ease;
    -o-transition: opacity 0.5s ease, left 0.5s ease;
    transition: opacity 0.5s ease, left 0.5s ease; }
    .stock__panel-slider-sliders .panel-slider.selected {
      display: block;
      opacity: 1;
      left: 0%;
      width: 100%; }

.tool-tip {
  border-bottom: 1px dotted; }

.action-button-group-wrapper {
  position: relative; }

.action-button-group.panel-group {
  margin-top: 1em; }
  @media screen and (min-width: 768px) {
    .action-button-group.panel-group {
      margin: 0; }
      .action-button-group.panel-group .panel-collapse {
        margin-bottom: 5px;
        border: none; } }

.action-button-group .panel {
  margin-bottom: 1em; }
  @media screen and (min-width: 768px) {
    .action-button-group .panel {
      margin-bottom: 0; } }

.action-button-group .panel-heading {
  display: block;
  background-color: #000;
  border-radius: 3px; }
  @media screen and (min-width: 768px) {
    .action-button-group .panel-heading {
      display: none; } }
  .action-button-group .panel-heading + .panel-collapse > .panel-body {
    border-top: transparent; }

.page .action-button-group .panel-body {
  padding: 0; }
  @media screen and (min-width: 768px) {
    .page .action-button-group .panel-body {
      margin-bottom: 15px; } }

.action-button-group .panel-collapse h4 {
  display: none; }

.desktop.action-button-group .desktop-panel-heading .panel-title {
  padding-left: 38px; }

.desktop.action-button-group {
  /* Desktop view specific */
  display: none; }
  @media screen and (min-width: 768px) {
    .desktop.action-button-group {
      display: block;
      margin: 0;
      width: 60%;
      height: 40px;
      position: absolute;
      top: -60px;
      right: 0; } }
  @media screen and (min-width: 1024px) {
    .desktop.action-button-group {
      width: 50%; } }
  .desktop.action-button-group .desktop-panel-heading {
    margin-left: 10px;
    border-radius: 3px; }

.desktop-panel-heading {
  /* Common to mobile and desktop views */
  text-align: left; }
  .lt-ie9 .desktop-panel-heading {
    height: 30px;
    cursor: pointer; }
  .lt-ie8 .desktop-panel-heading.call-back {
    width: 180px; }
  .lt-ie8 .desktop-panel-heading.email {
    width: 100px; }
  .desktop-panel-heading a {
    color: #fff;
    position: relative;
    display: block;
    height: 45px;
    background: #666666;
    border-radius: 3px; }
    @media screen and (min-width: 768px) {
      .desktop-panel-heading a {
        height: 30px; } }
    .desktop-panel-heading a span {
      display: block;
      width: 45px;
      height: 45px;
      position: absolute;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      background: #00336F url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") no-repeat; }
      .lt-ie9 .desktop-panel-heading a span {
        height: 30px; }
      @media screen and (min-width: 768px) {
        .desktop-panel-heading a span {
          width: 30px;
          height: 30px; } }
      .desktop-panel-heading a span.icon_call {
        background-position: -28px -1694px; }
        @media screen and (min-width: 768px) {
          .desktop-panel-heading a span.icon_call {
            background-position: -35px -1896px; } }
      .desktop-panel-heading a span.icon_enquiry {
        background-position: -28px -3289px; }
        @media screen and (min-width: 768px) {
          .desktop-panel-heading a span.icon_enquiry {
            background-position: -35px -3393px; } }
      .desktop-panel-heading a span.icon_email {
        background-position: -28px -3090px; }
        @media screen and (min-width: 768px) {
          .desktop-panel-heading a span.icon_email {
            background-position: -35px -3193px; } }
      .desktop-panel-heading a span.icon_looking {
        background-position: -35px -5296px; }
      .desktop-panel-heading a span.icon_finance {
        background-position: -35px -5396px; }
      .desktop-panel-heading a span.icon_trade {
        background-position: -35px -5496px; }
    .desktop-panel-heading a h4 {
      font-size: 16px;
      line-height: 30px;
      padding-left: 3.5em;
      height: 45px; }
      .lt-ie9 .desktop-panel-heading a h4 {
        height: 30px; }
      @media screen and (min-width: 768px) {
        .desktop-panel-heading a h4 {
          font-size: 12px;
          padding-left: 2.6em;
          font-size: 0.95em;
          height: 30px; } }
      @media screen and (min-width: 1024px) {
        .desktop-panel-heading a h4 {
          font-size: 13px; } }

.lt-ie9 .pure-u-0-ie {
  display: none; }

.view-specials .special-outer {
  margin-bottom: 20px;
  border-radius: 3px; }
  @media screen and (min-width: 568px) {
    .view-specials .special-outer {
      background-color: #ebebec;
      padding: 0 25px 10px;
      border: 1px solid #dcddde; } }
  .view-specials .special-outer.learner-approved-tag .custom-bottom {
    width: auto;
    height: 27px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -35px -14600px no-repeat;
    margin-top: 10px; }
    .view-specials .special-outer.learner-approved-tag .custom-bottom:after {
      font-family: 'Roboto Bold', Arial, sans-serif;
      font-weight: normal;
      content: "Learner Approved";
      font-size: 13px;
      position: relative;
      top: 3px;
      left: 35px; }

.view-specials .box-sm {
  padding: .2em .5em; }
  @media screen and (min-width: 768px) {
    .view-specials .box-sm {
      padding: .2em 0em .1em; } }

.view-specials .special-title-bar {
  background-color: #e5e5e5;
  margin: 10px 0;
  border-radius: 3px; }
  @media screen and (min-width: 768px) {
    .view-specials .special-title-bar {
      background-color: transparent;
      margin: 7px 0 7px 0;
      border-bottom: 2px solid #e5e5e5;
      border-radius: 0; } }

.view-specials .special-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0; }
  @media screen and (min-width: 768px) {
    .view-specials .special-title {
      font-weight: 600;
      font-size: 16px;
      float: left; } }

.view-specials .special-price {
  font-size: 20px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  margin: 0; }
  @media screen and (min-width: 768px) {
    .view-specials .special-price {
      font-size: 16px;
      float: right; } }

.view-specials .special-stock-image img {
  margin: 0 auto; }

.view-specials .special-stock-details a {
  color: initial; }

.view-specials .button-special-view {
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  margin: 10px 0 13px;
  font-size: 16px; }
  @media screen and (min-width: 384px) {
    .view-specials .button-special-view {
      font-size: 18px; } }
  @media screen and (min-width: 768px) {
    .view-specials .button-special-view {
      font-size: 14px;
      margin: 0 0 8px; } }

.view-specials .special-table-1 td {
  font-size: 13px;
  padding-left: 10px; }

.view-specials .special-table-1 .label-col {
  font-weight: bold; }

.view-specials .special-table-1 .content-col {
  font-weight: normal; }

.view-specials .special-stock {
  position: relative; }
  .view-specials .special-stock .special-tag {
    position: absolute;
    max-width: 60px;
    top: 20px;
    right: 2%; }
    @media screen and (min-width: 768px) {
      .view-specials .special-stock .special-tag {
        right: 22%; } }
    .view-specials .special-stock .special-tag .special-tag-a {
      display: block;
      max-width: 60px; }

main.stock .add-this-container,
main .add-this-container {
  display: none; }

.stock__back-to-result {
  font-size: 14px;
  margin-bottom: 0;
  position: relative;
  padding-left: 10px;
  padding-top: 2px; }
  .stock__back-to-result a {
    font-family: 'Roboto Bold', Arial, sans-serif;
    font-weight: normal; }

.stock__hr {
  border: 0;
  margin-bottom: 10px; }

.stock .search-detail-row-u-1-col-u-1 .form .pure-button {
  width: 50%; }

.stock__button-back {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 8px 7px 0;
  border-color: #fff #00336F #fff #00336F;
  display: inline-block;
  vertical-align: baseline;
  position: absolute;
  top: 3px;
  left: 0; }

.stock__container-button-share {
  float: right;
  margin-top: 20px;
  width: 100px; }
  .stock__container-button-share .text-share {
    float: right;
    color: #000;
    font-size: 14px;
    line-height: 20px; }
  .stock__container-button-share .button-share {
    float: right;
    background-color: #00336F;
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png");
    background-position: -40px -4895px;
    width: 20px;
    height: 20px; }

/*
Form wrapper style override
*/
.stock__panel-slider-sliders {
  background-color: #f7f7f7; }
  .stock__panel-slider-sliders.open {
    margin-bottom: 15px; }
  .stock__panel-slider-sliders .panel-slider {
    margin-bottom: 10px; }

.stock__form-u-1 .form,
.stock__form-u-2 .form,
.stock__form-u-3 .form,
.stock__form-u-4 .form,
.stock__form-u-5 .form,
.stock__form-u-6 .form,
.stock__form-u-7 .form {
  padding: 0 25px; }

.stock__form-u-1 .form > h2,
.stock__form-u-2 .form > h2,
.stock__form-u-3 .form > h2,
.stock__form-u-4 .form > h2,
.stock__form-u-5 .form > h2,
.stock__form-u-6 .form > h2,
.stock__form-u-7 .form > h2 {
  display: none; }

/* content */
.stock-page .owl-theme .owl-controls .owl-pagination {
  display: none !important; }

.stock-page .owl-theme .owl-controls .owl-buttons .owl-prev,
.stock-page .owl-theme .owl-controls .owl-buttons .owl-next {
  position: absolute;
  top: 50%;
  width: 15px;
  height: 40px;
  display: block;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png");
  background-position: -43px -5794px; }

.stock-page .owl-theme .owl-controls .owl-buttons .owl-prev {
  margin: -20px 0 0 -2px;
  left: 0; }

.stock-page .owl-theme .owl-controls .owl-buttons .owl-next {
  margin: -20px -5px 0 0;
  right: 0;
  background-position: -43px -5694px; }

.stock__vehicle-summary {
  -webkit-transition: margin-top 1.25s ease;
  -moz-transition: margin-top 1.25s ease;
  -ms-transition: margin-top 1.25s ease;
  -o-transition: margin-top 1.25s ease;
  transition: margin-top 1.25s ease;
  margin-top: -180px; }
  .open .stock__vehicle-summary {
    margin-top: 0; }
  .stock__vehicle-summary .stock__form-name {
    font-family: Arial, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #666666;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    padding-left: 7px; }
    .stock__vehicle-summary .stock__form-name .name {
      float: left; }
    .stock__vehicle-summary .stock__form-name .icon {
      background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png");
      margin-left: 5px; }
    .stock__vehicle-summary .stock__form-name.MakeanOffer .icon {
      background-position: -31px -4189px; }
    .stock__vehicle-summary .stock__form-name.SendtoaFriend .icon {
      background-position: -32px -4287px; }
    .stock__vehicle-summary .stock__form-name.MakeanEnquiry .icon {
      background-position: -32px -4386px; }
    .stock__vehicle-summary .stock__form-name.FinanceCalculator .icon {
      background-position: -32px -4491px; }
    .stock__vehicle-summary .stock__form-name.BookaTestDrive .icon {
      background-position: -32px -4590px; }
    .stock__vehicle-summary .stock__form-name.ValueMyTrade-In .icon {
      background-position: -32px -4692px; }
    .stock__vehicle-summary .stock__form-name.RequestaVideo .icon {
      background-position: -32px -4791px; }
    .stock__vehicle-summary .stock__form-name .button-close {
      float: right;
      font-size: 16px;
      padding-right: 10px;
      cursor: pointer; }
      .stock__vehicle-summary .stock__form-name .button-close > div {
        float: left; }
      .stock__vehicle-summary .stock__form-name .button-close .text {
        font-family: Arial, sans-serif;
        font-weight: normal;
        font-size: 14px;
        position: relative; }
      .stock__vehicle-summary .stock__form-name .button-close .button {
        font-family: Arial, sans-serif;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: #4d4d4d;
        display: inline-block;
        background-color: #fff;
        border-radius: 20px;
        width: 24px;
        height: 24px;
        margin-left: 3px; }

.stock__form-name.MakeanOffer + .stock__summary-detail .compare-against,
.stock__form-name.SendtoaFriend + .stock__summary-detail .compare-against,
.stock__form-name.BookaTestDrive + .stock__summary-detail .compare-against,
.stock__form-name.RequestaVideo + .stock__summary-detail .compare-against {
  display: none; }

.stock__summary-detail {
  padding: 15px 25px; }
  .stock__summary-detail .compare-against {
    background-color: #a7a9ac;
    color: #fff;
    text-align: right;
    line-height: 24px;
    padding-right: 10px;
    height: 25px; }
  .stock__summary-detail .summary-detail-body {
    background: #e5e5e5; }
    .stock__summary-detail .summary-detail-body > div {
      float: left; }
    .stock__summary-detail .summary-detail-body .summary-detail-body-image-container {
      padding: 10px; }
    .stock__summary-detail .summary-detail-body .summary-detail-body-items {
      padding: 8px 0; }
  .stock__summary-detail .title {
    color: #000;
    font-size: 17px;
    text-transform: uppercase; }
    .stock__summary-detail .title .text-price-qualifier {
      color: #000;
      font-size: 14px;
      text-transform: initial; }
  .stock__summary-detail .specs > div {
    float: left; }
  .stock__summary-detail .specs td {
    color: #000;
    padding: 0 5px 0 5px; }

.stock__search-detail-title {
  display: block;
  padding: 7px;
  margin-top: 0;
  margin-bottom: 15px; }
  .stock__search-detail-title .search-detail-name {
    width: 100%; }
    .stock__search-detail-title .search-detail-name span {
      display: block;
      font-size: 0.75em; }
  .stock__search-detail-title .search-detail-price-qualifier {
    margin: 0 0 0 5px;
    float: left; }
    @media screen and (min-width: 568px) {
      .stock__search-detail-title .search-detail-price-qualifier {
        text-align: right;
        float: right; } }
    @media screen and (min-width: 1024px) {
      .stock__search-detail-title .search-detail-price-qualifier {
        margin: 2px 0 0 0; } }
  .stock__search-detail-title .search-detail-price {
    display: inline;
    margin: 0;
    float: left; }
    @media screen and (min-width: 568px) {
      .stock__search-detail-title .search-detail-price {
        display: inline-block;
        margin: 0 0 0 5px;
        float: right; } }
  .stock__search-detail-title .special-stock {
    position: relative; }
    .stock__search-detail-title .special-stock .special-tag {
      position: absolute;
      max-width: 75px;
      top: 0;
      left: 75%;
      z-index: 1; }
      @media screen and (min-width: 568px) {
        .stock__search-detail-title .special-stock .special-tag {
          left: 55%; } }

/*
Gallery slider section
*/
.stock__gallery-slider img {
  width: 100%;
  border-radius: 0; }

.stock__gallery-slider .owl-item.loading {
  min-height: 1px; }

.no-js .lazyOwl {
  display: none; }

.stock .owl-prev {
  position: absolute;
  margin-top: -20px;
  top: 50%;
  left: 0;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") no-repeat;
  width: 15px;
  height: 40px;
  display: block;
  background-position: -43px -5794px; }

.stock .owl-next {
  position: absolute;
  margin-top: -20px;
  top: 50%;
  right: 0;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") no-repeat;
  width: 15px;
  height: 40px;
  display: block;
  background-position: -43px -5694px; }

.stock__thumbnail-slider {
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 17px; }
  .stock__thumbnail-slider .stock__thumbnail-slider-image-wrapper {
    overflow-y: hidden;
    max-height: 60px; }
    @media screen and (min-width: 568px) {
      .stock__thumbnail-slider .stock__thumbnail-slider-image-wrapper {
        max-height: 90px; } }
    @media screen and (min-width: 768px) {
      .stock__thumbnail-slider .stock__thumbnail-slider-image-wrapper {
        max-height: 80px; } }
    @media screen and (min-width: 1024px) {
      .stock__thumbnail-slider .stock__thumbnail-slider-image-wrapper {
        max-height: 100px; } }
  .stock__thumbnail-slider img {
    cursor: pointer;
    padding-right: 2px; }

/*
Vehicle detail specification section
*/
.stock__table-responsive {
  background: #f2f2f2;
  border-radius: 0;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .stock__table-responsive {
      background: transparent;
      border-radius: 0; } }

.stock__search-detail-specification .gallery {
  margin-bottom: 15px; }

.stock__search-detail-specification .gallery.loading {
  display: none; }
  .no-js .stock__search-detail-specification .gallery.loading {
    display: block; }

.stock__search-detail-specification .stock__specifications {
  margin-bottom: 15px;
  overflow: auto; }
  .stock__search-detail-specification .stock__specifications table,
  .stock__search-detail-specification .stock__specifications tbody,
  .stock__search-detail-specification .stock__specifications tr,
  .stock__search-detail-specification .stock__specifications td {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    border: transparent;
    border-top: none;
    vertical-align: top;
    padding: 4px 8px; }
  .stock__search-detail-specification .stock__specifications .label {
    font-family: 'Roboto Bold', Arial, sans-serif;
    font-weight: normal;
    color: #000; }
  .stock__search-detail-specification .stock__specifications .detail {
    padding-left: 10px; }

.stock__search-detail-specification .tools-list,
.stock__search-detail-specification .tools-list > li {
  display: block;
  margin: 0;
  padding: 0; }

.stock__search-detail-specification .tools-list {
  position: relative;
  float: left;
  background-color: #f2f2f2;
  border: 1px solid #dcddde;
  padding: 6px;
  margin-top: 15px;
  border-radius: 0; }
  .stock__search-detail-specification .tools-list > li {
    font-size: 18px;
    line-height: 40px;
    list-style: none; }
    @media screen and (min-width: 768px) {
      .stock__search-detail-specification .tools-list > li {
        font-size: 16px;
        line-height: 28px; } }
  .stock__search-detail-specification .tools-list a {
    color: #00336F; }

.stock__vin-number {
  text-transform: uppercase; }

.stock__search-detail-dealer-comments {
  margin-bottom: 20px; }
  .stock__search-detail-dealer-comments .stock__comments {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    font-size: 14px; }
    @media screen and (min-width: 568px) {
      .stock__search-detail-dealer-comments .stock__comments.isSplitted {
        -webkit-column-count: 2;
        -webkit-column-gap: 40px;
        -webkit-column-rule-width: 1px;
        -webkit-column-rule-style: solid;
        -webkit-column-rule-color: #dcddde;
        -moz-column-count: 2;
        -moz-column-gap: 40px;
        -moz-column-rule-width: 1px;
        -moz-column-rule-style: solid;
        -moz-column-rule-color: #dcddde;
        column-count: 2;
        column-gap: 40px;
        column-rule-width: 1px;
        column-rule-style: solid;
        column-rule-color: #dcddde; } }

@media screen and (min-width: 768px) {
  .stock__search-detail-dealer-comments > h2 {
    margin-top: 0; } }

.stock__vehicle-detail-sub-head,
.stock__dealer-details-sub-head {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  color: #000;
  font-size: 14px; }

.stock__container-features hr {
  margin-bottom: 0; }

.stock__container-features .features-list .pure-g div:last-child {
  padding-left: 0; }
  @media screen and (min-width: 568px) {
    .stock__container-features .features-list .pure-g div:last-child {
      padding-left: .5em; } }
  @media screen and (min-width: 768px) {
    .stock__container-features .features-list .pure-g div:last-child {
      padding-left: .75em; } }

@media screen and (min-width: 568px) {
  .stock__container-features .features-list .stock__features {
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    -webkit-column-rule-width: 0;
    -webkit-column-rule-style: none;
    -webkit-column-rule-color: #fff;
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -moz-column-rule-width: 0;
    -moz-column-rule-style: none;
    -moz-column-rule-color: #fff;
    column-count: 2;
    column-gap: 40px;
    column-rule-width: 0;
    column-rule-style: none;
    column-rule-color: #fff; } }

.stock__container-features .features-list .list-hr {
  font-size: 14px;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle;
  padding: 5px 0; }

/*
vehicle-detail subnav section
*/
.stock__call-us {
  cursor: default;
  background-color: #00336F;
  text-align: left;
  font-size: 25px;
  line-height: 66px;
  color: #fff;
  margin-bottom: 10px;
  border-radius: 0;
  padding-left: 10px;
  height: 66px; }
  @media screen and (min-width: 568px) {
    .stock__call-us {
      text-align: center;
      padding: 0; } }
  @media screen and (min-width: 768px) {
    .stock__call-us {
      font-size: 16px;
      line-height: 47px;
      padding: 0;
      height: 45px; } }
  .stock__call-us:hover {
    background: #00336F;
    box-shadow: none; }
  .stock__call-us a {
    font-family: 'Roboto Bold', Arial, sans-serif;
    font-weight: normal;
    color: #fff; }

.stock__subnav-search-detail-icon {
  float: left;
  background-color: #00336F;
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png");
  width: 45px;
  height: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
  @media screen and (min-width: 768px) {
    .stock__subnav-search-detail-icon {
      width: 37px; } }
  .make-an-offer .stock__subnav-search-detail-icon {
    background-position: -26px -4190px; }
    @media screen and (min-width: 768px) {
      .make-an-offer .stock__subnav-search-detail-icon {
        background-position: -31px -4194px; } }
  .send-to-friend .stock__subnav-search-detail-icon {
    background-position: -27px -4286px; }
    @media screen and (min-width: 768px) {
      .send-to-friend .stock__subnav-search-detail-icon {
        background-position: -32px -4290px; } }
  .enquiry .stock__subnav-search-detail-icon {
    background-position: -27px -4386px; }
    @media screen and (min-width: 768px) {
      .enquiry .stock__subnav-search-detail-icon {
        background-position: -32px -4390px; } }
  .calculator .stock__subnav-search-detail-icon {
    background-position: -27px -4490px; }
    @media screen and (min-width: 768px) {
      .calculator .stock__subnav-search-detail-icon {
        background-position: -32px -4494px; } }
  .test-drive .stock__subnav-search-detail-icon {
    background-position: -27px -4591px; }
    @media screen and (min-width: 768px) {
      .test-drive .stock__subnav-search-detail-icon {
        background-position: -32px -4597px; } }
  .trade-in .stock__subnav-search-detail-icon {
    background-position: -27px -4689px; }
    @media screen and (min-width: 768px) {
      .trade-in .stock__subnav-search-detail-icon {
        background-position: -32px -4694px; } }
  .request-video .stock__subnav-search-detail-icon {
    background-position: -27px -4792px; }
    @media screen and (min-width: 768px) {
      .request-video .stock__subnav-search-detail-icon {
        background-position: -32px -4796px; } }

.csstransitions .stock__subnav-search-detail-u {
  -webkit-transition: opacity 0.25s ease,  background-color 0.25s ease;
  -moz-transition: opacity 0.25s ease,  background-color 0.25s ease;
  -ms-transition: opacity 0.25s ease,  background-color 0.25s ease;
  -o-transition: opacity 0.25s ease,  background-color 0.25s ease;
  transition: opacity 0.25s ease,  background-color 0.25s ease; }

.stock__subnav-search-detail-u {
  position: relative;
  cursor: pointer;
  background-color: #f2f2f2;
  margin-bottom: 10px;
  color: #00336F;
  height: 45px;
  width: 100%;
  border-radius: 0; }
  @media screen and (min-width: 768px) {
    .stock__subnav-search-detail-u {
      height: 36px; } }
  .stock__subnav-search-detail-u:hover, .stock__subnav-search-detail-u.selected {
    background-color: #ebebec; }
  .open .stock__subnav-search-detail-u {
    opacity: 0.40;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); }
    .open .stock__subnav-search-detail-u.selected, .open .stock__subnav-search-detail-u:hover {
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
  .stock__subnav-search-detail-u.calculator {
    display: none; }
    @media screen and (min-width: 568px) {
      .stock__subnav-search-detail-u.calculator {
        display: block; } }

.stock__subnav-search-detail-text {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  display: inline;
  line-height: 45px;
  font-size: 18px;
  width: 100%;
  margin-left: 5px;
  color: #000; }
  @media screen and (min-width: 768px) {
    .stock__subnav-search-detail-text {
      line-height: 36px;
      font-size: 14px; } }
  .stock__subnav-search-detail-text .icon-offer-tick {
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png");
    width: 27px;
    display: inline-block;
    height: 22px;
    background-position: -36px -4094px; }

.stock__text-tablet-only {
  display: none; }
  @media screen and (min-width: 568px) {
    .stock__text-tablet-only {
      display: block;
      position: absolute;
      left: 40%;
      top: 30%;
      color: #666666;
      font-size: 15px; } }
  @media screen and (min-width: 768px) {
    .stock__text-tablet-only {
      display: none; } }

.stock__finance_calculator_framed {
  min-height: 800px;
  width: 100%; }
  .stock__finance_calculator_framed iframe {
    min-height: 800px;
    margin-bottom: 10px; }

.stock__search-detail-dealer-details .location-dealer-name,
.stock__search-detail-dealer-details .location-email {
  display: none; }

.stock__share-this {
  display: none;
  border: 1px solid #cccccc;
  border-radius: 0; }
  .stock__share-this .share-title {
    padding: 1px 10px;
    background: #e5e5e5;
    border-bottom: 1px solid #cccccc; }
  .stock__share-this .share-social-icons {
    padding: 10px 5px;
    background: #f2f2f2; }
    .stock__share-this .share-social-icons > div {
      padding: 10px 0;
      text-align: center; }

/*
Vehicle detail similar vehicles section
*/
.stock__search-detail-similar-vehicles .title h2 {
  color: #000;
  font-size: 16px; }

.stock__search-detail-similar-vehicles hr {
  margin-bottom: 10px; }

.stock__search-detail-similar-vehicles ul {
  display: block;
  min-height: 86px;
  padding: 0; }
  .stock__search-detail-similar-vehicles ul li {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.stock__similar-vehicles-u {
  float: left;
  width: 120px;
  margin-right: 12px;
  margin-bottom: 15px; }
  .stock__similar-vehicles-u img {
    width: 100%;
    height: 78px;
    border-radius: 0; }

.stock__similar-vehicle-summary {
  font-size: 12px;
  line-height: 14px;
  margin-top: 4px; }
  .stock__similar-vehicle-summary ul {
    min-height: 86px; }
  .stock__similar-vehicle-summary li {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    color: #000; }
  .stock__similar-vehicle-summary .similar-vehicle-summary-type {
    color: #000; }

/* style sheet for "A4" printing */
.print-only {
  display: none; }

@media print {
  @page {
    size: 21cm 29.7cm;
    margin: 0.64cm; }
  .print-only {
    display: block; }
  /* Stock Details Page */
  .stock-page.details * {
    font-family: Helvetica, Arial, sans-serif !important;
    line-height: 1.4em !important; }
  .stock-page.details nav,
  .stock-page.details aside,
  .stock-page.details > header,
  .stock-page.details footer,
  .stock-page.details .dealer-name-wrapper,
  .stock-page.details .add-this-container,
  .stock-page.details .content-header,
  .stock-page.details .content-header ~ hr,
  .stock-page.details .owl-controls,
  .stock-page.details .stock__thumbnail-slider,
  .stock-page.details .stock__search-detail-similar-vehicles,
  .stock-page.details .site-container ~ *,
  .stock-page.details .back-link-arrow,
  .stock-page.details .heading-text-wrapper,
  .stock-page.details .sl-compare-wrapper,
  .stock-page.details .compare-module-wrapper {
    display: none !important; }
  .stock-page.details .print-name-address {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0; }
  .stock-page.details .box-main {
    padding: 10px; }
  .stock-page.details .stock__search-detail-title,
  .stock-page.details .sl-heading-model {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #aaa;
    padding: 0;
    font-size: 20px; }
  .stock-page.details .header-wrapper {
    height: 13px; }
    .stock-page.details .header-wrapper .box-header .logo {
      height: 60px;
      margin-top: 10px; }
  .stock-page.details .stock__vehicle-detail-sub-head {
    margin-top: 10px;
    margin-bottom: 0; }
  .stock-page.details .stock__hr {
    border-top: 1px solid #aaa;
    margin-bottom: 10px !important;
    margin-top: 0; }
  .stock-page.details .stock__search-detail-title,
  .stock-page.details .stock__table-responsive {
    background: #fff;
    background-color: #fff; }
  .stock-page.details .stock__search-detail-title .search-detail-name {
    margin: 0; }
  .stock-page.details .stock__search-detail-title .pure-u-1.pure-u-sm-16-24 {
    width: 68%; }
  .stock-page.details .stock__search-detail-title .pure-u-1.pure-u-sm-8-24 {
    float: right;
    width: 30%; }
  .stock-page.details .owl-wrapper {
    height: 100% !important;
    max-height: 350px !important; }
    .stock-page.details .owl-wrapper .owl-item {
      display: none; }
    .stock-page.details .owl-wrapper .owl-item:first-child {
      display: block;
      width: auto !important;
      margin: 0 auto !important;
      height: 100% !important;
      max-height: 350px !important; }
      .stock-page.details .owl-wrapper .owl-item:first-child .stock__gallery-slider img,
      .stock-page.details .owl-wrapper .owl-item:first-child .sd-carousel-image {
        width: auto !important;
        height: 100%; }
  .stock-page.details .stock__search-detail-specification {
    max-height: 260px;
    height: auto !important;
    overflow: hidden; }
    .stock-page.details .stock__search-detail-specification * {
      max-height: 260px;
      height: auto !important;
      overflow: hidden; }
    .stock-page.details .stock__search-detail-specification > div:first-child {
      width: 330px !important;
      float: left;
      margin-right: 10px; }
    .stock-page.details .stock__search-detail-specification .stock__specifications {
      width: 330px !important; }
    .stock-page.details .stock__search-detail-specification .stock__table-responsive tr,
    .stock-page.details .stock__search-detail-specification .stock__table-responsive td {
      padding: 0 1px 0 0; }
  .stock-page.details .stock__search-detail-dealer-comments {
    margin-bottom: 10px; }
  .stock-page.details .stock__container-features .features-list .list-hr {
    border: none;
    width: 50%;
    float: left;
    padding: 0 0 3px 0; }
  .stock-page.details .stock__container-features .features-list small {
    display: block;
    clear: both;
    padding-top: 10px; } }

main .add-this-container {
  display: none; }

.detailPrinter__subnav-search-detail-icon {
  background-position: -27px -6090px; }
  @media screen and (min-width: 768px) {
    .detailPrinter__subnav-search-detail-icon {
      background-position: -32px -6094px; } }

/*
RedBook features style
*/
.rb-data-wrapper {
  background-color: #f7f7f7;
  padding: 10px;
  line-height: 2em;
  margin-top: 10px;
  border-radius: 3px; }
  .rb-data-wrapper p {
    margin: 3px 0; }

/*
LESA video
*/
.stock-details .xcite-les-video.has-video {
  position: absolute;
  top: 25%;
  left: calc(50% - 50px);
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/images/play-100x100.png") no-repeat;
  width: 100px;
  height: 100px;
  cursor: pointer; }
  .stock-details .xcite-les-video.has-video img {
    display: none; }

/*
Old STAR reference: ★★★★★
HTML Codes: http://www.html.am/html-codes/character-codes/html-star-code.cfm
HEX code for CSS: http://www.w3schools.com/charsets/ref_utf_symbols.asp
*/
.stars-container {
  position: relative;
  display: inline-block;
  color: #cacaca;
  font-size: 17px;
  line-height: 17px; }
  .stars-container:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '\02605\02605\02605\02605\02605';
    overflow: hidden; }
    .rb-ancap-rating .stars-container:after {
      color: #ec1c22; }
    .rb-green-rating .stars-container:after {
      color: #54BD84; }

.stars-0:after {
  width: 0%; }

.stars-10:after {
  width: 10%; }

.stars-20:after {
  width: 20%; }

.stars-30:after {
  width: 30%; }

.stars-40:after {
  width: 40%; }

.stars-50:after {
  width: 50%; }

.stars-60:after {
  width: 60%; }

.stars-70:after {
  width: 70%; }

.stars-80:after {
  width: 80%; }

.stars-90:after {
  width: 90%; }

.stars-100:after {
  width: 100%; }

.star-rating {
  position: relative;
  display: inline-block;
  font-size: 16px; }
  .star-rating.red-star {
    color: #ec1c22; }
  .star-rating.gold-star {
    color: #ffc107; }
  .star-rating.orange-star {
    color: #ff9800; }
  .star-rating.green-star {
    color: #54BD84; }
  .star-rating:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '\02605\02605\02605\02605\02605';
    overflow: hidden; }
  .star-rating.stars-10:after {
    width: 10%; }
  .star-rating.stars-20:after {
    width: 20%; }
  .star-rating.stars-30:after {
    width: 30%; }
  .star-rating.stars-40:after {
    width: 40%; }
  .star-rating.stars-50:after {
    width: 50%; }
  .star-rating.stars-60:after {
    width: 60%; }
  .star-rating.stars-70:after {
    width: 70%; }
  .star-rating.stars-80:after {
    width: 80%; }
  .star-rating.stars-90:after {
    width: 90%; }
  .star-rating.stars-100:after {
    width: 100%; }

.rb-powered-by {
  margin: 0; }

.rb-powered-container {
  position: relative;
  max-width: 260px; }
  .rb-powered-container .rb-disclaimer {
    margin: 0; }
    @media screen and (min-width: 290px) {
      .rb-powered-container .rb-disclaimer {
        margin-left: 10px;
        position: absolute;
        right: 0;
        bottom: 0;
        line-height: 1; } }
    .rb-powered-container .rb-disclaimer .rb-disclaimer-link {
      font-size: 0.8em;
      border-bottom: 1px dotted;
      cursor: pointer; }

.rb-disclaimer-text * {
  font-size: 0.8em;
  line-height: 1.4em;
  padding-top: 10px; }

.stock__no-results {
  background: #f2f2f2;
  border: 1px solid #dcddde;
  border-radius: 0;
  padding: 20px;
  width: 100%; }
  .stock__no-results .caps {
    text-transform: uppercase;
    color: #000;
    font-size: 1.4em;
    text-align: center;
    padding-top: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 25 25'%3E%3Cpath d='M18.9,18.9v2.5c0,0.2-0.2,0.4-0.4,0.4v0.8c0,0.2-0.2,0.4-0.4,0.4h-1.3c-0.2,0-0.4-0.2-0.4-0.4v-0.8H8.6v0.8c0,0.2-0.2,0.4-0.4,0.4H6.8c-0.2,0-0.4-0.2-0.4-0.4v-0.8c-0.2,0-0.4-0.2-0.4-0.4v-2.5c0-0.2,0.2-0.4,0.4-0.4h12.1C18.8,18.5,18.9,18.7,18.9,18.9z M6.4,11.3v3.4H8v0.4c-0.2,0-0.4,0-0.5,0c-0.6,0-1.2,0.3-1.2,1.2c0,0.7,0,1.9,0,1.9H8h1.3h6.4H17h1.7c0,0,0-1.3,0-1.9c0-0.9-0.6-1.2-1.2-1.2c-0.1,0-0.3,0-0.5,0v-0.4h1.6v-3.4h-0.4V2h-0.8v9.3H17V5.4c0-0.4-0.3-0.7-0.7-0.7H8.7C8.3,4.7,8,5,8,5.4v5.9H7.6V2H6.8v9.3H6.4z M6.5,9H6C5.9,9,5.8,9.1,5.8,9.3v1.4C5.8,10.9,5.9,11,6,11h0.5V9z M19,9h-0.5v2H19c0.1,0,0.3-0.1,0.3-0.3V9.3C19.2,9.1,19.1,9,19,9z M9.4,11.9l3-0.5l3.1,0.5V17H9.4V11.9z M16.4,8v2.4H8.6V8L16.4,8z' fill='%23b2b2b2' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 28px;
    background-position-x: center;
    background-position-y: 16px; }

.stock__center {
  text-align: center; }

.les_video[data-url] {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/images/play-50x50.png") no-repeat center center; }
  .les_video[data-url] img {
    display: none; }

.calculator .stock__finance_calculator_framed {
  border-radius: 3px; }

.promo-heading,
.promo-content {
  margin: 0; }

.promo-heading {
  color: #000; }

.promo-content {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  color: #404040; }

.welcome-wrapper {
  padding: 40px 0 20px 0; }

.welcome-image {
  width: 100%;
  margin-bottom: 20px; }

.welcome-text-wrapper .welcome-text-head {
  font-size: 24px;
  line-height: 1;
  margin-top: 0; }
  @media screen and (min-width: 568px) {
    .welcome-text-wrapper .welcome-text-head {
      padding-top: 0; } }
  @media screen and (min-width: 768px) {
    .welcome-text-wrapper .welcome-text-head {
      font-size: 28px; } }

.welcome-text-wrapper p {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  line-height: 2em; }

.home .map-wrapper {
  display: none; }
  @media screen and (min-width: 768px) {
    .home .map-wrapper {
      display: block; } }

.sub-brands-icons {
  float: left;
  max-width: 140px; }
  .sub-brands-icons img {
    max-width: 135px; }

.home-anchor-arrow {
  position: absolute;
  bottom: 0;
  left: 46%;
  z-index: 1; }
  .home-anchor-arrow .anchor {
    display: block;
    width: 58px;
    height: 58px;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    cursor: pointer; }

.csstransitions .search-accordion .panel-heading a {
  -webkit-transition: color 250ms ease-in;
  -moz-transition: color 250ms ease-in;
  -ms-transition: color 250ms ease-in;
  -o-transition: color 250ms ease-in;
  transition: color 250ms ease-in; }

.search-accordion .panel-default > .panel-heading {
  color: #fff;
  background-color: #000;
  border-bottom: 1px solid #191919; }

.search-accordion .panel-heading {
  border-radius: 0; }

.search-accordion.panel-group .panel {
  border-radius: 0; }

.search-accordion.panel-group .panel + .panel {
  margin-top: 0; }

.search-accordion.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: transparent; }

.search-accordion .panel-collapse {
  border-left: 1px #cccccc solid;
  border-right: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid; }

.search-accordion .panel-heading a:hover {
  color: #fff; }

.search-accordion .panel-body {
  padding: 10px; }

.search-accordion .panel-heading {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal; }
  .search-accordion .panel-heading a {
    color: #878787; }
  .search-accordion .panel-heading a:hover {
    text-decoration: none; }

@media screen and (min-width: 768px) {
  .service .banner-text h1 {
    color: #fff; } }

.contact .desktop.address-box-wrapper,
.contact-us .desktop.address-box-wrapper {
  margin-top: 2em; }

.contact .map-iframe,
.contact-us .map-iframe {
  width: 100%;
  height: 300px;
  margin: 0 auto; }

.contact .operating-hours-wrapper.panel-group,
.contact-us .operating-hours-wrapper.panel-group {
  margin-bottom: 0; }

/* Map Controls Fix */
#map {
  width: 100%;
  height: 300px; }
  #map * {
    max-width: none; }

.map-framed .nav-mobile,
.map-framed .nav-primary-mobile-wrapper,
.map-framed .toolbox-wrapper,
.map-framed .header,
.map-framed .footer {
  display: none !important; }

.map-framed.page {
  background-color: #f7f7f7; }

.map-info-wrapper {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal; }
  .map-info-wrapper .map-info-name, .map-info-wrapper .map-info-hours-title {
    font-family: 'Roboto Bold', Arial, sans-serif;
    font-weight: normal;
    padding-top: 8px;
    font-size: 14px; }
  .map-info-wrapper .map-info-address, .map-info-wrapper .map-info-hours {
    font-size: 12px;
    color: #808080; }

.specials-wrapper h2 {
  font-size: 26px;
  text-transform: uppercase;
  margin-top: 0; }

.specials-wrapper img {
  padding: 0 0 20px 0; }
  @media screen and (min-width: 568px) {
    .specials-wrapper img {
      float: right;
      width: 45%;
      padding: 0 0 20px 20px; } }

.specials-wrapper hr {
  margin: 36px 0;
  clear: both; }

.special-wide-image-wrapper {
  margin-bottom: 15px; }

.specials .content-wrapper h3,
.factory-offers .content-wrapper h3 {
  font-size: 28px; }
  @media screen and (min-width: 768px) {
    .specials .content-wrapper h3,
    .factory-offers .content-wrapper h3 {
      margin-top: 0;
      margin-bottom: 15px; } }

.specials .content-wrapper a.disc-link,
.factory-offers .content-wrapper a.disc-link {
  display: block;
  margin-top: 15px; }

.specials .content-wrapper hr,
.factory-offers .content-wrapper hr {
  margin-top: 30px;
  margin-bottom: 30px; }

.specials .specials-copy,
.factory-offers .specials-copy {
  margin-top: 24px; }

.specials .specials-container,
.factory-offers .specials-container {
  margin-bottom: 50px; }

.specials .special_dealer h2,
.factory-offers .special_dealer h2 {
  margin-top: 20px; }
  @media screen and (min-width: 768px) {
    .specials .special_dealer h2,
    .factory-offers .special_dealer h2 {
      margin-top: 0; } }

.dealership-special-wrapper {
  margin-bottom: 2rem;
  border-bottom: 1px solid #dcddde;
  padding-bottom: 2rem; }
  .dealership-special-wrapper:last-child {
    border-bottom: 0;
    margin: 0; }

.ds-col-1 {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .ds-col-1 {
      width: 70%;
      padding-right: 1.5rem; } }

.ds-col-2 {
  width: 100%;
  margin-top: 1rem;
  background: #f7f7f7;
  padding: 15px;
  border-radius: 3px;
  border: 1px solid #e5e5e5; }
  @media screen and (min-width: 768px) {
    .ds-col-2 {
      width: 30%;
      margin-top: 0; } }

.ds-image-large {
  padding-bottom: 1.2rem; }

.ds-image-small {
  width: 100%;
  margin: 0 20px 10px 0; }
  @media screen and (min-width: 384px) {
    .ds-image-small {
      width: auto; } }
  @media screen and (min-width: 568px) {
    .ds-image-small {
      max-width: 250px;
      float: left; } }

.ds-heading-wrapper {
  margin-bottom: 1rem; }

.ds-heading,
.ds-sub-heading {
  width: 100%; }

.ds-heading,
.ds-price {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  margin: 0 0 .5rem 0; }

.ds-sub-heading {
  font-size: 18px;
  margin: 0 0 .5rem 0; }

.ds-text ul,
.ds-text ol {
  display: inline-block; }

.ds-text-disclaimer {
  font-size: 75%; }

.ds-price-beforenote,
.ds-price-afternote {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #595959;
  margin-bottom: 3px; }

.ds-price-wrapper .ds-price {
  color: #00336F; }

.ds-price-symbol {
  font-size: 12px;
  top: -11px;
  left: 0; }

.ds-price-disclaimer {
  font-size: 10px;
  line-height: 14px;
  display: block;
  margin-bottom: 10px; }

.ds-price-disclaimer p,
.ds-price-disclaimer-symbol {
  display: inline; }

.ds-price-disclaimer-symbol {
  margin-right: 2px; }

ul.finance-text {
  line-height: 1.6em;
  margin-left: 40px; }

.finance h3 {
  line-height: 1.4em; }

.main.main-error {
  min-height: auto; }

.box-error {
  padding: 1rem; }
  @media screen and (min-width: 768px) {
    .box-error {
      padding: 9vw 1.5rem 9vw 1.5rem; } }
  @media screen and (min-width: 1024px) {
    .box-error {
      padding: 5rem 1.5rem 5rem 1.5rem; } }

.error-code-wrapper {
  text-align: center;
  margin: 15px 0 20px 0; }
  @media screen and (min-width: 768px) {
    .error-code-wrapper {
      margin: 0 0 38px 0; } }

.error-code {
  font-family: 'Roboto Bold Digits', Helvetica, Arial, sans-serif;
  font-size: 17vw;
  letter-spacing: -1px;
  line-height: 36vw;
  color: #000;
  width: 36vw;
  height: 36vw;
  display: inline-block;
  margin: 0;
  border-radius: 50%;
  position: relative; }
  @media screen and (min-width: 1024px) {
    .error-code {
      font-size: 140px;
      line-height: 300px;
      width: 300px;
      height: 300px;
      letter-spacing: -5px; } }

.error-code:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 36vw;
  height: 36vw;
  border: 2.5vw solid #00336F;
  border-radius: 50%; }
  @media screen and (min-width: 1024px) {
    .error-code:before {
      width: 300px;
      height: 300px;
      border: 18px solid #00336F;
      border-radius: 50%; } }

.error-heading,
.error-sub-heading {
  color: #666;
  text-align: center; }

.error-heading {
  font-size: 22px;
  text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .error-heading {
      font-size: 4vw; } }
  @media screen and (min-width: 1024px) {
    .error-heading {
      font-size: 34px; } }

.error-sub-heading {
  font-size: 16px;
  margin: 0; }
  @media screen and (min-width: 768px) {
    .error-sub-heading {
      font-size: 2vw; } }
  @media screen and (min-width: 1024px) {
    .error-sub-heading {
      font-size: 20px; } }

.error-link-wrapper {
  text-align: center;
  margin-top: 20px; }
  @media screen and (min-width: 768px) {
    .error-link-wrapper {
      margin-top: 48px; } }

.error-link {
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  display: inline-block;
  margin: auto;
  padding: 2px 20px 0 20px;
  height: 40px;
  border-radius: 20px;
  background-color: #00336F;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  transition: background-color 150ms ease-in;
  margin: 0 10px 15px 10px; }
  @media screen and (min-width: 1024px) {
    .error-link {
      font-size: 20px;
      padding: 5px 25px 0 25px;
      height: 50px;
      border-radius: 25px; } }

.error-link:hover {
  background-color: #004aa2; }

.error-link:hover {
  color: #fff; }

.icon-error-link-arrow,
.icon-error-home {
  width: 27px;
  height: 27px;
  fill: #fff;
  top: 5px;
  margin-right: 9px;
  display: inline-block; }
  @media screen and (min-width: 1024px) {
    .icon-error-link-arrow,
    .icon-error-home {
      width: 31px;
      height: 31px; } }

.icon-error-home {
  top: 4px; }

.error-link-text {
  position: relative;
  top: -3px; }

.icon-list,
.icon-thumb,
.icon-gallery {
  width: 25px;
  height: 25px;
  fill: #a7a9ac; }
  .icon-list:hover,
  .icon-thumb:hover,
  .icon-gallery:hover {
    fill: #00336F; }

.icon-svg-arrow-right {
  width: 7.2px;
  height: 11.4px;
  fill: #00336F;
  margin-right: 4px; }

.icon-svg-star {
  width: 15.8px;
  height: 15px;
  margin-right: 5px; }

.icon-svg-star-set {
  width: 87px;
  height: 15px;
  margin-left: 10px; }

.icon-star-green {
  fill: #54bd84; }

.icon-star-red {
  fill: #ec1c22; }

.blog-post .icon-svg-arrow-left {
  width: 7.2px;
  height: 11.4px;
  fill: #fff;
  margin-right: 2px;
  top: 0; }

.icon-svg-specials-star {
  width: 92px;
  height: 32px;
  fill: #dc0000;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 10px; }
  .stock-list-item:not(:nth-child(3)) .icon-svg-specials-star {
    display: none; }

.icon-sla {
  width: 25px;
  height: 25px;
  fill: #00336F; }
  .no-flexbox .icon-sla {
    margin-left: 27px; }

.btn-base {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 13px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  border: 0;
  background-color: #00336F;
  padding: 8px;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in; }
  @media screen and (min-width: 768px) {
    .btn-base {
      font-size: 13px; } }
  @media screen and (min-width: 1280px) {
    .btn-base {
      font-size: 14px;
      line-height: initial; } }

a.btn-base {
  display: block;
  text-decoration: none; }
  a.btn-base:hover, a.btn-base:focus, a.btn-base:active {
    background-color: #002756;
    color: #fff; }

.button-video-play {
  margin-top: 5px; }

.stock-detail .back-link-arrow {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 30px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  padding: 0 10px 0 7px;
  margin: 0;
  height: 30px;
  vertical-align: middle;
  text-align: center;
  background-color: #00336F;
  position: relative;
  display: inline-block;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in; }
  .stock-detail .back-link-arrow:before {
    position: absolute;
    left: -10px;
    content: " ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 10px 15px 0;
    border-color: transparent #00336F transparent transparent;
    -webkit-transition: border-color 150ms ease-in;
    -moz-transition: border-color 150ms ease-in;
    -ms-transition: border-color 150ms ease-in;
    -o-transition: border-color 150ms ease-in;
    transition: border-color 150ms ease-in; }
  .stock-detail .back-link-arrow:hover {
    background-color: #002756;
    color: #fff; }
    .stock-detail .back-link-arrow:hover:before {
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 15px 10px 15px 0;
      border-color: transparent #002756 transparent transparent; }

.stock-search .budget-submit {
  margin-top: 1.5em; }

.compare-module-wrapper {
  z-index: 1;
  border-color: #dcddde;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0;
  transition: opacity 200ms ease-in, height 200ms ease-in; }
  .compare-module-wrapper.active {
    overflow: auto;
    border-color: #dcddde;
    visibility: visible;
    opacity: 1;
    height: auto;
    margin: 10px 0; }
    @supports (position: -webkit-sticky) {
      .compare-module-wrapper.active {
        position: -webkit-sticky; } }
    @supports (position: sticky) {
      .compare-module-wrapper.active {
        position: sticky; } }
    @supports (position: -webkit-sticky) or (position: sticky) {
      .compare-module-wrapper.active {
        top: 49px;
        margin-top: 0;
        z-index: 1;
        border-top: 1px solid #dcddde; }
        @media screen and (min-width: 768px) {
          .compare-module-wrapper.active {
            margin-top: 0;
            top: 49px; } }
        @media screen and (min-width: 880px) {
          .compare-module-wrapper.active {
            top: 66px; } }
        @media screen and (min-width: 1024px) {
          .compare-module-wrapper.active {
            top: 52px; } }
        @media screen and (min-width: 1280px) {
          .compare-module-wrapper.active {
            top: 0; } } }
    .compare-module-wrapper.active.sticky {
      position: fixed;
      top: 49px;
      margin-top: 0;
      z-index: 1;
      border-top: 1px solid #dcddde;
      width: 100%;
      left: 0; }
      @media screen and (min-width: 768px) {
        .compare-module-wrapper.active.sticky {
          margin-top: 0;
          top: 49px; } }
      @media screen and (min-width: 880px) {
        .compare-module-wrapper.active.sticky {
          top: 66px; } }
      @media screen and (min-width: 1024px) {
        .compare-module-wrapper.active.sticky {
          top: 52px; } }
      @media screen and (min-width: 1280px) {
        .compare-module-wrapper.active.sticky {
          top: 0; } }
    .compare-module-wrapper.active .cm-heading {
      background-color: #000; }
  .compare-module-wrapper.disabled .cm-images-wrapper:after {
    content: 'Please select 2 or more vehicles to compare';
    margin-left: 6px;
    align-self: center;
    color: #a7a9ac;
    display: block; }

.cm-compare-link {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  display: block;
  color: #fff;
  border: 2px solid #00336F;
  background-color: #00336F;
  padding: 8px;
  width: 100%;
  max-width: 130px;
  margin-top: 6px;
  text-transform: uppercase;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in; }
  @media screen and (min-width: 768px) {
    .cm-compare-link {
      margin-top: 0; } }
  .cm-compare-link:hover, .cm-compare-link:focus, .cm-compare-link:active {
    cursor: pointer;
    color: #FFF;
    background-color: #004aa2;
    border-color: #004aa2; }
  .cm-compare-link.disabled {
    background: #b2b2b2;
    cursor: initial;
    border-color: #b2b2b2; }

.cm-heading {
  color: #fff;
  margin: 0;
  padding: 2px 10px;
  background-color: #a7a9ac;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in; }

.cm-content-wrapper {
  padding: 10px;
  background-color: #f7f7f7;
  border: 1px solid #e5e5e5;
  border-bottom: 2px solid #dcddde;
  border-top: 0;
  -webkit-transition: border-color 150ms ease-in;
  -moz-transition: border-color 150ms ease-in;
  -ms-transition: border-color 150ms ease-in;
  -o-transition: border-color 150ms ease-in;
  transition: border-color 150ms ease-in; }

@media screen and (min-width: 568px) {
  .cm-images-wrapper {
    width: 80%; } }

.cm-image-wrapper {
  width: 15%;
  padding-right: 10px;
  position: relative;
  display: none;
  opacity: 0;
  min-width: 70px;
  flex-basis: 25%;
  max-width: 100px; }
  .cm-image-wrapper .cm-image {
    border: 1px solid #dcddde; }

.cm-image-wrapper.js-imageActive {
  display: block;
  animation: grow .15s linear forwards; }

.cm-image-close-link {
  line-height: 11px;
  display: block;
  position: absolute;
  top: -8px;
  right: -1px;
  padding: 6px;
  cursor: pointer; }
  .cm-image-close-link:hover .icon-svg-close-circle {
    cursor: pointer;
    fill: #00336F;
    color: #fff; }
  .cm-image-close-link .icon-svg-close-circle {
    width: 18px;
    height: 18px;
    color: #fff;
    fill: #000;
    -webkit-transition: fill 150ms ease-in;
    -moz-transition: fill 150ms ease-in;
    -ms-transition: fill 150ms ease-in;
    -o-transition: fill 150ms ease-in;
    transition: fill 150ms ease-in; }

@keyframes grow {
  0% {
    width: 8%;
    opacity: 0; }
  100% {
    width: 15%;
    opacity: 1; } }

.flexbox .cm-content-wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (min-width: 568px) {
    .flexbox .cm-content-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.flexbox .cm-images-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.no-flexbox .compare-module-wrapper.active.sticky {
  top: 53px; }
  @media screen and (min-width: 827px) {
    .no-flexbox .compare-module-wrapper.active.sticky {
      top: 53px; } }
  @media screen and (min-width: 1600px) {
    .no-flexbox .compare-module-wrapper.active.sticky {
      top: 53px; } }

.no-flexbox .cm-content-wrapper:before, .no-flexbox .cm-content-wrapper:after {
  content: " ";
  display: table; }

.no-flexbox .cm-content-wrapper:after {
  clear: both; }

.no-flexbox .cm-images-wrapper {
  float: left; }

.no-flexbox .cm-compare-link {
  float: right; }

.no-flexbox .cm-image-wrapper.js-imageActive {
  display: block;
  opacity: 1;
  float: left; }

.csstransitions .stock__search-accordion-inner .panel-default > .panel-heading {
  -webkit-transition: background 0.5sms ease-in;
  -moz-transition: background 0.5sms ease-in;
  -ms-transition: background 0.5sms ease-in;
  -o-transition: background 0.5sms ease-in;
  transition: background 0.5sms ease-in; }

.csstransitions .stock__search-accordion-inner .panel-heading .sl-refine-panel-heading-link {
  -webkit-transition: color 250ms ease-in;
  -moz-transition: color 250ms ease-in;
  -ms-transition: color 250ms ease-in;
  -o-transition: color 250ms ease-in;
  transition: color 250ms ease-in; }

.stock__results-summary {
  background-color: #f2f2f2;
  border: 1px solid #dcddde; }
  .stock__results-summary h2 {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    background-color: #e5e5e5;
    color: #000;
    font-size: 18px;
    margin: 0;
    padding: 0.3em; }
    @media screen and (min-width: 768px) {
      .stock__results-summary h2 {
        padding: 0.5em; } }
  .stock__results-summary .pure-table {
    border: transparent; }
  .stock__results-summary .pure-table > tbody > tr > td {
    vertical-align: baseline;
    border: transparent;
    padding-top: 0;
    padding-bottom: 5px; }

.sl-refine-search-close-link {
  line-height: 11px;
  display: block;
  position: relative;
  top: 4px;
  cursor: pointer; }
  .sl-refine-search-close-link:hover .icon-svg-close-circle {
    cursor: pointer;
    fill: #00336F; }
  .sl-refine-search-close-link .icon-svg-close-circle {
    width: 18px;
    height: 18px;
    color: #fff;
    fill: #000;
    -webkit-transition: fill 150ms ease-in;
    -moz-transition: fill 150ms ease-in;
    -ms-transition: fill 150ms ease-in;
    -o-transition: fill 150ms ease-in;
    transition: fill 150ms ease-in; }

.stock__search-refine {
  margin-bottom: 0px; }

.stock__search-refine .stock__panel-collapse {
  border: transparent; }

.stock__search-refine {
  font-size: 14px; }
  .stock__search-refine span, .stock__search-refine label, .stock__search-refine .stock__slider-u-label-left {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    font-size: 14px; }
  .stock__search-refine .stock__slider-u-label-left {
    color: #000; }

.stock-page .refine-submit.fixed {
  position: fixed;
  bottom: 0;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/top-shadow.png") repeat-x;
  padding-top: 12px;
  z-index: 999; }

.stock__search-refine-btn-wrapper {
  background-color: #f2f2f2;
  border: 1px solid #dcddde;
  border-top: transparent;
  padding: 20px; }
  .stock__search-refine-btn-wrapper input {
    margin-top: 0px;
    width: 100%; }

.sl-refine-toggle {
  background: #000;
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  margin-top: 10px; }
  @media screen and (min-width: 768px) {
    .sl-refine-toggle {
      margin-top: 0; } }
  .sl-refine-toggle a {
    font-size: 14px;
    color: #fff;
    padding: 10px 0 10px 10px;
    display: inline-block; }
  .sl-refine-toggle span {
    font-size: 12px;
    width: 15px;
    margin: 1px 0 0 0px;
    float: left; }
  .sl-refine-toggle .sl-refine-button-reset {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    float: right;
    font-size: 14px;
    width: auto;
    cursor: pointer;
    border: none;
    background: #4d4d4d;
    padding: 11px;
    color: #fff; }
    .sl-refine-toggle .sl-refine-button-reset:hover {
      background: #333333; }
  .sl-refine-toggle .expanded-arrow-sm {
    display: block; }
  .sl-refine-toggle .collapsed-arrow-sm {
    display: none; }
  .sl-refine-toggle .collapsed .expanded-arrow-sm {
    display: none; }
  .sl-refine-toggle .collapsed .collapsed-arrow-sm {
    display: block; }

.stock__search-accordion-outer .panel-body {
  padding: 0; }

.panel-body .stock__search-accordion-inner a {
  border-top: transparent;
  border-bottom: transparent; }

.panel-group.stock__search-accordion-inner {
  margin-bottom: 0; }

.stock__search-accordion-inner .panel-body {
  padding: 10px; }

.stock__search-accordion-inner .panel-default > .panel-heading {
  background: #666666;
  border-bottom: 1px solid #fff; }
  .stock__search-accordion-inner .panel-default > .panel-heading:hover {
    background: #4d4d4d; }

.stock__search-refine.stock__panel-collapse {
  border: transparent; }

.stock__search-accordion-inner.panel-group .panel {
  border-radius: 0; }

.stock__search-accordion-inner.panel-group .panel + .panel {
  margin-top: 0; }

.stock__search-accordion-inner.panel-group .panel-heading + .stock__panel-collapse > .panel-body {
  border-top: transparent; }

.stock__search-accordion-inner .stock__panel-collapse {
  border-left: 1px #cccccc solid;
  border-right: 1px #cccccc solid; }

.stock__search-accordion-inner .panel-heading a {
  color: #fff; }

.stock__search-accordion-inner .panel-heading a:hover {
  text-decoration: none;
  color: #fff; }

.sl-refine-button-reset {
  display: block;
  padding: 0 0.5rem;
  text-decoration: underline;
  color: #000;
  font-size: 12px; }

.stock__search-accordion-inner .sl-refine-panel-heading-link {
  display: block;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -38px -2882px no-repeat; }
  @media screen and (min-width: 768px) {
    .stock__search-accordion-inner .sl-refine-panel-heading-link {
      background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -38px -2888px no-repeat; } }

.stock__search-accordion-inner .collapsed {
  display: block;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -38px -2783px no-repeat; }
  @media screen and (min-width: 768px) {
    .stock__search-accordion-inner .collapsed {
      background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all_general_2014.png") -38px -2789px no-repeat; } }

.stock__search-accordion-inner .panel-title {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  padding: 10px 0 10px 22px; }
  @media screen and (min-width: 768px) {
    .stock__search-accordion-inner .panel-title {
      padding: 8px 0 8px 22px; } }
  .stock__search-accordion-inner .panel-title a {
    text-transform: none; }
  .stock__search-accordion-inner .panel-title span {
    font-size: 10px;
    width: 15px;
    height: 10px;
    margin-top: 3px;
    float: left; }

/* Form UI - Widget */
.stock .ui-widget-header {
  position: absolute;
  background: #00336F; }
  .stock .ui-widget-header.ui-slider-range {
    height: 100%; }

.stock__pricings-slider .stock__slider-u-2 {
  margin-top: 15px; }
  .stock__pricings-slider .stock__slider-u-2 .stock__slider-u-label-left {
    line-height: 24px; }
    .stock__pricings-slider .stock__slider-u-2 .stock__slider-u-label-left .stock__budget-amount {
      font-size: 18px;
      color: #00336F; }
  .stock__pricings-slider .stock__slider-u-2 .stock__slider-u-slider {
    margin-top: 15px; }

.stock__slider-u-label-middle {
  margin: 10px 0; }

.stock__terms-budget {
  font-size: 13px;
  line-height: 16px;
  padding-top: 10px; }
  .stock__terms-budget a {
    padding: 0px;
    color: #000;
    text-transform: none;
    font-size: inherit;
    border: none;
    display: inline; }

.stock__age-odometre-slider .stock__slider-u-2 {
  margin-bottom: 20px; }

.stock__slider-u .stock__slider-u-label-right {
  float: right; }

.stock .stock__slider-u-slider {
  background: #c0c0c0;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(top, #c0c0c0 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0c0c0), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #c0c0c0 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #c0c0c0 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #c0c0c0 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #c0c0c0 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#f5f5f5',GradientType=0 );
  margin-top: 16px;
  margin-bottom: 10px;
  border: none;
  height: 8px;
  width: 100%; }
  .stock .stock__slider-u-slider .ui-slider-handle {
    height: 26px;
    margin-top: -5px;
    margin-left: -8px; }

.stock__body-type-slider .stock__slider-u-2 {
  margin-bottom: 20px; }

/* Modify buget interest and terms */
.stock__pricings-slider .modify-budget {
  display: none; }

.stock__pricings-slider #editBudget,
.stock__pricings-slider .stb-info-button,
.stock__pricings-slider .modify-buttons a {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  color: #fff;
  background: #00336F;
  text-transform: uppercase;
  font-size: 0.75em;
  padding: 2px;
  text-align: center;
  margin-top: 7px;
  border: none;
  display: block; }
  .stock__pricings-slider #editBudget:hover,
  .stock__pricings-slider .stb-info-button:hover,
  .stock__pricings-slider .modify-buttons a:hover {
    background: #004aa2; }

.stock__pricings-slider .modify-buttons a {
  margin-right: 10px; }

.stock__pricings-slider .modify-budget input[type="text"] {
  padding: 5px;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 5px;
  width: 100%; }

.stock__pricings-slider .sl-budget-finance-link {
  display: inline;
  color: #00336F; }

.sl-refine-toggle {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  background: #00336F;
  margin-top: 10px; }
  @media screen and (min-width: 768px) {
    .sl-refine-toggle {
      margin-top: 0; } }

.sl-refine-toggle a {
  font-size: 14px;
  color: #fff;
  padding: 10px 0 10px 10px;
  display: block; }

.sl-refine-toggle span {
  font-size: 12px;
  width: 15px;
  margin: 1px 0 0 0px;
  float: left; }

.sl-refine-toggle .expanded-arrow-sm {
  display: block; }

.sl-refine-toggle .collapsed-arrow-sm {
  display: none; }

.sl-refine-toggle .sl-refine-button-reset {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  color: #fff;
  float: right;
  font-size: 14px;
  width: auto;
  cursor: pointer;
  border: none;
  background: #4D4D4D;
  padding: 11px; }

.sl-action-button-form-wrapper.panel-group {
  margin-bottom: 0; }

.stock__results-summary h2 {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  padding: 0.3em; }

.stock__results-summary .resultNumber {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  color: #000;
  font-size: 14px;
  margin-bottom: 0;
  padding: 0.3em; }

.stock__search-accordion-inner .panel-title {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 10px 0 10px 22px; }
  @media screen and (min-width: 768px) {
    .stock__search-accordion-inner .panel-title {
      padding: 8px 0 8px 22px; } }
  .stock__search-accordion-inner .panel-title span {
    font-size: 10px;
    width: 15px;
    height: 10px;
    margin-top: 3px;
    float: left; }

.stock__search-accordion-inner .sl-refine-panel-heading-link {
  background-position: -38px -2888px; }
  @media screen and (min-width: 768px) {
    .stock__search-accordion-inner .sl-refine-panel-heading-link {
      background-position: -38px -2889px; } }

.stock__search-accordion-inner .collapsed {
  background-position: -38px -2788px; }
  @media screen and (min-width: 768px) {
    .stock__search-accordion-inner .collapsed {
      background-position: -38px -2789px; } }

.form .ui-widget-content.ui-slider {
  height: 10px;
  background: #f2f2f2;
  border: none; }

.form .ui-widget-header.ui-slider-range {
  background: #00336F; }

.form .handle-wrapper {
  height: 10px; }

.ui-slider-range.ui-widget-header {
  background: #00336F; }

@media screen and (min-width: 768px) {
  .flexbox .sl-col-g,
  .flexbox .sd-col-g {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    @supports (grid-area: auto) {
      .flexbox .sl-col-g,
      .flexbox .sd-col-g {
        display: grid;
        grid-gap: 1.5rem; } } }

@media screen and (min-width: 768px) {
  @supports (grid-area: auto) {
    .flexbox .sl-col-g {
      grid-template-columns: 1fr 3fr; }
      .flexbox .sl-col-g.sold {
        grid-template-columns: unset; } } }

@media screen and (min-width: 768px) {
  @supports (grid-area: auto) {
    .flexbox .sl-action-btn {
      grid-template-columns: 1fr 1fr 1fr 1fr; } } }

@media screen and (min-width: 768px) {
  @supports (grid-area: auto) {
    .flexbox .sd-col-g {
      grid-template-columns: 3fr 1fr; } } }

@media screen and (min-width: 768px) {
  .flexbox .sl-col-sm {
    padding-right: 1.5rem;
    min-width: 270px; } }

@media screen and (min-width: 768px) {
  .flexbox .sd-col-sm {
    padding-left: 1.5rem; } }

@media screen and (min-width: 768px) {
  .flexbox .sl-col-sm,
  .flexbox .sd-col-sm {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%; }
    @supports (grid-area: auto) {
      .flexbox .sl-col-sm,
      .flexbox .sd-col-sm {
        width: auto;
        margin: 0;
        padding: 0; } } }

@media screen and (min-width: 768px) {
  .flexbox .sl-col-lg,
  .flexbox .sd-col-lg {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%; } }

.no-flexbox .sl-col-g,
.no-flexbox .sd-col-g {
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
  text-rendering: optimizespeed;
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; }

.no-flexbox .sl-col,
.no-flexbox .sd-col {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

.no-flexbox .sl-col-sm,
.no-flexbox .sd-col-sm {
  width: 25%; }

.no-flexbox .sl-col-sm {
  padding-right: 1.5rem; }

.no-flexbox .sd-col-sm {
  padding-left: 1.5rem; }

.no-flexbox .sl-col-lg,
.no-flexbox .sd-col-lg {
  width: 75%; }

.stock-list-item {
  margin-top: 10px; }

@media screen and (min-width: 384px) {
  @supports (grid-area: auto) {
    .sl-images-link {
      display: grid;
      grid-template-columns: 2.08fr 1fr 1fr;
      grid-template-rows: auto auto;
      grid-gap: 5px; }
      .sl-images-link .sl-image-wrapper {
        width: auto;
        margin: 0; } } }

.sl-image-1-wrapper {
  position: relative; }
  @media screen and (min-width: 384px) {
    @supports (grid-area: auto) {
      .sl-image-1-wrapper {
        grid-column: 1;
        grid-row: 1/3; } } }

@media screen and (min-width: 384px) {
  @supports (grid-area: auto) {
    .sl-image-2-wrapper {
      grid-column: 2;
      grid-row: 1; } } }

@media screen and (min-width: 384px) {
  @supports (grid-area: auto) {
    .sl-image-3-wrapper {
      grid-column: 3;
      grid-row: 1; } } }

@media screen and (min-width: 384px) {
  @supports (grid-area: auto) {
    .sl-image-4-wrapper {
      grid-column: 2;
      grid-row: 2; } } }

@media screen and (min-width: 384px) {
  @supports (grid-area: auto) {
    .sl-image-5-wrapper {
      grid-column: 3;
      grid-row: 2; } } }

.sl-image {
  width: 100%;
  display: block; }

.sl-image[src$=".gif"] {
  width: auto;
  margin: 0 auto; }

@media screen and (min-width: 384px) {
  .sl-image-wrapper {
    position: relative;
    overflow: hidden;
    float: left; }
    .sl-image-wrapper:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 66.6666666667%; }
    .sl-image-wrapper .sl-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); } }

@media screen and (min-width: 384px) {
  .sl-image-wrapper-lg {
    width: 49%; } }

@media screen and (min-width: 384px) {
  .sl-image-wrapper-lg,
  .sl-image-2-wrapper,
  .sl-image-4-wrapper {
    margin-right: 1%; } }

@media screen and (min-width: 384px) {
  .sl-image-2-wrapper,
  .sl-image-3-wrapper {
    margin-bottom: 5px; } }

.sl-image-wrapper-sm {
  display: none; }
  @media screen and (min-width: 384px) {
    .sl-image-wrapper-sm {
      display: block;
      width: 24%; } }

.sl-pagination-wrapper {
  text-align: center;
  background-color: #f7f7f7;
  border: 1px solid #e5e5e5;
  border-bottom: 2px solid #dcddde;
  padding: 5px; }

.slp-icon-link {
  display: inline-block;
  padding: 4px;
  border-radius: 16px;
  width: 33px;
  height: 33px;
  background-color: transparent;
  -webkit-transition: background-color 200ms ease-in;
  -moz-transition: background-color 200ms ease-in;
  -ms-transition: background-color 200ms ease-in;
  -o-transition: background-color 200ms ease-in;
  transition: background-color 200ms ease-in; }
  .slp-icon-link.active, .slp-icon-link:hover {
    background-color: #00336F; }
    .slp-icon-link.active .icon-svg, .slp-icon-link:hover .icon-svg {
      fill: #fff; }

.icon-link-2 {
  margin: 0 5px; }

@media screen and (min-width: 568px) {
  .flexbox .sl-pagination-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

@media screen and (min-width: 568px) {
  .flexbox .slp-col {
    -ms-flex-preferred-size: auto;
    flex-basis: auto; } }

.flexbox .slp-col-2 {
  margin-top: 5px; }
  @media screen and (min-width: 568px) {
    .flexbox .slp-col-2 {
      margin-top: 0; } }

.no-flexbox .sl-pagination-wrapper:before, .no-flexbox .sl-pagination-wrapper:after {
  content: " ";
  display: table; }

.no-flexbox .sl-pagination-wrapper:after {
  clear: both; }

@media screen and (min-width: 568px) {
  .no-flexbox .slp-col {
    float: left;
    margin-right: 6px; } }

.no-flexbox .slp-col-2 {
  margin-top: 5px; }
  @media screen and (min-width: 568px) {
    .no-flexbox .slp-col-2 {
      float: right;
      margin-right: 0; } }

body.stock-compare-tool-open {
  overflow: hidden; }
  body.stock-compare-tool-open main, body.stock-compare-tool-open footer {
    height: 0;
    min-height: 0;
    overflow: hidden; }

#stock-compare-wrapper {
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: scroll; }

.stock-compare-container {
  padding: 100px 10px 10px 10px; }
  @media screen and (min-width: 768px) {
    .stock-compare-container {
      padding: 10px 35px; } }

#stock-compare-headbar {
  background-color: #f2f2f2;
  padding-top: 9px;
  z-index: 1001;
  border-bottom: 1px solid #cccccc;
  min-height: 50px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }
  #stock-compare-headbar.show {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
  #stock-compare-headbar .sch-back-button, #stock-compare-headbar .sch-text, #stock-compare-headbar .sch-add-button, #stock-compare-headbar .sch-close-button {
    display: inline-block; }
  #stock-compare-headbar .sch-back-button {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    padding: 0 10px 0 7px;
    height: 30px;
    float: left;
    margin-left: 16px;
    vertical-align: middle;
    text-align: center;
    background-color: #00336F;
    position: relative;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: background-color 150ms ease-in;
    -o-transition: background-color 150ms ease-in;
    transition: background-color 150ms ease-in; }
    #stock-compare-headbar .sch-back-button:before {
      position: absolute;
      left: -9px;
      content: " ";
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 15px 10px 15px 0;
      border-color: transparent #00336F transparent transparent;
      -webkit-transition: border-color 150ms ease-in;
      -o-transition: border-color 150ms ease-in;
      transition: border-color 150ms ease-in; }
    #stock-compare-headbar .sch-back-button:hover, #stock-compare-headbar .sch-back-button:focus, #stock-compare-headbar .sch-back-button:active {
      color: #FFF;
      background-color: #002756;
      border-color: #002756; }
      #stock-compare-headbar .sch-back-button:hover:before, #stock-compare-headbar .sch-back-button:focus:before, #stock-compare-headbar .sch-back-button:active:before {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 15px 10px 15px 0;
        border-color: transparent #002756 transparent transparent; }
  #stock-compare-headbar .sch-sub-wrapper {
    position: fixed;
    width: 100%;
    top: 50px;
    opacity: 1;
    -webkit-transition: opacity 300ms ease-in;
    -moz-transition: opacity 300ms ease-in;
    -ms-transition: opacity 300ms ease-in;
    -o-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
    min-height: 90px;
    background-color: #fff; }
    #stock-compare-headbar .sch-sub-wrapper.slideup {
      opacity: 0;
      top: -100px;
      -webkit-transition: top 1500ms ease-in, opacity 300ms ease-in;
      -moz-transition: top 1500ms ease-in, opacity 300ms ease-in;
      -ms-transition: top 1500ms ease-in, opacity 300ms ease-in;
      -o-transition: top 1500ms ease-in, opacity 300ms ease-in;
      transition: top 1500ms ease-in, opacity 300ms ease-in; }
    @media screen and (min-width: 768px) {
      #stock-compare-headbar .sch-sub-wrapper {
        position: relative;
        margin: 0 auto;
        width: calc(100% - 180px);
        top: 0;
        min-height: 0;
        background-color: transparent; } }
  #stock-compare-headbar .sch-text {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    vertical-align: middle;
    color: #333333;
    background-color: #f2f2f2;
    width: 100%;
    max-width: 100%;
    padding: 10px 16px 6px 16px;
    min-height: 40px;
    text-align: center;
    position: relative; }
    @media screen and (min-width: 768px) {
      #stock-compare-headbar .sch-text {
        text-align: left;
        position: static;
        background-color: transparent;
        width: auto;
        max-width: calc(100% - 190px);
        margin-top: 0;
        padding: 6px 0 4px 20px; } }
  #stock-compare-headbar .sch-add-button-wrapper {
    padding: 10px 20px;
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }
    @media screen and (min-width: 768px) {
      #stock-compare-headbar .sch-add-button-wrapper {
        float: right;
        padding: 0;
        background-color: transparent;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none; } }
  #stock-compare-headbar .sch-add-button {
    position: relative;
    color: #fff;
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    background-color: #00336F;
    cursor: pointer;
    text-align: center;
    border-radius: 2px;
    border: 2px solid #00336F;
    width: 100%;
    max-width: 100%;
    padding: 3px 30px;
    height: 30px;
    vertical-align: middle;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in; }
    @media screen and (min-width: 768px) {
      #stock-compare-headbar .sch-add-button {
        text-align: left;
        width: auto;
        margin: 0 14px 0 0;
        padding: 2px 32px 0 6px; } }
    #stock-compare-headbar .sch-add-button span {
      right: 0;
      top: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='18.9,9 11,9 11,1.1 9,1.1 9,9 1.1,9 1.1,11 9,11 9,18.9 11,18.9 11,11 18.9,11' fill='%23df0613' /%3E%3C/svg%3E");
      position: absolute;
      width: 26px;
      height: 26px;
      background-repeat: no-repeat;
      background-color: #fff;
      border-radius: 1000px;
      border: 2px solid #fff;
      -webkit-transition: all 200ms ease-in;
      -moz-transition: all 200ms ease-in;
      -ms-transition: all 200ms ease-in;
      -o-transition: all 200ms ease-in;
      transition: all 200ms ease-in; }
    #stock-compare-headbar .sch-add-button:hover, #stock-compare-headbar .sch-add-button:focus, #stock-compare-headbar .sch-add-button:active {
      color: #FFF;
      background-color: #002756;
      border-color: #002756; }
      #stock-compare-headbar .sch-add-button:hover span, #stock-compare-headbar .sch-add-button:focus span, #stock-compare-headbar .sch-add-button:active span {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='18.9,9 11,9 11,1.1 9,1.1 9,9 1.1,9 1.1,11 9,11 9,18.9 11,18.9 11,11 18.9,11' fill='%23c60511' /%3E%3C/svg%3E"); }
  #stock-compare-headbar .sch-close-button {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    float: right;
    margin-right: 10px;
    cursor: pointer;
    width: 80px;
    height: 30px;
    position: relative; }
    #stock-compare-headbar .sch-close-button .icon-svg-sc-close {
      display: block;
      position: absolute;
      width: 20px;
      height: 26px;
      top: 2px;
      left: 45px;
      fill: #333333; }

.stock-compare-coverimg {
  background-color: #cccccc;
  opacity: 0.9; }
  .stock-compare-coverimg.hidden img {
    display: none; }
  .stock-compare-coverimg.cover {
    width: 100%;
    height: 100%;
    z-index: 1001;
    position: fixed;
    top: 0;
    padding-top: 200px; }
    .stock-compare-coverimg.cover img {
      display: block; }

.sct-remove-stock {
  width: 80px;
  margin: 0 auto;
  height: 34px;
  cursor: pointer;
  position: relative; }
  @media screen and (min-width: 768px) {
    .sct-remove-stock {
      margin-right: 0; } }
  .sct-remove-stock .sct-remove-text {
    top: 6px;
    position: absolute;
    color: #666666;
    -webkit-transition: color 200ms ease-in;
    -moz-transition: color 200ms ease-in;
    -ms-transition: color 200ms ease-in;
    -o-transition: color 200ms ease-in;
    transition: color 200ms ease-in; }
  .sct-remove-stock span.sct-remove-icon {
    margin: 2px 6px 0 60px;
    display: block; }
  .sct-remove-stock .icon-svg-sc-close {
    float: none;
    width: 20px;
    height: 26px;
    top: 2px;
    fill: #666666;
    -webkit-transition: fill 200ms ease-in;
    -moz-transition: fill 200ms ease-in;
    -ms-transition: fill 200ms ease-in;
    -o-transition: fill 200ms ease-in;
    transition: fill 200ms ease-in; }
  @media screen and (min-width: 768px) {
    .sct-remove-stock:hover .icon-svg-sc-close {
      fill: #000; }
    .sct-remove-stock:hover .sct-remove-text {
      color: #000; } }

.sct-group-head-wrapper .sct-group-head {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #000;
  margin: 0;
  background-color: #f2f2f2;
  padding: 8px 0 8px 12px;
  border-radius: 2px; }

.sct-group {
  margin-bottom: 20px; }

.sct-cta-group .sct-cta-button {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  color: #fff;
  width: 100%;
  margin: 8px 0;
  font-size: 13px;
  border-radius: 2px; }
  @media screen and (min-width: 768px) {
    .sct-cta-group .sct-cta-button {
      padding-left: 20px; } }
  @media screen and (min-width: 1024px) {
    .sct-cta-group .sct-cta-button {
      font-size: 14px;
      padding-left: 40px; } }

.sct-name-group {
  background-color: #f7f7f7;
  padding: 4px 12px;
  margin: 0;
  border-radius: 2px; }
  .sct-name-group .sct-item.name {
    margin-top: 10px; }

.sct-scroll-image-wrapper {
  width: 80px;
  display: inline-block; }

.sct-scroll-text-wrapper {
  width: calc(100% - 84px);
  display: inline-block;
  padding: 0 4px 0 6px;
  vertical-align: top;
  font-size: 0; }
  @media screen and (min-width: 1024px) {
    .sct-scroll-text-wrapper {
      padding: 4px 4px 0 8px; } }
  .sct-scroll-text-wrapper .sct-scroll-name {
    font-family: 'Roboto Bold', Arial, sans-serif;
    font-weight: normal;
    color: #333333;
    font-size: 15px;
    line-height: 16px;
    padding: 0 0 8px 0;
    margin: 0; }

.sct-scroll-image-text-group {
  display: none; }

#sc-miniimage-container {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 0;
  top: 0;
  z-index: 0;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); }
  #sc-miniimage-container.show {
    top: 50px;
    opacity: 1;
    z-index: 1001;
    visibility: visible;
    height: auto;
    min-height: 60px;
    max-height: 140px;
    padding: 0;
    -webkit-transition: top 200ms ease-in, height 200ms ease-in;
    -moz-transition: top 200ms ease-in, height 200ms ease-in;
    -ms-transition: top 200ms ease-in, height 200ms ease-in;
    -o-transition: top 200ms ease-in, height 200ms ease-in;
    transition: top 200ms ease-in, height 200ms ease-in; }
    @media screen and (min-width: 768px) {
      #sc-miniimage-container.show {
        top: 50px;
        padding: 0 35px; } }
    @media screen and (min-width: 1024px) {
      #sc-miniimage-container.show {
        min-height: 76px; } }
  #sc-miniimage-container .sct-scroll-image-text-group {
    position: fixed;
    top: 0px; }
  #sc-miniimage-container #sc-miniimage-floatbar {
    overflow: hidden;
    min-height: 60px;
    padding: 7px 0 6px 0;
    opacity: 1;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in; }
    @media screen and (min-width: 1024px) {
      #sc-miniimage-container #sc-miniimage-floatbar {
        min-height: 70px;
        padding: 10px 0 6px 0; } }
    #sc-miniimage-container #sc-miniimage-floatbar.fade {
      opacity: 0.3; }
  #sc-miniimage-container .sct-scroll-image-text-group {
    position: fixed;
    top: 60px;
    -webkit-transition: top 600ms ease-in;
    -moz-transition: top 600ms ease-in;
    -ms-transition: top 600ms ease-in;
    -o-transition: top 600ms ease-in;
    transition: top 600ms ease-in;
    display: block; }
    @media screen and (min-width: 1024px) {
      #sc-miniimage-container .sct-scroll-image-text-group {
        padding-left: 10px; } }
  #sc-miniimage-container .owl-controls .owl-prev, #sc-miniimage-container .owl-controls .owl-next {
    position: absolute;
    top: 30px; }
  #sc-miniimage-container .owl-controls .owl-prev {
    left: -2px; }
  #sc-miniimage-container .owl-controls .owl-next {
    right: 14px; }
  #sc-miniimage-container .owl-controls .owl-prev, #sc-miniimage-container .owl-controls .owl-next, #sc-miniimage-container .owl-controls .icon-svg-carousel-arrow-left, #sc-miniimage-container .owl-controls .icon-svg-carousel-arrow-right {
    width: 25px;
    height: 25px;
    fill: #00336F;
    opacity: 0.8; }
    #sc-miniimage-container .owl-controls .owl-prev:hover, #sc-miniimage-container .owl-controls .owl-next:hover, #sc-miniimage-container .owl-controls .icon-svg-carousel-arrow-left:hover, #sc-miniimage-container .owl-controls .icon-svg-carousel-arrow-right:hover {
      opacity: 1; }

#stock-compare-table .owl-controls .owl-prev, #stock-compare-table .owl-controls .owl-next, #stock-compare-table .owl-controls .icon-svg-carousel-arrow-left, #stock-compare-table .owl-controls .icon-svg-carousel-arrow-right {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  fill: #00336F; }
  @media screen and (min-width: 768px) {
    #stock-compare-table .owl-controls .owl-prev, #stock-compare-table .owl-controls .owl-next, #stock-compare-table .owl-controls .icon-svg-carousel-arrow-left, #stock-compare-table .owl-controls .icon-svg-carousel-arrow-right {
      height: 40px; } }

#stock-compare-table .owl-controls .owl-prev, #stock-compare-table .owl-controls .prevButton {
  left: 0;
  display: block; }
  @media screen and (min-width: 768px) {
    #stock-compare-table .owl-controls .owl-prev, #stock-compare-table .owl-controls .prevButton {
      left: -30px; } }

#stock-compare-table .owl-controls .owl-next, #stock-compare-table .owl-controls .nextButton {
  right: 0;
  display: block; }
  @media screen and (min-width: 768px) {
    #stock-compare-table .owl-controls .owl-next, #stock-compare-table .owl-controls .nextButton {
      right: -30px; } }

#stock-compare-table .owl-controls .owl-prev, #stock-compare-table .owl-controls .owl-next {
  background: none;
  top: 0;
  opacity: 0.8; }
  @media screen and (min-width: 768px) {
    #stock-compare-table .owl-controls .owl-prev, #stock-compare-table .owl-controls .owl-next {
      top: 11%; } }
  #stock-compare-table .owl-controls .owl-prev:hover, #stock-compare-table .owl-controls .owl-next:hover {
    opacity: 1; }

.sct-column {
  padding: 0 8px; }

.sct-item {
  padding: 1px; }

.sct-item.sct-image-wrapper {
  padding: 0; }

.sct-name {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  font-size: 15px;
  line-height: 17px;
  margin: 0;
  padding: 0 0 8px 0;
  display: block; }

.sct-item-price, .sct-scroll-price, .sc-repay-prices {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  display: block; }

.sct-item-price, .sct-scroll-price {
  color: #00336F; }

.sc-repay-prices {
  color: #0056bc; }

.sct-item-price, .sct-scroll-price, .sc-repay-prices {
  -webkit-transition: color 100ms ease-in;
  -moz-transition: color 100ms ease-in;
  -ms-transition: color 100ms ease-in;
  -o-transition: color 100ms ease-in;
  transition: color 100ms ease-in; }
  .sct-item-price:hover, .sct-scroll-price:hover, .sc-repay-prices:hover {
    color: #002756; }

.sct-price-quantifier, .sct-scroll-price-quantifier, .sc-repay-quantifier {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 10px;
  line-height: 1.2;
  color: #666666;
  display: block; }

.sct-price-wrapper, .sct-price-wk-wrapper, .sct-scroll-price-wrapper, .sct-scroll-price-wk-wrapper {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 2px 0; }

.sct-price-wrapper, .sct-scroll-price-wrapper {
  padding-right: 20px; }
  @media screen and (min-width: 1024px) {
    .sct-price-wrapper, .sct-scroll-price-wrapper {
      padding-right: 30px; } }

.sct-scroll-cta-wrapper {
  display: block;
  vertical-align: middle;
  padding-top: 4px; }
  .sct-scroll-cta-wrapper .sct-scroll-cta-button {
    font-family: 'Roboto Bold', Arial, sans-serif;
    font-weight: normal;
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 13px;
    text-align: left;
    text-transform: uppercase;
    color: #003f89;
    vertical-align: middle;
    cursor: pointer;
    -webkit-font-smoothing: antialiased; }
    .sct-scroll-cta-wrapper .sct-scroll-cta-button:hover {
      color: #002756;
      text-decoration: underline; }

.sct-label {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  width: 40%;
  color: #000;
  display: inline-block;
  margin: 0;
  padding-left: 12px; }

.sct-value, .sct-text {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;
  width: 55%;
  color: #333333;
  display: inline-block;
  margin: 0;
  padding: 0; }

.sct-text {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  color: #333333;
  margin: 0;
  padding: 0;
  padding-left: 12px; }

.sct-rating-group {
  background-color: #f2f2f2;
  padding: 6px 4px;
  border: 1px solid #dcddde; }
  .sct-rating-group .sct-label {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal; }

.ancap-rating .sct-label, .green-rating .sct-label {
  width: 50%; }

.ancap-rating .sct-rating, .green-rating .sct-rating {
  letter-spacing: 2px;
  font-size: 18px;
  display: inline-block;
  width: 45%;
  margin: 0; }

.grey-star {
  color: #ddd; }

.half-star {
  position: relative; }
  .half-star:before {
    position: absolute;
    left: 0;
    width: 50%;
    content: "\2605";
    overflow: hidden; }

.ancap-rating .colour-star, .ancap-rating .half-star {
  color: #ff0000; }

.green-rating .colour-star, .green-rating .half-star {
  color: #009688; }

.tool-tip {
  border: 0; }

.flexbox .sl-heading-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (min-width: 768px) {
    .flexbox .sl-heading-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }

.flexbox .sl-heading-model-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .flexbox .sl-heading-model-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; } }

@media screen and (min-width: 568px) {
  .flexbox .sl-price-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; } }

.flexbox .sl-price-wrapper {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3; }
  @media screen and (min-width: 768px) {
    .flexbox .sl-price-wrapper {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; } }

.flexbox .sl-price-now-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  @media screen and (min-width: 768px) {
    .flexbox .sl-price-now-wrapper {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none; } }

.no-flexbox .sl-heading-link {
  background-color: #f2f2f2;
  display: block; }
  .no-flexbox .sl-heading-link:before, .no-flexbox .sl-heading-link:after {
    content: " ";
    display: table; }
  .no-flexbox .sl-heading-link:after {
    clear: both; }

@media screen and (min-width: 768px) {
  .no-flexbox .sl-heading-model-wrapper {
    float: left; } }

.no-flexbox .sl-price-wrapper,
.no-flexbox .sl-price-wk-wrapper,
.no-flexbox .sl-price-was-wrapper,
.no-flexbox .sl-price-now-wrapper {
  padding: 5px 10px; }

.no-flexbox .sl-price-wrapper {
  float: right; }

.no-flexbox .sl-price-wrapper.sl-price-wk-wrapper {
  float: left; }
  @media screen and (min-width: 768px) {
    .no-flexbox .sl-price-wrapper.sl-price-wk-wrapper {
      float: right;
      margin-left: 0;
      margin-right: 0;
      border-left: 0; } }

.no-flexbox .sl-heading-prices,
.no-flexbox .sl-heading-quantifier {
  display: block; }

.sl-heading-link {
  position: relative;
  background-color: #000;
  transition: background-color .25s ease-in; }
  .sl-heading-link:hover, .sl-heading-link:focus, .sl-heading-link:active {
    text-decoration: none; }
  @media screen and (min-width: 1024px) {
    .sl-heading-link {
      background-color: #a7a9ac; }
      .sl-heading-link:before {
        position: absolute;
        content: " ";
        width: 0px;
        height: 0px;
        border-style: solid;
        transition: border-color 150ms ease-in;
        left: 0px;
        border-width: 17px 0 17px 9px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #666666; } }

.sl-heading-model-wrapper {
  position: relative;
  background-color: #f2f2f2;
  padding: 5px 10px; }
  @media screen and (min-width: 768px) {
    .sl-heading-model-wrapper {
      padding: 10px 15px; } }

.sl-price-wrapper {
  position: relative;
  padding: 5px;
  background-color: #4d4d4d;
  -webkit-transition: background-color 200ms ease-in;
  -moz-transition: background-color 200ms ease-in;
  -ms-transition: background-color 200ms ease-in;
  -o-transition: background-color 200ms ease-in;
  transition: background-color 200ms ease-in; }
  @media screen and (min-width: 768px) {
    .sl-price-wrapper {
      padding: 2px 8px; } }

.sl-price-wk-wrapper {
  background-color: #0056bc;
  -webkit-transition: background-color 200ms ease-in;
  -moz-transition: background-color 200ms ease-in;
  -ms-transition: background-color 200ms ease-in;
  -o-transition: background-color 200ms ease-in;
  transition: background-color 200ms ease-in; }

.sl-price-was-wrapper {
  background-color: #dc0000; }

.sl-price-now-wrapper {
  background-color: #00336F; }

.sl-heading-model {
  text-align: center;
  margin: 0;
  color: #000; }
  @media screen and (min-width: 568px) {
    .sl-heading-model {
      text-align: left; } }

.sl-was-price {
  text-decoration: line-through; }

.sl-heading-model,
.sl-heading-prices {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: auto;
  margin: 0; }

.sl-heading-prices {
  font-size: 16px;
  color: #fff; }

.sl-price {
  text-align: left; }

.sl-heading-quantifier {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: #fff;
  white-space: nowrap;
  display: table-cell; }

.sl-page-heading {
  display: none; }
  @media screen and (min-width: 568px) {
    .sl-page-heading {
      display: block;
      font-size: 24px; } }
  @media screen and (min-width: 768px) {
    .sl-page-heading {
      display: block;
      font-size: 24px; } }
  @media screen and (min-width: 1024px) {
    .sl-page-heading {
      font-size: 30px; } }

.sl-compare-wrapper {
  background: #e5e5e5;
  padding: 3px 10px; }

.sl-budget-header {
  padding: 0.5rem; }
  @media screen and (min-width: 1024px) {
    .sl-budget-header {
      padding: 0.3rem 1rem; } }
  .sl-budget-header .slider-u-label {
    margin: 10px 0; }

.form .ui-slider.sl-bh-budget-range-slider {
  margin: 15px 0; }

.form .ui-slider-range {
  height: 100%; }

.form .ui-slider .ui-slider-handle {
  top: -8px; }

@media screen and (min-width: 568px) {
  .sl-content-col-2 {
    padding: 10px 0 0 0; } }

@media screen and (min-width: 1024px) {
  .sl-content-col-2 {
    display: block;
    padding: 0 0 0 10px; } }

.sl-content-col-text {
  margin: 5px 0; }
  @media screen and (min-width: 568px) {
    .sl-content-col-text {
      margin: 0 5px 0 0; } }
  @media screen and (min-width: 1024px) {
    .sl-content-col-text {
      display: block;
      margin: 0 0 5px 0; } }

.sl-content-col-btn {
  display: none; }
  @media screen and (min-width: 384px) {
    .sl-content-col-btn {
      display: block; } }

.sl-load-more-button {
  width: 100%;
  white-space: inherit; }
  @media screen and (min-width: 880px) {
    .sl-load-more-button {
      white-space: nowrap; } }

.sl-price-disclaimer {
  margin-top: 15px; }

.sl-content-wrapper {
  margin-top: 5px; }

.flexbox .sl-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (min-width: 1024px) {
    .flexbox .sl-content-wrapper {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; } }

.flexbox .sl-content-col-1 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  position: relative; }
  @media screen and (min-width: 1024px) {
    .flexbox .sl-content-col-1 {
      -webkit-box-flex: 5;
      -ms-flex: 5;
      flex: 5; } }

.flexbox .sl-content-col-2 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }
  @media screen and (min-width: 568px) {
    .flexbox .sl-content-col-2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media screen and (min-width: 1024px) {
    .flexbox .sl-content-col-2 {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.flexbox .sl-content-col-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3; }

@media screen and (min-width: 384px) {
  .flexbox .sl-content-col-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; } }

.sl-spec-text {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 11.5px;
  line-height: 15px;
  margin: 0; }
  @media screen and (min-width: 1024px) {
    .sl-spec-text {
      font-size: 12.5px;
      line-height: 19px; } }

.sl-spec-key {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal; }

.flexbox .sl-spec-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flexbox .sl-spec-item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%; }

.flexbox .sl-spec-item-2,
.flexbox .sl-spec-item-8 {
  display: none; }
  @media screen and (min-width: 568px) {
    .flexbox .sl-spec-item-2,
    .flexbox .sl-spec-item-8 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.flexbox .sl-spec-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flexbox .sl-spec-key {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.no-flexbox .sl-spec-item-2,
.no-flexbox .sl-spec-item-8 {
  display: none; }
  @media screen and (min-width: 568px) {
    .no-flexbox .sl-spec-item-2,
    .no-flexbox .sl-spec-item-8 {
      display: block; } }

.stock-detail .sl-badge {
  height: 80px;
  margin: 5px 0 0 0;
  background-image: url("../../images/teammoto_approved_150x75.png");
  background-size: 150px;
  background-repeat: no-repeat;
  background-position: left 50%;
  display: block; }

.sl-badge {
  display: none; }
  .sl-vehicle-4 .sl-badge {
    width: 100%;
    height: 55px;
    margin: 0 0 5px 0;
    background-image: url("../../images/ultimate_approved_147x110.png");
    background-size: 73.5px;
    background-repeat: no-repeat;
    background-position: left 50%;
    display: block; }

.sl-icon-wrapper {
  position: absolute;
  left: 0;
  bottom: 5px; }

.stock-detail .sl-icon-lplate {
  display: block;
  width: 37px;
  height: 37px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 27 27'%3E%3Cpath fill='%23ffff00' d='M22.6,19.9c0,0.5-0.4,1-0.9,1.1L3.1,22.6c-0.5,0-1-0.4-1.1-0.9L0.4,3.1c0-0.5,0.4-1,0.9-1.1l18.6-1.6c0.5,0,1,0.4,1.1,0.9L22.6,19.9z'/%3E%3Cpath fill='%23000000' d='M4.6,3.9C4.6,3.9,4.6,3.9,4.6,3.9l4.8-0.4c0,0,0,0,0,0l1,11.8c0,0,0,0,0,0l7.5-0.7c0,0,0,0,0,0l0.3,3.8c0,0,0,0,0,0L6,19.6c0,0,0,0,0,0L4.6,3.9z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.sl-vehicle-1 .sl-icon-special,
.sl-vehicle-2 .sl-icon-special,
.sl-vehicle-3 .sl-icon-special,
.sl-vehicle-4 .sl-icon-special,
.sd-image-large-wrapper .sl-icon-special {
  display: block;
  width: 92px;
  height: 32px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 92 32'%3E%3Cpath fill='%23dc0000' d='M82.18,31.89H0V0h82.2c1.12,0,2.15,0.62,2.66,1.62l6.63,12.77c0.44,0.86,0.45,1.88,0.01,2.74l-6.65,13.13C84.35,31.26,83.31,31.89,82.18,31.89z'/%3E%3Cpath fill='%23ffffff' d='M13.48,18.48c0-0.43-0.11-0.76-0.33-0.99c-0.22-0.22-0.63-0.45-1.21-0.69c-1.07-0.41-1.84-0.88-2.31-1.42c-0.47-0.54-0.7-1.19-0.7-1.93c0-0.9,0.32-1.62,0.96-2.16c0.64-0.54,1.45-0.82,2.43-0.82c0.65,0,1.24,0.14,1.75,0.41c0.51,0.28,0.91,0.67,1.18,1.17c0.28,0.5,0.41,1.07,0.41,1.71h-2.15c0-0.5-0.11-0.88-0.32-1.14c-0.21-0.26-0.52-0.39-0.92-0.39c-0.38,0-0.67,0.11-0.88,0.33c-0.21,0.22-0.31,0.52-0.31,0.9c0,0.29,0.12,0.56,0.35,0.79c0.23,0.24,0.65,0.48,1.25,0.74c1.04,0.38,1.8,0.84,2.27,1.38c0.47,0.55,0.71,1.24,0.71,2.09c0,0.93-0.3,1.65-0.89,2.18s-1.39,0.78-2.41,0.78c-0.69,0-1.32-0.14-1.88-0.42c-0.57-0.28-1.01-0.69-1.33-1.22c-0.32-0.53-0.48-1.15-0.48-1.87h2.16c0,0.62,0.12,1.06,0.36,1.34s0.63,0.42,1.17,0.42C13.11,19.68,13.48,19.28,13.48,18.48z'/%3E%3Cpath fill='%23ffffff' d='M19.53,17.53v3.75h-2.15V10.62h3.63c1.05,0,1.9,0.33,2.52,0.98c0.63,0.65,0.94,1.5,0.94,2.55s-0.31,1.87-0.93,2.48s-1.48,0.91-2.58,0.91H19.53z M19.53,15.73h1.48c0.41,0,0.73-0.13,0.95-0.4s0.34-0.66,0.34-1.17c0-0.53-0.12-0.96-0.34-1.27c-0.23-0.32-0.54-0.47-0.92-0.48h-1.5V15.73z'/%3E%3Cpath fill='%23ffffff' d='M31.72,16.67h-3.36v2.83h3.97v1.79h-6.12V10.62h6.11v1.79h-3.96v2.52h3.36V16.67z'/%3E%3Cpath fill='%23ffffff' d='M41.1,17.73c-0.05,1.22-0.4,2.14-1.03,2.76s-1.52,0.94-2.67,0.94c-1.21,0-2.13-0.4-2.77-1.19c-0.64-0.79-0.96-1.92-0.96-3.39v-1.79c0-1.46,0.33-2.59,1-3.39c0.66-0.79,1.59-1.19,2.77-1.19c1.16,0,2.04,0.33,2.65,0.97c0.6,0.65,0.95,1.58,1.03,2.8h-2.16c-0.02-0.75-0.13-1.27-0.35-1.56c-0.21-0.29-0.6-0.43-1.17-0.43c-0.58,0-0.98,0.2-1.22,0.6c-0.24,0.4-0.37,1.07-0.38,1.99v2.01c0,1.06,0.12,1.79,0.35,2.18c0.24,0.4,0.64,0.59,1.22,0.59c0.57,0,0.96-0.14,1.17-0.41c0.21-0.28,0.34-0.77,0.37-1.5H41.1z'/%3E%3Cpath fill='%23ffffff' d='M44.98,21.28h-2.15V10.62h2.15V21.28z'/%3E%3Cpath fill='%23ffffff' d='M52.31,19.1h-2.94l-0.57,2.18h-2.28l3.33-10.66h1.97l3.35,10.66h-2.3L52.31,19.1z M49.84,17.3h1.99l-1-3.8L49.84,17.3z'/%3E%3Cpath fill='%23ffffff' d='M58.63,19.49h3.78v1.79h-5.93V10.62h2.15V19.49z'/%3E%3Cpath fill='%23ffffff' d='M74.8,19.55l-4.96,3l1.31-5.63l-4.36-3.79l5.75-0.49l2.25-5.3l2.25,5.3l5.75,0.49l-4.36,3.79l1.31,5.63L74.8,19.55z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: auto;
  transition-property: width, background-size, height;
  transition-duration: .15s;
  transition-timing-function: ease-in; }

.stock-list-item:hover .sl-icon-special {
  width: 97px;
  height: 34px;
  background-size: cover; }

.list-view .sl-price-wrapper,
.list-view .sl-price-wk-wrapper {
  padding: 5px 10px; }

.list-view .sl-images-link {
  display: block; }

.list-view .sl-image-wrapper {
  float: none;
  display: block;
  width: 100%; }

.list-view .sl-image-wrapper-sm {
  display: none; }

.list-view .sl-icon-special {
  width: 55px;
  height: 20px; }
  @media screen and (min-width: 1024px) {
    .list-view .sl-icon-special {
      width: 70px;
      height: 25px; } }

.list-view .stock-list-item:hover .sl-icon-special {
  width: 55px;
  height: 20px; }
  @media screen and (min-width: 1024px) {
    .list-view .stock-list-item:hover .sl-icon-special {
      width: 77px;
      height: 27px; } }

.list-view .sl-content-col-2 {
  padding: 0 0 0 10px; }

.list-view .sl-content-col-text {
  margin: 0; }

@media screen and (min-width: 1024px) {
  .list-view .sl-spec-item-wrapper {
    padding-right: 8px; } }

@media screen and (min-width: 1024px) {
  .list-view .sl-spec-text {
    line-height: 16px; } }

.list-view .sl-spec-key {
  display: none; }
  @media screen and (min-width: 568px) {
    .list-view .sl-spec-key {
      display: block; } }

.flexbox .list-view .sl-price-wrapper,
.flexbox .list-view .sl-price-was-wrapper,
.flexbox .list-view .sl-price-now-wrapper,
.flexbox .list-view .sl-price-wk-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flexbox .list-view .sl-badge {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flexbox .list-view .sl-content-col-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  @media screen and (min-width: 568px) {
    .flexbox .list-view .sl-content-col-1 {
      -webkit-box-flex: .8;
      -ms-flex: .8;
      flex: .8; } }
  @media screen and (min-width: 768px) {
    .flexbox .list-view .sl-content-col-1 {
      -webkit-box-flex: .6;
      -ms-flex: .6;
      flex: .6; } }
  @media screen and (min-width: 1024px) {
    .flexbox .list-view .sl-content-col-1 {
      -webkit-box-flex: .5;
      -ms-flex: .5;
      flex: .5; } }

.flexbox .list-view .sl-content-col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3; }
  @media screen and (min-width: 1024px) {
    .flexbox .list-view .sl-content-col-2 {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

@media screen and (min-width: 1024px) {
  .flexbox .list-view .sl-spec-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media screen and (min-width: 1024px) {
  .flexbox .list-view .sl-spec-item-wrapper {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%; } }

.flexbox .list-view .sl-content-col-text {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2; }
  @media screen and (min-width: 568px) {
    .flexbox .list-view .sl-content-col-text {
      -webkit-box-flex: 3;
      -ms-flex: 3;
      flex: 3; } }
  @media screen and (min-width: 1024px) {
    .flexbox .list-view .sl-content-col-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

@media screen and (min-width: 1024px) {
  .flexbox .list-view .sl-spec-key {
    -webkit-box-flex: .6;
    -ms-flex: .6;
    flex: .6; } }

@media screen and (min-width: 1024px) {
  .flexbox .list-view .sl-content-col-btn {
    -ms-flex-item-align: center;
    align-self: center; } }

.no-flexbox .list-view .sl-content-wrapper:before, .no-flexbox .list-view .sl-content-wrapper:after {
  content: " ";
  display: table; }

.no-flexbox .list-view .sl-content-wrapper:after {
  clear: both; }

.no-flexbox .list-view .sl-content-col-1 {
  width: 14%;
  float: left; }

.no-flexbox .list-view .sl-content-col-2 {
  width: 84%;
  float: left; }
  .no-flexbox .list-view .sl-content-col-2:before, .no-flexbox .list-view .sl-content-col-2:after {
    content: " ";
    display: table; }
  .no-flexbox .list-view .sl-content-col-2:after {
    clear: both; }

.no-flexbox .list-view .sl-spec-wrapper:before, .no-flexbox .list-view .sl-spec-wrapper:after {
  content: " ";
  display: table; }

.no-flexbox .list-view .sl-spec-wrapper:after {
  clear: both; }

.no-flexbox .list-view .sl-spec-item-wrapper {
  float: left;
  width: 50%; }

.no-flexbox .list-view .sl-spec-text {
  float: left; }

.no-flexbox .list-view .sl-spec-key {
  margin-right: 10px; }

.no-flexbox .list-view .sl-content-col-text {
  float: left;
  width: 65%; }

.no-flexbox .list-view .sl-badge {
  float: left;
  width: 15%; }

.no-flexbox .list-view .sl-content-col-btn {
  float: right;
  width: 20%; }

@media screen and (min-width: 1024px) {
  .thumb-view .sl-spec-wrapper {
    display: block; } }

@media screen and (min-width: 1024px) {
  .thumb-view .sl-content-col-2,
  .thumb-view .sl-content-col-text,
  .thumb-view .sl-badge,
  .thumb-view .sl-content-col-btn {
    display: block; } }

@media screen and (min-width: 384px) {
  .thumb-view .les_video[data-url] {
    left: 21%; } }

@media screen and (min-width: 1024px) {
  .flexbox .thumb-view .sl-content-col-2,
  .flexbox .thumb-view .sl-content-col-text,
  .flexbox .thumb-view .sl-badge,
  .flexbox .thumb-view .sl-content-col-btn {
    display: block; } }

.flexbox .thumb-view .sl-badge {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.no-flexbox .thumb-view .stock-list-item:before, .no-flexbox .thumb-view .stock-list-item:after {
  content: " ";
  display: table; }

.no-flexbox .thumb-view .stock-list-item:after {
  clear: both; }

.no-flexbox .thumb-view .sl-content-col-1 {
  float: left;
  width: 70%; }

.no-flexbox .thumb-view .sl-content-col-2 {
  float: left;
  width: 30%; }

.no-flexbox .thumb-view .sl-spec-wrapper:before, .no-flexbox .thumb-view .sl-spec-wrapper:after {
  content: " ";
  display: table; }

.no-flexbox .thumb-view .sl-spec-wrapper:after {
  clear: both; }

.no-flexbox .thumb-view .sl-spec-text {
  float: left;
  width: 50%; }

@media screen and (min-width: 1024px) {
  .gallery-view .stock-list-item {
    margin-top: 10px;
    margin-right: 1%; }
    .gallery-view .stock-list-item:hover .sl-heading-link {
      background-color: #000; } }

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .gallery-view .stock-list-item:nth-child(2n) {
    margin-right: 0; } }

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .gallery-view .sl-heading-link {
    padding: 0;
    margin-bottom: 0;
    position: relative;
    background-color: #000;
    transition: background-color .25s ease-in; } }

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .gallery-view .sl-heading-link:before {
    display: none; } }

@media screen and (min-width: 1024px) and (min-width: 768px) {
  .gallery-view .sl-heading-model-wrapper {
    padding: 5px 10px; } }

@media screen and (min-width: 1024px) and (min-width: 768px) {
  .gallery-view .sl-price-wrapper {
    padding: 3px 10px; } }

@media screen and (min-width: 1024px) {
  .gallery-view .sl-price-wk-wrapper {
    padding: 5px 10px; } }

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .gallery-view .sl-compare-wrapper {
    margin: 0; } }

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .gallery-view .sl-images-link {
    display: block; } }

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .gallery-view .sl-image-wrapper {
    float: none;
    width: 100%; } }

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .gallery-view .sl-image-wrapper-sm {
    display: none; } }

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .gallery-view .sl-content-wrapper {
    display: block; } }

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .gallery-view .sl-content-col-2 {
    display: block;
    padding: 0; } }

@media screen and (min-width: 1024px) {
  .flexbox .gallery-view .sl-items-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media screen and (min-width: 1024px) {
  .flexbox .gallery-view .stock-list-item {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%; } }

.flexbox .gallery-view .sl-heading-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.flexbox .gallery-view .sl-heading-model-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 100%; }

.flexbox .gallery-view .sl-price-now-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flexbox .gallery-view .sl-price-wrapper {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3; }

@media screen and (min-width: 1024px) {
  .flexbox .gallery-view .sl-content-col-text {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media screen and (min-width: 768px) {
  .flexbox .gallery-view .sl-spec-key {
    -webkit-box-flex: .8;
    -ms-flex: .8;
    flex: .8; } }

@media screen and (min-width: 1024px) {
  .flexbox .gallery-view .sl-spec-key {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; } }

.no-flexbox .gallery-view .stock-list-item {
  float: left;
  width: 49%; }

.no-flexbox .gallery-view .sl-heading-model-wrapper {
  float: none; }

.no-flexbox .gallery-view .sl-price-wrapper,
.no-flexbox .gallery-view .sl-price-wk-wrapper,
.no-flexbox .gallery-view .sl-price-was-wrapper,
.no-flexbox .gallery-view .sl-price-now-wrapper {
  padding: 5px 10px; }

.no-flexbox .gallery-view .sl-price-wk-wrapper {
  float: left; }

.no-flexbox .gallery-view .sl-content-col-1 {
  float: none;
  width: 100%; }

.no-flexbox .gallery-view .sl-content-col-2 {
  float: none;
  width: 100%; }

.no-flexbox .gallery-view .sl-spec-wrapper:before, .no-flexbox .gallery-view .sl-spec-wrapper:after {
  content: " ";
  display: table; }

.no-flexbox .gallery-view .sl-spec-wrapper:after {
  clear: both; }

.no-flexbox .gallery-view .sl-spec-item-wrapper {
  float: left;
  width: 50%; }

.no-flexbox .gallery-view .sl-spec-text {
  float: left;
  width: 50%; }

.sd-form-heading-wrapper {
  padding: 5px 10px;
  background-color: #00336F; }

.sd-form-text {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  margin: 0; }

.sd-form-heading-link .icon-svg-close-circle {
  width: 25px;
  height: 25px;
  color: #00336F;
  fill: #fff;
  margin-left: 6px;
  cursor: pointer; }

.sd-form-heading-link:hover .icon-svg-close-circle {
  color: #fff;
  fill: #00336F; }

.sd-summary-wrapper {
  background-color: #ebebec;
  padding: 8px;
  border: 1px solid #dcddde;
  border-radius: 3px; }

.sd-summary-group2 {
  padding-left: 10px; }

.sd-summary-text-wrapper {
  margin-top: 6px; }

.sd-summary-text {
  color: #000;
  margin: 0;
  border-right: 1px solid #b2b2b2;
  margin-right: 7px;
  padding-right: 7px; }
  .sd-summary-text:last-child {
    border: 0; }

.sd-summary .sl-heading-model {
  margin: 0;
  border: 0;
  padding: 0; }

.sd-summary .sl-price,
.sd-summary .sl-price-wk,
.sd-summary .sl-heading-model,
.sd-summary .sl-heading-quantifier {
  color: #000;
  background-color: transparent;
  margin: 0;
  padding: 0; }

.sd-summary .sl-heading-quantifier {
  display: inline; }

.flexbox .sd-form-heading-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.flexbox .sd-form-name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flexbox .sd-form-heading-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.flexbox .sd-summary-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flexbox .sd-summary-text-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.no-flexbox .sd-form-heading-wrapper {
  height: 36px; }
  .no-flexbox .sd-form-heading-wrapper:before, .no-flexbox .sd-form-heading-wrapper:after {
    content: " ";
    display: table; }
  .no-flexbox .sd-form-heading-wrapper:after {
    clear: both; }

.no-flexbox .sd-form-name {
  float: left; }

.no-flexbox .sd-form-heading-link {
  display: block;
  float: right; }

.no-flexbox .sd-form-text-btn {
  float: left; }

.no-flexbox .sd-summary-wrapper:before, .no-flexbox .sd-summary-wrapper:after,
.no-flexbox .sd-summary:before,
.no-flexbox .sd-summary:after {
  content: " ";
  display: table; }

.no-flexbox .sd-summary-wrapper:after,
.no-flexbox .sd-summary:after {
  clear: both; }

.no-flexbox .sd-summary-group1 {
  float: left; }

.no-flexbox .sd-summary-group2 {
  float: left; }

.no-flexbox .sd-summary-text {
  display: inline; }

@media screen and (min-width: 768px) {
  .sd-carousel-wrapper {
    padding-right: 1rem; } }

.sd-carousel-image {
  width: 100%; }

.sd-specs-text {
  margin: 0; }

.sd-specs-key {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal; }

.sd-section-heading {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px; }

@media screen and (min-width: 1024px) {
  .sd-comments-text {
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    -webkit-column-rule-width: 1px;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-color: #cccccc;
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -moz-column-rule-width: 1px;
    -moz-column-rule-style: solid;
    -moz-column-rule-color: #cccccc;
    column-count: 2;
    column-gap: 40px;
    column-rule-width: 1px;
    column-rule-style: solid;
    column-rule-color: #cccccc; } }

.sdf-list {
  margin: 0;
  padding: 0; }
  @media screen and (min-width: 568px) {
    .sdf-list {
      -webkit-column-count: 2;
      -webkit-column-gap: 40px;
      -moz-column-count: 2;
      -moz-column-gap: 40px;
      column-count: 2;
      column-gap: 40px; } }

.sdf-item {
  list-style: none;
  font-size: 14px;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle;
  padding: 5px 0;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid; }

.text-small {
  font-size: 80%;
  margin-top: 10px; }

@media screen and (min-width: 1024px) {
  .sd-group2-wrapper {
    width: 79%; } }

.sd-image-large-wrapper {
  position: relative;
  margin-bottom: 10px; }

@media screen and (min-width: 768px) {
  .sd-carousel-wrapper {
    max-width: 340px; } }

@media screen and (min-width: 850px) {
  .sd-carousel-wrapper {
    max-width: 400px; } }

@media screen and (min-width: 1200px) {
  .sd-carousel-wrapper {
    max-width: 523px; } }

.sd-rating-wrapper {
  margin-top: 7px;
  padding: 10px;
  background: #f2f2f2;
  border: 1px solid #dcddde;
  border-radius: 3px; }

.sd-rating-text {
  margin: 0; }

.sd-redbook-logo {
  margin: 0 0 20px 0; }

.sd-group1-wrapper {
  margin-top: 5px; }

@media screen and (min-width: 768px) {
  .flexbox .sd-group1-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media screen and (min-width: 768px) {
  .flexbox .sd-carousel-wrapper,
  .flexbox .sd-specs-wrapper {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2; } }

.flexbox .sd-specs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flexbox .sd-specs-key {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2; }

.flexbox .sd-specs-value {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3; }

.flexbox .sd-star-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.sd-specification .gallery {
  margin-bottom: 15px;
  position: relative; }

.sd-specification .gallery.loading {
  display: none; }
  .no-js .sd-specification .gallery.loading {
    display: block; }

.no-flexbox .sd-group1-wrapper.sd-specification:before, .no-flexbox .sd-group1-wrapper.sd-specification:after {
  content: " ";
  display: table; }

.no-flexbox .sd-group1-wrapper.sd-specification:after {
  clear: both; }

@media screen and (min-width: 768px) {
  .no-flexbox .sd-carousel-wrapper {
    float: left;
    width: 60%; } }

@media screen and (min-width: 768px) {
  .no-flexbox .sd-specs-wrapper {
    float: left;
    width: 40%; } }

.no-flexbox .sd-specs-items-wrapper:before, .no-flexbox .sd-specs-items-wrapper:after {
  content: " ";
  display: table; }

.no-flexbox .sd-specs-items-wrapper:after {
  clear: both; }

.no-flexbox .sd-specs-key {
  float: left;
  width: 40%; }

.no-flexbox .sd-specs-value {
  float: left;
  width: 60%;
  padding-left: 10px; }

.no-flexbox .sd-rating-text {
  display: inline; }

.sd-aside-phone-wrapper {
  background-color: #00336F;
  cursor: pointer;
  position: relative;
  margin-bottom: 5px; }

.sd-aside-phone-link {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #fff;
  display: block;
  padding: 8px; }
  .sd-aside-phone-link:hover, .sd-aside-phone-link:focus, .sd-aside-phone-link:active {
    color: #fff; }

#print-details-page:hover, #print-details-page:focus, #print-details-page:active {
  text-decoration: none; }

.sd-aside-form-link {
  position: relative;
  cursor: pointer;
  background-color: #f2f2f2;
  margin-bottom: 5px;
  height: 45px;
  border-radius: 0;
  transition: opacity 0.25s ease, background-color 0.25s ease; }
  @media screen and (min-width: 768px) {
    .sd-aside-form-link {
      height: 37px; } }
  .sd-aside-form-link:hover {
    background-color: #e5e5e5; }

.open .sd-aside-form-links {
  opacity: .4; }

.open .sd-aside-form-links.selected,
.open .sd-aside-form-links:hover {
  opacity: 1; }

.sd-aside-form-link .icon-svg {
  background-color: #00336F;
  fill: #fff;
  width: 37px;
  height: 37px;
  padding: 3px; }

.sd-aside-link-text {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  display: inline;
  margin: 0 0 0 5px;
  color: #000; }
  @media screen and (min-width: 768px) {
    .sd-aside-link-text {
      font-size: 14px; } }

.stock-detail .add-this-container .add-this-main {
  position: static; }

.flexbox .sd-aside-form-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.no-flexbox .sd-aside-form-link:before, .no-flexbox .sd-aside-form-link:after {
  content: " ";
  display: table; }

.no-flexbox .sd-aside-form-link:after {
  clear: both; }

.no-flexbox .sd-aside-form-link .icon-svg,
.no-flexbox .sd-aside-form-link .sd-aside-link-text {
  float: left; }

.no-flexbox .sd-aside-form-link .sd-aside-link-text {
  margin: 8px 0 0 5px; }

.similar-vehicles-module-wrapper {
  background-color: #f2f2f2;
  border: 1px solid #dcddde;
  border-radius: 3px;
  margin-top: 10px; }

.sd-section-heading.sd-similar-heading {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  background: #00336F;
  padding: 5px 10px;
  margin: 0;
  border-radius: 3px 3px 0 0; }

@media screen and (min-width: 768px) {
  .sv-wrapper {
    display: block; } }

.sv-item-link {
  display: block;
  margin: 0;
  padding: 10px;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in; }
  .sv-item-link:hover {
    background-color: #e5e5e5; }

.sv-list {
  padding: 0 0 0 10px;
  margin: 0; }

.sv-item-text {
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  list-style: none; }
  @media screen and (min-width: 768px) {
    .sv-item-text {
      font-size: 11px;
      line-height: 13px; } }
  @media screen and (min-width: 1024px) {
    .sv-item-text {
      font-size: 12px;
      line-height: 14px; } }
  .sv-item-text.sv-make, .sv-item-text.sv-model {
    font-family: 'Roboto Bold', Arial, sans-serif;
    font-weight: normal; }
  .sv-item-text.sv-price {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    color: #00336F; }

.sv-no-item-text {
  padding: 10px 10px 0 10px; }

@media screen and (min-width: 568px) {
  .flexbox .sv-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media screen and (min-width: 768px) {
  .flexbox .sv-wrapper {
    display: block; } }

.flexbox .sv-item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 568px) {
    .flexbox .sv-item-link {
      width: 50%; } }
  @media screen and (min-width: 768px) {
    .flexbox .sv-item-link {
      width: 100%; } }

.flexbox .sv-image-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flexbox .sv-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  @media screen and (min-width: 384px) {
    .flexbox .sv-list {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2; } }
  @media screen and (min-width: 568px) {
    .flexbox .sv-list {
      -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
      flex: 1.5; } }
  @media screen and (min-width: 1024px) {
    .flexbox .sv-list {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; } }

.no-flexbox .sv-item-link:before, .no-flexbox .sv-item-link:after {
  content: " ";
  display: table; }

.no-flexbox .sv-item-link:after {
  clear: both; }

.no-flexbox .sv-image-wrapper,
.no-flexbox .sv-list {
  float: left;
  width: 50%; }

@media screen and (min-width: 768px) {
  .stock-detail .sl-heading-link {
    background-color: #dcddde; } }

@media screen and (min-width: 768px) {
  .stock-detail .sl-heading-model-wrapper {
    color: #000; } }

@media screen and (min-width: 768px) {
  .stock-detail .sl-price-wrapper {
    background-color: #00336F; } }

.stock-detail .sl-price-was-wrapper {
  background-color: #dc0000; }

@media screen and (min-width: 768px) {
  .stock-detail .sl-price-wk-wrapper {
    background-color: #0056bc; } }

.stock-detail .sd-page-heading {
  display: none;
  margin: 0 0 0 15px; }
  @media screen and (min-width: 768px) {
    .stock-detail .sd-page-heading {
      display: inline-block;
      font-size: 24px; } }
  @media screen and (min-width: 1024px) {
    .stock-detail .sd-page-heading {
      font-size: 30px; } }

.no-flexbox .stock-detail .sl-heading-link {
  background-color: #f2f2f2; }

.sla-action-wrapper {
  margin-top: 15px; }
  @media screen and (min-width: 568px) {
    .sla-action-wrapper {
      margin-top: 0; } }

.sl-action-item {
  cursor: pointer;
  margin-left: 2%; }
  .sl-action-item:hover, .sl-action-item:focus, .sl-action-item:active {
    text-decoration: none; }
  @media screen and (min-width: 568px) {
    .sl-action-item {
      height: 60px; } }

.sla-icon-wrapper {
  background: #f2f2f2;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  width: 100%; }
  @media screen and (min-width: 568px) {
    .sla-icon-wrapper {
      width: 80px;
      height: 30px; } }

.sla-text-wrapper {
  background: #00336F;
  padding: 5px;
  width: 100%; }
  @media screen and (min-width: 568px) {
    .sla-text-wrapper {
      width: 80px;
      height: 30px; } }

.sla-text {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  margin: 0; }

.flexbox .stock-list-heading-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.flexbox .sla-action-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  @media screen and (min-width: 568px) {
    .flexbox .sla-action-wrapper {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none; } }

.flexbox .sl-action-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%; }
  .flexbox .sl-action-item:nth-child(odd) {
    margin-left: 0; }
  .flexbox .sl-action-item:nth-child(3), .flexbox .sl-action-item:nth-child(4) {
    margin-top: 8px; }
  @media screen and (min-width: 568px) {
    .flexbox .sl-action-item {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none; }
      .flexbox .sl-action-item:nth-child(n) {
        margin: 0;
        margin-left: 10px; } }
  .flexbox .sl-action-item:first-child {
    margin-left: 0; }

.flexbox .sla-icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flexbox .sla-text-wrapper {
  display: block; }

.no-flexbox .stock-list-heading-wrapper:before, .no-flexbox .stock-list-heading-wrapper:after {
  content: " ";
  display: table; }

.no-flexbox .stock-list-heading-wrapper:after {
  clear: both; }

.no-flexbox .sl-page-heading {
  float: left; }

.no-flexbox .sla-action-wrapper {
  float: right;
  margin-top: 14px; }
  .no-flexbox .sla-action-wrapper:before, .no-flexbox .sla-action-wrapper:after {
    content: " ";
    display: table; }
  .no-flexbox .sla-action-wrapper:after {
    clear: both; }

.no-flexbox .sl-action-item {
  float: left;
  margin: 0;
  padding-left: 15px; }

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

/*
Modernizr file has been updated to include 'main' to be recognised by IE
*/
main {
  background-color: #fff;
  padding-bottom: 50px; }

img {
  vertical-align: middle;
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

.img-no-margin {
  margin: 0; }

.video-100,
.w-100,
iframe.iframe-100,
.iframe-100,
img.image-100,
.image-100 {
  width: 100%; }

.iframe-100-no-border {
  width: 100%;
  border: 0; }

.iframe-100-no-scroll {
  border: 0;
  width: 100%;
  overflow: hidden; }

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #cccccc; }

.col-content {
  padding-bottom: 2.5rem; }

.aside-first {
  display: none; }
  @media screen and (min-width: 768px) {
    .aside-first {
      display: inline-block; } }

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

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

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.ie,
.lt-ie9 {
  width: 100%; }
  .ie .container,
  .ie .sliderOuterWrapper .sliderWrapper,
  .lt-ie9 .container,
  .lt-ie9 .sliderOuterWrapper .sliderWrapper {
    width: 1169px;
    margin-right: auto;
    margin-left: auto; }
  .ie body.map-framed,
  .lt-ie9 body.map-framed {
    width: 100%;
    min-width: 100%; }
  .ie body,
  .lt-ie9 body {
    width: 1169px;
    margin: 0 auto; }
  .ie select,
  .lt-ie9 select {
    padding: 3px;
    height: auto;
    line-height: 25px; }
  .ie .calculator iframe,
  .lt-ie9 .calculator iframe {
    height: 900px; }
  .ie .calculator .ui-state-default,
  .lt-ie9 .calculator .ui-state-default {
    background: #dddedf; }
  .ie .header .nav-primary,
  .lt-ie9 .header .nav-primary {
    height: 20px; }
  .ie .toolbox-wrapper,
  .lt-ie9 .toolbox-wrapper {
    max-width: 1170px; }
  .ie .footer,
  .lt-ie9 .footer {
    display: block; }

.popup.ie9 body, .popup.lt-ie9 body {
  min-width: 340px;
  width: 350px;
  margin: auto; }

.popup.ie9 .enquiry > div > .pure-u-1, .popup.lt-ie9 .enquiry > div > .pure-u-1 {
  width: 100%; }

@media screen and (min-width: 768px) {
  .ie9 .framed.calculator .container,
  .ie8 .framed.calculator .container {
    max-width: 800px;
    float: left; } }

.google-map {
  height: 300px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/loading.gif") 50% 50% no-repeat; }

.panel-body .google-map .gm-style a {
  display: initial;
  border-top: none;
  border-bottom: none;
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0; }

.panel-body .google-map img {
  max-width: none; }

.iveco .address-bar-wrapper {
  background-color: #dbdbdb;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); }

.iveco .header-wrapper {
  background-color: #fff; }
  @media screen and (min-width: 1024px) {
    .iveco .header-wrapper {
      background-color: #ededed; } }

.iveco .logo-hero {
  margin-top: 10px;
  margin-bottom: 10px; }
  @media screen and (min-width: 1024px) {
    .iveco .logo-hero {
      margin-top: 22px;
      margin-bottom: 20px; } }

.iveco .dealer-name {
  font-family: 'Roboto Black', Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  text-transform: uppercase;
  color: #00336F; }
  @media screen and (min-width: 768px) {
    .iveco .dealer-name {
      font-size: 18px; } }
  @media screen and (min-width: 1024px) {
    .iveco .dealer-name {
      font-size: 26px;
      margin: 27px 0 0 0; } }

.iveco.ballarativeco .logo-hero, .iveco.adtranstruckcentreivecointernational .logo-hero, .iveco.newcastleiveco .logo-hero, .iveco.melbournetruckcentre .logo-hero, .iveco.honeycombesiveco .logo-hero, .iveco.avtruckservices .logo-hero {
  text-align: center; }
  @media screen and (min-width: 1024px) {
    .iveco.ballarativeco .logo-hero, .iveco.adtranstruckcentreivecointernational .logo-hero, .iveco.newcastleiveco .logo-hero, .iveco.melbournetruckcentre .logo-hero, .iveco.honeycombesiveco .logo-hero, .iveco.avtruckservices .logo-hero {
      text-align: left; } }

.iveco.ballarativeco .logo-hero-link, .iveco.adtranstruckcentreivecointernational .logo-hero-link, .iveco.newcastleiveco .logo-hero-link, .iveco.melbournetruckcentre .logo-hero-link, .iveco.honeycombesiveco .logo-hero-link, .iveco.avtruckservices .logo-hero-link {
  display: inline-block; }

.iveco.ballarativeco .logo-hero-link-2, .iveco.adtranstruckcentreivecointernational .logo-hero-link-2, .iveco.newcastleiveco .logo-hero-link-2, .iveco.melbournetruckcentre .logo-hero-link-2, .iveco.honeycombesiveco .logo-hero-link-2, .iveco.avtruckservices .logo-hero-link-2 {
  display: inline-block; }
  .iveco.ballarativeco .logo-hero-link-2 img, .iveco.adtranstruckcentreivecointernational .logo-hero-link-2 img, .iveco.newcastleiveco .logo-hero-link-2 img, .iveco.melbournetruckcentre .logo-hero-link-2 img, .iveco.honeycombesiveco .logo-hero-link-2 img, .iveco.avtruckservices .logo-hero-link-2 img {
    max-width: 255px;
    margin: 7px 0 4px 6px; }
    @media screen and (min-width: 568px) {
      .iveco.ballarativeco .logo-hero-link-2 img, .iveco.adtranstruckcentreivecointernational .logo-hero-link-2 img, .iveco.newcastleiveco .logo-hero-link-2 img, .iveco.melbournetruckcentre .logo-hero-link-2 img, .iveco.honeycombesiveco .logo-hero-link-2 img, .iveco.avtruckservices .logo-hero-link-2 img {
        margin: 0 0 4px 6px; } }

.iveco.ballarativeco .company-logo-container, .iveco.adtranstruckcentreivecointernational .company-logo-container, .iveco.newcastleiveco .company-logo-container, .iveco.melbournetruckcentre .company-logo-container, .iveco.honeycombesiveco .company-logo-container, .iveco.avtruckservices .company-logo-container {
  margin: auto;
  width: 50%; }
  @media screen and (min-width: 1024px) {
    .iveco.ballarativeco .company-logo-container, .iveco.adtranstruckcentreivecointernational .company-logo-container, .iveco.newcastleiveco .company-logo-container, .iveco.melbournetruckcentre .company-logo-container, .iveco.honeycombesiveco .company-logo-container, .iveco.avtruckservices .company-logo-container {
      margin: 20px 0 0 0; } }
  @media screen and (min-width: 568px) {
    .iveco.ballarativeco .company-logo-container .company-logo-container, .iveco.adtranstruckcentreivecointernational .company-logo-container .company-logo-container, .iveco.newcastleiveco .company-logo-container .company-logo-container, .iveco.melbournetruckcentre .company-logo-container .company-logo-container, .iveco.honeycombesiveco .company-logo-container .company-logo-container, .iveco.avtruckservices .company-logo-container .company-logo-container {
      width: 50%;
      margin-left: 52px; } }

.iveco.avtruckservices .company-logo-container {
  margin-top: 25px;
  max-width: 500px; }

.iveco.melbournetruckcentre .company-logo-container {
  max-width: 180px;
  margin-top: 5px; }

.iveco .nm-list {
  background: #fff; }

@media screen and (min-width: 1024px) {
  .iveco .nav-primary-wrapper {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6); } }

.iveco .nv-ql-item .ql-icon-wrapper {
  width: 60px;
  height: 60px;
  padding: 10px; }

.iveco .nv-link-level-3 {
  padding: 5px; }

.iveco .nv-link-level-2,
.iveco .nv-ql-link {
  line-height: 60px; }

.iveco .nv-ql-text {
  padding-left: 5px; }

.iveco .nf-heading {
  color: #fff;
  margin: 0; }

.iveco .sliderOuterWrapper .owl-controls .owl-buttons {
  top: 40%;
  width: 96%;
  left: 2%; }
  @media screen and (min-width: 1280px) {
    .iveco .sliderOuterWrapper .owl-controls .owl-buttons {
      left: calc(50% - 649px);
      top: 50%;
      max-width: 1300px; } }

.iveco .footer {
  background-color: #161C2A; }

.iveco .copyright-wrapper {
  background-color: #000;
  border-top: 1px solid #333333; }

.iveco .copyright-header,
.iveco .copyright-content,
.iveco .copyright,
.iveco .i-motor-cms-link {
  color: #a7a9ac; }

.iveco .quicklinks .ql-item {
  background-color: #fff; }
  .iveco .quicklinks .ql-item:hover {
    background-color: #f2f2f2; }

.iveco .qs-wrapper {
  margin: 0;
  padding: 25px .5em; }

.iveco .qs-tab-item.active {
  background: #fff; }

.iveco .qs-tab-content {
  min-height: 127px;
  background: #fff; }

.iveco .qs-wrapper .qs-type {
  margin-top: 0; }

.iveco .qs-wrapper .qs-dealer-location {
  margin-top: 0;
  margin-bottom: 10px; }

.iveco .ab-heading-wrapper {
  border-bottom: 1px solid #c1c1c1; }

.iveco .ab-trigger-link {
  background-color: #f7f7f7; }

.iveco .address-box-wrapper .desktop_directions {
  margin: 15px 0 15px 15px; }

.iveco .stock h4 {
  color: #fff; }

.iveco .stock .stock__finance_calculator_framed {
  background-color: #f7f7f7;
  padding: 15px; }

.iveco .stock__results-summary {
  background-color: #fff; }
  .iveco .stock__results-summary h2 {
    font-family: 'Roboto Regular', Arial, sans-serif;
    font-weight: normal;
    background-color: #666666;
    color: #fff; }

.iveco .result-title-bar,
.iveco .stock__search-detail-title {
  background-color: #fff; }

.iveco .stock__view-option.option-top,
.iveco .stock__view-option.option-bottom {
  background-color: #ededed; }

.iveco .stock__subnav-search-detail-u {
  background-color: #fff; }

.iveco .stock__panel-slider-sliders {
  background-color: #fff; }

.iveco .stock__summary-detail .summary-detail-body {
  background: #f2f2f2; }

.iveco .stock__vehicle-summary .stock__form-name {
  line-height: 40px;
  height: 40px;
  background-color: #666666; }

.iveco .stock__search-refine.stock__panel-collapse {
  background: #fff; }

.iveco .result-price-sm {
  font-size: 13px;
  font-family: 'Roboto Regular', Arial, sans-serif;
  font-weight: normal; }

.iveco .result-price {
  font-size: 16px;
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal; }

.iveco .result-title {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal; }

.iveco.stock-search .stock__view-gallery .stock__search__location,
.iveco.stock-search .stock__view-thumbnail .stock__search__location {
  white-space: nowrap;
  overflow: inherit; }

.gallery-banner {
  cursor: pointer; }

.gallery-images-wrapper {
  display: block; }

#gallery_videos video {
  width: 100%; }

#videolink img {
  display: block !important; }

.iveco .fs-item {
  border-top: 1px solid #a7a9ac;
  padding-top: 15px; }

.iveco .fs-image {
  margin-top: 7px; }

.iveco .search-filter-heading {
  font-family: 'Roboto Black', Arial, sans-serif;
  font-weight: normal; }

.iveco .ts-heading {
  font-family: 'Roboto Black', Arial, sans-serif;
  font-weight: normal;
  color: #4d4d4d;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.iveco .model-brochure-image {
  display: inline;
  margin: 0; }

.iveco .model-brochure-link {
  display: block;
  background: #dcddde;
  padding: 10px;
  margin-bottom: 10px; }

.iveco .ts-overview {
  margin-top: 30px; }

.iveco.blog-post .bp-back-link:hover {
  background: #004aa2; }
  .iveco.blog-post .bp-back-link:hover:before {
    border-color: transparent #004aa2 transparent transparent; }

.iveco .container.banner-vehicle-wrapper {
  max-width: initial; }

.iveco .hm-important-trigger-heading {
  color: #fff; }

.iveco .btn-base {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal; }

.iveco a.btn-base:hover, .iveco a.btn-base:focus, .iveco a.btn-base:active {
  background-color: #004aa2; }

.iveco.stock-detail .back-link-arrow {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal; }
  .iveco.stock-detail .back-link-arrow:hover {
    background-color: #004aa2; }
    .iveco.stock-detail .back-link-arrow:hover:before {
      border-color: transparent #004aa2 transparent transparent; }

.iveco.stock-page .sl-refine-toggle {
  margin-top: 0; }

.iveco.stock-page .sl-ab-form .panel-body {
  margin-top: 0; }

.iveco.stock-page .stock__search-accordion-inner .panel-title {
  color: #fff; }

.iveco.stock-page .sl-heading-prices {
  color: #fff; }

.iveco.stock-page .sd-summary .sl-price,
.iveco.stock-page .sd-summary .sl-price-wk,
.iveco.stock-page .sd-summary .sl-heading-model,
.iveco.stock-page .sd-summary .sl-heading-quantifier {
  color: #000; }

@media print {
  /* Stock Details Page */
  .stock-page.details .heading-wrapper,
  .stock-page.details main,
  .stock-page.stock-details .heading-wrapper,
  .stock-page.stock-details main,
  .stock-page.stock-detail .heading-wrapper,
  .stock-page.stock-detail main {
    box-shadow: none; } }

.iveco .star-rating.yellow-star {
  color: #ffc20e; }

.iveco .cm-compare-link {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal; }

.iveco .stock-compare-container .owl-controls .owl-buttons span {
  background: none; }

.iveco #sc-miniimage-container .owl-controls .owl-buttons span {
  background: none; }

.iveco #stock-compare-headbar .sch-back-button {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal; }
  .iveco #stock-compare-headbar .sch-back-button:hover, .iveco #stock-compare-headbar .sch-back-button:focus, .iveco #stock-compare-headbar .sch-back-button:active {
    background-color: #004aa2;
    border-color: #004aa2; }
    .iveco #stock-compare-headbar .sch-back-button:hover:before, .iveco #stock-compare-headbar .sch-back-button:focus:before, .iveco #stock-compare-headbar .sch-back-button:active:before {
      border-color: transparent #004aa2 transparent transparent; }

.iveco #stock-compare-headbar .sch-add-button {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal; }
  .iveco #stock-compare-headbar .sch-add-button span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='18.9,9 11,9 11,1.1 9,1.1 9,9 1.1,9 1.1,11 9,11 9,18.9 11,18.9 11,11 18.9,11' fill='%2300336F' /%3E%3C/svg%3E"); }
  .iveco #stock-compare-headbar .sch-add-button:hover, .iveco #stock-compare-headbar .sch-add-button:focus, .iveco #stock-compare-headbar .sch-add-button:active {
    background-color: #004aa2;
    border-color: #004aa2; }
    .iveco #stock-compare-headbar .sch-add-button:hover span, .iveco #stock-compare-headbar .sch-add-button:focus span, .iveco #stock-compare-headbar .sch-add-button:active span {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='18.9,9 11,9 11,1.1 9,1.1 9,9 1.1,9 1.1,11 9,11 9,18.9 11,18.9 11,11 18.9,11' fill='%23004aa2' /%3E%3C/svg%3E"); }

.iveco .sct-cta-group .sct-cta-button {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal; }

.stock__pricings-slider #editBudget,
.stock__pricings-slider .stb-info-button,
.stock__pricings-slider .modify-buttons a {
  font-family: 'Roboto Bold', Arial, sans-serif;
  font-weight: normal; }

.iveco .promo-heading,
.iveco .promo-content {
  margin: 0;
  font-size: 14px; }

.iveco .promo-heading {
  font-family: 'Roboto Black', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #00336F;
  padding-bottom: 10px; }

.iveco .promo-content {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: normal;
  color: #000;
  min-height: 90px; }

.iveco .promo-content-wrapper {
  padding: 20px;
  background: #fff;
  min-height: 175px; }

.iveco .carousel-wrapper-outer {
  padding: 30px 0 30px 0; }

.iveco .welcome-text-wrapper .welcome-text-head {
  font-family: 'Roboto Black', Arial, sans-serif;
  font-weight: normal;
  font-size: 22px;
  text-transform: uppercase;
  color: #00336F; }

.iveco .welcome-text-wrapper p {
  font-size: 14px; }

.iveco .promo-u .animation-wrapper {
  border: 1px solid #cccccc; }

.iveco .sliderOuterWrapper .owl-controls {
  width: 100%;
  height: 100%;
  top: 0; }
  .iveco .sliderOuterWrapper .owl-controls .owl-buttons span {
    width: 28px;
    height: 44px; }
    .iveco .sliderOuterWrapper .owl-controls .owl-buttons span.prevButton {
      background-position: center -8200px; }
    .iveco .sliderOuterWrapper .owl-controls .owl-buttons span.nextButton {
      background-position: center -8300px; }

.iveco .owl-controls .owl-buttons div {
  background: none; }

.iveco .owl-controls .owl-buttons span {
  width: 10px;
  height: 30px;
  display: block;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/trucks/images/icons_all.png") no-repeat; }
  .iveco .owl-controls .owl-buttons span.nextButton {
    background-position: center -5700px; }
  .iveco .owl-controls .owl-buttons span.prevButton {
    background-position: center -5800px; }

.iveco #home-promo .owl-next {
  left: 100%;
  right: auto; }

.iveco #home-promo .owl-prev {
  right: 100%;
  left: auto; }

@media screen and (min-width: 768px) {
  .iveco .welcome-wrapper {
    margin-top: 40px; } }

.iveco .variant-list-wrapper .vl-thead {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: normal;
  background: #000;
  color: #fff; }

.iveco .variant-list-wrapper .vl-tbody tr {
  background: #fff; }

.iveco .variant-list-wrapper .vl-tbody tr:nth-child(odd) {
  background: #f7f7f7; }

.lt-ie9 .iveco .box-main {
  padding: 0 1em 1em 1em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .iveco .box-main {
      padding: 0 1.5em 1.5em 1.5em; } }

.lt-ie9 .iveco .box-rbl {
  padding: 0 1em 1em 1em; }
  @media screen and (min-width: 768px) {
    .lt-ie9 .iveco .box-rbl {
      padding: 0 1.5em 1.5em 1.5em; } }